:root{--bg: #08090c;--surface: #12141a;--line: rgba(255, 255, 255, .08);--text: #ece8e1;--muted: rgba(236, 232, 225, .55);--accent: #3d8f7a;--accent-glow: rgba(61, 143, 122, .25);--gold: #c9a962}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Geist,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(61,143,122,.12),transparent),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(201,169,98,.08),transparent);pointer-events:none;z-index:0}.top,.stage,.foot{position:relative;z-index:1}.top{display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.25rem,4vw,3rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem}.brand__mark{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.brand__text{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.top__hint{font-size:.75rem;color:var(--muted)}.stage{max-width:1400px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem) 4rem;background-image:url(/hero-visual.svg),url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1600&q=80&auto=format&fit=crop);background-size:cover;background-position:center top;background-blend-mode:soft-light}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08090ceb,#08090cf7 40%,#08090c);pointer-events:none;z-index:0}.stage>*{position:relative;z-index:1}.intro{margin-bottom:2.5rem;max-width:42rem;position:relative}.intro:before{content:"";position:absolute;left:-2rem;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),var(--gold));border-radius:2px;opacity:.6}.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400;line-height:1.1;margin-bottom:1rem}h1 em{font-style:italic;color:var(--accent)}.lede{color:var(--muted);font-size:1.02rem}.inline-cta{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.inline-cta:hover{color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 1024px){.grid{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start;gap:.5rem}.card__frame,.card__frame iframe{min-height:280px}}@media (max-width: 480px){.intro h1{font-size:1.75rem}.card__head{flex-direction:column;align-items:flex-start;gap:.35rem}.lts-panel{padding:1rem}}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .45s ease,opacity .3s ease;animation:cardReveal .8s cubic-bezier(.22,1,.36,1) both}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card:hover{transform:translateY(-4px);border-color:#3d8f7a59;box-shadow:0 20px 60px #0006}.card__head{padding:1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card__label{font-weight:500;font-size:.95rem}.card__frame{flex:1;min-height:320px;background:#0a0b0e;position:relative}.card__frame iframe{width:100%;height:100%;min-height:320px;border:none;transform-origin:top left}.card__actions{padding:1rem 1.25rem;border-top:1px solid var(--line)}.btn-select{width:100%;padding:.85rem;background:transparent;border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:background .25s,border-color .25s}.btn-select:hover{background:#3d8f7a1f;border-color:var(--accent)}.btn-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-select.is-chosen{background:var(--accent);border-color:var(--accent);color:#fff}.result{margin-top:3rem;padding:2rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center}.result h2{font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;margin-bottom:.75rem}.hidden{display:none!important}.btn-reveal{margin-top:1.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:inherit;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:4px}.btn-reveal:hover{background:#c9a9621a}.reveal-panel{margin-top:1.5rem;padding:1.25rem;background:#0000004d;border-radius:8px;text-align:left;font-size:.9rem;line-height:1.7}.foot{padding:1.5rem clamp(1.25rem,4vw,3rem);border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.lts-panel{margin-top:3rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:12px}.lts-panel h2{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;margin-bottom:.75rem}.lts-panel ul{list-style:none;margin-bottom:1rem}.lts-panel li{padding:.35rem 0;font-size:.9rem;color:var(--muted)}.lts-panel li:before{content:"✓ ";color:var(--accent)}.lts-note{font-size:.85rem;color:var(--muted);line-height:1.6}.contact-form{max-width:28rem;display:flex;flex-direction:column;gap:.75rem}.contact-form label{font-size:.85rem;color:var(--muted)}.contact-form input,.contact-form textarea{padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:inherit}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
