:root{--bg: #050505;--panel: #0b0b0b;--panel2: #121212;--ink: #f5f5f5;--mut: #8f8f8f;--accent: #d9d9d9;--accent2: #ffffff;--accent-deep: #8a8a8a;--line: rgba(255, 255, 255, .12);--line2: rgba(255, 255, 255, .07);--space: var(--bg);--text-dim: var(--mut);--gold-1: var(--accent-deep);--gold-2: var(--accent);--gold-3: var(--accent);--gold-hi: var(--accent2);--display: "Unbounded", "Inter", system-ui, sans-serif;--gutter: clamp(20px, 5vw, 72px);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}html.scroll-locked{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,canvas{display:block;max-width:100%}button{font:inherit}a{color:inherit}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 100% -10%,rgba(225,225,225,.08),transparent 70%),radial-gradient(50rem 40rem at -10% 110%,rgba(225,225,225,.05),transparent 70%)}.brand-text{font-family:var(--display);font-weight:800;letter-spacing:.06em;background:linear-gradient(100deg,var(--accent-deep),var(--accent) 45%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.display{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:clamp(34px,5.4vw,76px);line-height:1.06}.title{font-family:var(--display);font-weight:600;letter-spacing:-.015em;font-size:clamp(28px,3.6vw,52px);line-height:1.1}.lede{font-size:clamp(16px,1.3vw,19px);color:var(--mut);margin-top:18px;max-width:46ch}.lede.narrow{max-width:60ch}.muted{color:var(--mut);margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.btn.sm{min-height:40px;padding:0 16px;font-size:14px}.btn.lg{min-height:56px;padding:0 28px;font-size:16px}.btn-primary,.cta{background:#fff;color:#050505}.btn-primary:hover,.cta:hover{transform:translateY(-1px);box-shadow:0 8px 30px #e1e1e147}.btn-ghost{background:var(--panel2);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:#e1e1e180}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:10px;border:0;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;margin-top:22px;transition:transform .2s,box-shadow .2s}.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.row.center{justify-content:center}.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--accent);background:#e1e1e124}.card{border:1px solid var(--line);border-radius:16px;background:#0b0b0bc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--gutter);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.header.solid{background:#050505db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line2)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{height:26px;width:auto}.logo .brand-text{font-size:15px;letter-spacing:.14em}.header nav{display:flex;gap:28px}.header nav a{text-decoration:none;font-size:14px;font-weight:500;color:var(--mut);transition:color .2s}.header nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:18px}.header-phone{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);font-variant-numeric:tabular-nums}.pin{position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}video.film{object-fit:cover}.film-hidden{visibility:hidden}.stage-head{position:absolute;top:96px;left:var(--gutter);z-index:2;max-width:520px}.hero{height:190vh}.services{height:520vh}.mobile{height:380vh}.why-film{height:220vh}.process{height:440vh}.hero-hint{position:absolute;left:50%;bottom:40px;transform:translate(-50%);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);opacity:0;transition:opacity .6s}.hero-hint.on{opacity:1}.hero-hint:after{content:"";display:block;width:1px;height:36px;margin:12px auto 0;background:linear-gradient(var(--accent),transparent)}.hero-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);max-width:1100px;opacity:0;transform:translateY(24px);filter:blur(8px);pointer-events:none;transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1),filter .7s}.hero-copy.on{opacity:1;transform:none;filter:none;pointer-events:auto}.hero-copy .display .brand-text{letter-spacing:-.01em;font-weight:600}.service-dock{position:absolute;right:var(--gutter);bottom:48px;z-index:2;width:min(420px,calc(100vw - 2 * var(--gutter)))}.service-card{padding:26px 26px 24px}.service-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.price{font-size:13px;font-weight:600;color:var(--accent2);text-align:right}.service-card h3{font-family:var(--display);font-weight:600;font-size:22px;margin-top:16px;line-height:1.2}.tagline{color:var(--mut);margin-top:6px}.service-card ul{list-style:none;margin:16px 0 20px;display:grid;gap:8px;font-size:14px;color:#f5f5f5db}.service-card li{padding-left:18px;position:relative}.service-card li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.dots span{width:18px;height:3px;border-radius:3px;background:var(--line);transition:background .3s}.dots span.on{background:var(--accent)}.caption-dock{position:absolute;left:var(--gutter);bottom:48px;z-index:2;width:min(400px,calc(100vw - 2 * var(--gutter)))}.caption{padding:22px 24px}.caption h3{font-family:var(--display);font-weight:600;font-size:22px;margin-top:12px}.caption p{color:var(--mut);margin-top:6px;font-size:15px}@media (min-width: 901px){.services .film,.mobile .film,.process .film{width:calc(100% - 440px - var(--gutter))}.service-dock,.caption-dock{left:auto;right:var(--gutter);bottom:auto;top:50%;transform:translateY(-50%);width:400px}}.block{padding:clamp(96px,14vh,160px) var(--gutter);max-width:1320px;margin:0 auto}.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:48px}.point{padding:26px;background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.point-index{font-family:var(--display);font-size:13px;color:var(--accent)}.point h3{font-size:18px;font-weight:700;margin-top:14px}.point p{color:var(--mut);margin-top:8px;font-size:15px}.why-points{padding-top:40px}.why-points .points{margin-top:0}.evaluation-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:clamp(28px,4vw,56px);background:radial-gradient(40rem 24rem at 0% 0%,rgba(150,150,150,.22),transparent 70%),var(--panel)}.evaluation-panel .btn{margin-top:28px}.checklist{list-style:none;display:grid;gap:12px;align-content:center}.checklist li{padding:18px 20px;border:1px solid var(--line2);border-radius:12px;background:#ffffff05}.checklist strong{display:block;font-size:15px}.checklist span{display:block;color:var(--mut);font-size:14px;margin-top:4px}.work .stage{display:flex;flex-direction:column;justify-content:center}.work .stage-head{position:relative;top:auto;left:auto;padding:0 var(--gutter);margin-bottom:36px;max-width:none}.reel{display:flex;gap:22px;padding:0 var(--gutter);width:max-content;will-change:transform}.reel-tile{width:min(46vw,640px);flex:none}.reel-tile video{width:100%;aspect-ratio:2522 / 1238;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--panel2)}.reel-meta{padding:16px 4px 0}.reel-meta h3{font-family:var(--display);font-weight:600;font-size:20px;margin-top:10px}.reel-meta p{color:var(--mut);font-size:14px;margin-top:6px;max-width:56ch}.progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;height:2px;background:var(--line2);border-radius:2px}.progress div{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.faq-list{display:grid;gap:10px;margin-top:40px;max-width:900px}.faq-item{padding:0}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:22px;color:var(--mut);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item h3{font-size:16px;font-weight:600}.faq-item p{padding:0 24px 22px;color:var(--mut);max-width:70ch}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:40px 0 28px}.blog-card{display:block;height:100%;text-decoration:none;color:inherit;transition:border-color .2s}.blog-card:hover{border-color:#ffffff59}.blog-card time{font-size:13px;color:var(--mut)}.blog-card h3{font-family:Unbounded,sans-serif;font-size:17px;line-height:1.35;margin:8px 0 10px}.blog-card p{color:var(--mut);font-size:14px}.contact{text-align:center;padding-bottom:40px}.contact-inner{display:flex;flex-direction:column;align-items:center;padding:6vh 0 12vh}.contact .lede{max-width:44ch}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:28px;border-top:1px solid var(--line2);font-size:13px;color:var(--mut)}.footer a{text-decoration:none}.footer .brand-text{font-size:13px;letter-spacing:.16em}.form-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:5vh 5vw;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.form-modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;position:relative;padding:38px 40px 32px;border:1px solid var(--line);border-radius:18px;background:#0b0b0bf5}.form-close{position:absolute;top:16px;right:18px;background:none;border:0;cursor:pointer;color:var(--text-dim);font:inherit;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.form-close:hover{color:#fff}.form-modal .galaxy{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.form-intro{font-size:13.5px;line-height:1.65;font-weight:400;color:var(--text-dim)}.form-steps{margin-top:14px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#ffffff61}.form-body{margin-top:24px;display:grid;gap:20px}.form-field{display:grid;gap:9px}.form-label{font-size:13px;font-weight:400;color:#ffffffd1}.form-label em{font-style:normal;margin-left:8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff57}.form-field input,.form-field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#ffffff0a;color:#fff;font:inherit;font-size:14px;font-weight:400;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#e1e1e199;background:#e1e1e10f}.form-field ::placeholder{color:#ffffff47}.audit-options{display:grid;gap:8px}.audit-option{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;color:#ffffffc7;font:inherit;font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.audit-option:hover{border-color:#ffffff52;color:#fff}.audit-option.on{border-color:#e1e1e1b3;background:#e1e1e124;color:#fff}.audit-option-box{flex:none;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:5px;color:var(--space);transition:border-color .2s,background .2s}.audit-option.on .audit-option-box{border-color:var(--accent);background:var(--accent);color:var(--space)}.audit-option-label{flex:1}.form-other{margin-top:4px;width:100%;padding:12px 14px;border:1px solid rgba(225,225,225,.45);border-radius:10px;background:#e1e1e10f;color:#fff;font:inherit;font-size:14px;font-weight:400}.form-other:focus{outline:none;border-color:#e1e1e1cc}.form-other::placeholder{color:#ffffff4d}.form-error{margin-top:16px;font-size:13px;font-weight:400;color:#ff9a9a}.form-nav{margin-top:26px;display:flex;align-items:center;gap:18px}.form-nav .cta{margin-top:0}.form-back{background:none;border:0;cursor:pointer;color:var(--text-dim);font:inherit;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.form-back:hover{color:#fff}.cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.form-done{text-align:center;padding:8px 0 4px}.form-done h3{font-size:26px;font-weight:600;margin:10px 0 12px}.form-done p{font-size:14px;line-height:1.7;font-weight:400;color:var(--text-dim)}.hud-logo{display:flex;align-items:center;text-decoration:none}.hud-mark{height:30px;width:auto;display:block;flex:none}@media (max-width: 900px){.header nav,.header-phone{display:none}.evaluation-panel{grid-template-columns:1fr;gap:28px}}@media (max-width: 768px){.header{padding:12px 16px}.logo .brand-text{display:none}.stage-head{top:76px;left:16px;right:16px}.hero{height:170vh}.services{height:460vh}.service-dock,.caption-dock{left:16px;right:16px;width:auto;top:auto;bottom:20px}.services .film{top:-6vh}.service-card{padding:20px}.service-card ul{display:none}.reel-tile{width:82vw}.reel{gap:14px;padding:0 16px}.form-modal{padding:32px 22px 24px}}@media (prefers-reduced-motion: reduce){.hero-copy,.hero-hint{transition:none}}
