:root{color-scheme:dark;--bg:#141413;--text:#f2eee7;--muted:#b0aba2;--amber:#e3b47c;--border:#38352f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 50% 0,rgba(156,105,51,.12),transparent 55%);min-height:100vh}
a{color:inherit}
.page{max-width:1100px;margin:auto;padding:0 40px}
.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--amber);color:var(--bg);z-index:10;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.hero{text-align:center;padding:57px 0 35px;position:relative}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.7px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:10px}
.status-dot{width:6px;height:6px;background:var(--amber);border-radius:50%}
.brand{display:flex;align-items:center;justify-content:center;gap:15px;margin:21px 0 18px;font-size:clamp(48px,7vw,76px);letter-spacing:-4px;font-weight:750;line-height:1.12;text-align:left}
.brand-mark{width:133px;height:133px;flex-shrink:0}
.wave{stroke:#9f7748;stroke-width:1.5;opacity:.6;stroke-linecap:round;stroke-linejoin:round}
.brand-accent{color:var(--amber);font-weight:350}
.brand-caption{display:block;font-size:9px;letter-spacing:2.8px;font-weight:500;color:var(--muted);margin-top:13px}
.intro{font-size:17px;color:#d1cbc1;margin:0;line-height:1.6}
.hero-note{font-size:13px;color:var(--muted);margin:8px 0 0}
.strings{display:flex;flex-direction:column;gap:5px;margin:33px auto 0;max-width:390px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent)}
.strings i{height:1px;background:#bd9159;opacity:.19}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:16px}
.section-heading h2{font-size:15px;font-weight:550;margin:0;letter-spacing:.2px}
.section-heading>span{font-size:9px;letter-spacing:2px;color:var(--muted)}
.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.app-card{display:flex;flex-direction:column;padding:27px 29px 23px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(120deg,#22211e,#1b1b19);text-decoration:none;position:relative;transition:border-color .2s,transform .2s,background .2s;overflow:hidden}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-icon{display:grid;place-items:center;width:47px;height:47px;background:#30281f;border:1px solid #493a29;border-radius:12px;color:var(--amber)}
.app-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app-icon circle{fill:var(--amber);stroke:#30281f;stroke-width:1}
.card-category{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.app-card h3{font-size:25px;letter-spacing:-.7px;font-weight:600;margin:21px 0 9px}
.app-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 23px;max-width:350px}
.card-action{margin-top:auto;border-top:1px solid var(--border);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--amber)}
.card-action>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #51412f;border-radius:50%;font-size:17px;font-weight:400;transition:background .2s,color .2s}
a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
@media(hover:hover){.app-card:hover{transform:translateY(-3px);border-color:#90704b;background:linear-gradient(120deg,#2b2721,#201f1b)}.app-card:hover .card-action>span{background:var(--amber);color:var(--bg)}}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);margin-top:43px;padding:24px 0 29px;color:var(--muted);font-size:11px}
footer p{margin:0}.footer-note{font-size:8px;letter-spacing:1.7px}
@media(min-width:1500px){.hero{padding-top:75px}.app-card{padding:32px}.page{max-width:1160px}}
@media(max-width:600px){.page{padding:0 21px}.hero{padding-top:36px;padding-bottom:29px}.brand{gap:5px;letter-spacing:-2.7px;margin:22px 0}.brand-mark{width:87px;height:108px}.brand-caption{font-size:6px;letter-spacing:1.7px;margin-top:10px}.eyebrow{font-size:8px;letter-spacing:2px}.intro{font-size:15px;max-width:300px;margin:auto}.hero-note{font-size:12px}.strings{margin-top:27px}.app-grid{grid-template-columns:1fr;gap:14px}.section-heading h2{font-size:14px}.section-heading>span{font-size:8px;letter-spacing:1px}.app-card{padding:24px}.app-card h3{font-size:24px;margin-top:18px}.app-card p{max-width:none}footer{flex-direction:column;gap:12px;text-align:center;margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}