:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050607;--bg-soft:#0a0c0e;--panel:#111416;--panel-strong:#171b1f;--line:#ffffff1f;--line-strong:#fff3;--text:#f2f5f7;--muted:#a8b0b7;--dim:#6f777f;--steel:#89c2d9;--brass:#c7a76c;--success:#9ccf9c;--danger:#ff8a8a;--radius:8px;--max:1180px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);letter-spacing:0;min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{outline-color:var(--steel)}button{cursor:pointer}img,video,iframe,canvas{max-width:100%}.site-shell{background:linear-gradient(180deg, #ffffff09, transparent 18rem), var(--bg);overflow:hidden}.topbar{z-index:40;max-width:min(var(--max), calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090ac7;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:8px;display:flex;position:fixed;inset:14px 16px auto;box-shadow:0 20px 70px #00000057}.brand-lockup,.nav-links,.topbar-actions,.hero-actions,.social-row,.tag-row,.owner-card-heading,.json-toolbar{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:max-content;padding:4px 8px 4px 4px;font-weight:700}.brand-mark{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--steel);background:linear-gradient(145deg,#ffffff1f,#ffffff05);border-radius:6px;place-items:center;display:grid}.nav-links{justify-content:center;gap:2px}.nav-links a{color:var(--muted);border-radius:6px;padding:10px 12px;font-size:.92rem;transition:color .18s,background .18s}.nav-links a:hover{color:var(--text);background:#ffffff14}.topbar-actions{gap:8px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:#ffffff0a;border-radius:6px;place-items:center;transition:transform .18s,border-color .18s,background .18s;display:inline-grid}.icon-button:hover{border-color:var(--line-strong);background:#ffffff1a;transform:translateY(-1px)}.menu-button{display:none}.hero-section{isolation:isolate;align-items:end;min-height:92svh;padding:150px 24px 56px;display:grid;position:relative}.cinematic-field{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-section:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent, var(--bg));height:28%;position:absolute;inset:auto 0 0}.hero-content{width:min(var(--max), 100%);margin:0 auto}.hero-kicker{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:999px;padding:8px 12px;display:inline-flex}.hero-section h1{letter-spacing:0;max-width:950px;margin:20px 0 0;font-size:clamp(3.4rem,13vw,9rem);line-height:.88}.hero-headline{max-width:760px;color:var(--text);margin:26px 0 0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.2}.hero-copy{max-width:710px;color:var(--muted);margin:18px 0 0;font-size:1.06rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.primary-button,.secondary-button,.text-button,.owner-save,.owner-mail,.owner-logout,.owner-back{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-button{color:#080a0b;background:#f3f5f6;border:1px solid #ffffff47;padding:0 18px}.primary-button:hover,.secondary-button:hover,.text-button:hover,.owner-save:hover,.owner-mail:hover,.owner-logout:hover,.owner-back:hover{transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-strong);color:var(--text);background:#ffffff0e;padding:0 18px}.text-button{color:var(--steel);background:0 0;border:0;padding:0}.hero-status{width:min(var(--max), 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:.7fr .65fr 1.4fr;margin:42px auto 0;display:grid}.hero-status span{border-right:1px solid var(--line);align-items:center;min-height:58px;padding:12px 16px;display:flex}.hero-status span:last-child{border-right:0}.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090b0d;padding:22px 24px}.intro-band div{width:min(var(--max), 100%);color:var(--muted);gap:12px;margin:0 auto;display:flex}.intro-band strong{color:var(--text)}.content-section,.section-grid{width:min(var(--max), calc(100% - 48px));margin:0 auto;padding:110px 0}.section-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start;gap:58px;display:grid}.section-heading{position:sticky;top:108px}.section-heading.narrow{max-width:740px;margin-bottom:44px;position:static}.eyebrow{color:var(--brass);text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:800;display:inline-flex}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.03}.section-heading p,.about-copy p,.service-card p,.price-card p,.project-feature-copy p,.modal-panel p{color:var(--muted);line-height:1.75}.about-copy .lead{color:var(--text);font-size:1.35rem;line-height:1.45}.fact-grid{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fact-card,.skill-panel,.service-card,.price-card,.contact-form,.owner-panel,.owner-card,.modal-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0e,#ffffff06);box-shadow:0 24px 80px #0000003d}.fact-card{padding:18px}.fact-card span,.project-rail span,.price-card>span,.owner-title span,.owner-toolbar span,.login-panel>span{color:var(--dim);text-transform:uppercase;font-size:.82rem}.fact-card strong{color:var(--text);margin-top:8px;display:block}.skill-timeline{gap:16px;display:grid}.skill-panel{grid-template-columns:78px minmax(0,1fr);gap:20px;padding:24px;display:grid}.skill-index{color:#ffffff47;font-size:2.2rem;font-weight:800}.skill-panel h3,.service-card h3,.price-card h3,.project-feature-copy h3,.modal-panel h2,.owner-card h3{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.check-list,.service-card ul,.price-card ul{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--muted);align-items:flex-start;gap:9px;display:flex}.check-list svg{color:var(--success);flex:none;margin-top:4px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffff09;border-radius:999px;align-items:center;padding:5px 10px;font-size:.86rem;display:inline-flex}.media-frame,.media-empty{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:#070809;width:100%;margin-top:20px}.media-empty{color:var(--muted);text-align:center;place-items:center;padding:18px;display:grid}.project-stage{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;display:grid}.project-feature{border:1px solid var(--line);border-radius:var(--radius);background:#090b0c;grid-template-rows:minmax(320px,1fr) auto;min-height:620px;display:grid;overflow:hidden}.visual-panel{background:linear-gradient(135deg,#89c2d92e,#0000 44%),linear-gradient(315deg,#c7a76c24,#0000 38%),#0e1114;align-items:flex-end;padding:26px;display:flex;position:relative;overflow:hidden}.visual-panel-grid{background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(120deg,#0000,#000 20% 80%,#0000)}.visual-panel div:last-child{z-index:1;position:relative}.visual-panel span{color:var(--muted);margin-bottom:8px;display:block}.visual-panel strong{font-size:clamp(2rem,7vw,5rem);line-height:.95}.project-feature-copy{padding:28px}.status-pill{min-height:30px;color:var(--steel);background:#89c2d914;border:1px solid #89c2d959;border-radius:999px;align-items:center;margin-bottom:14px;padding:4px 10px;font-size:.82rem;display:inline-flex}.project-rail{gap:10px;display:grid}.project-rail button{border:1px solid var(--line);border-radius:var(--radius);min-height:148px;color:var(--text);text-align:left;background:#ffffff09;padding:18px;transition:transform .18s,border-color .18s,background .18s}.project-rail button:hover,.project-rail button.is-active{background:#89c2d917;border-color:#89c2d970;transform:translateY(-1px)}.project-rail strong,.project-rail small{display:block}.project-rail strong{margin:10px 0 8px;font-size:1.05rem}.project-rail small{color:var(--muted);line-height:1.45}.service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.service-card{padding:22px}.service-card svg{color:var(--steel)}.service-card li{color:var(--muted)}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.price-card{padding:28px}.price-card.is-highlighted{background:linear-gradient(#c7a76c1f,#0000 40%),linear-gradient(#ffffff0f,#ffffff06);border-color:#c7a76c80}.price-card strong{margin:18px 0;font-size:clamp(2.6rem,6vw,5rem);line-height:.95;display:block}.price-card .secondary-button{width:100%;margin-top:26px}.contact-section{align-items:stretch}.social-row{flex-wrap:wrap;gap:10px;margin-top:28px}.social-row a{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#ffffff09;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.contact-form{gap:16px;padding:24px;display:grid}label{color:var(--muted);gap:8px;font-size:.92rem;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#00000052;border-radius:6px;padding:12px 13px}textarea{resize:vertical}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.honeypot{position:absolute;left:-9999px}.contact-form small{color:var(--dim);align-items:center;gap:7px;display:flex}.form-message{color:var(--success);margin:0}.form-message.error{color:var(--danger)}.site-footer{width:min(var(--max), calc(100% - 48px));border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;gap:18px;margin:0 auto;padding:34px 0 44px;display:flex}.modal-backdrop{z-index:60;background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{width:min(900px,100%);max-height:min(800px,90vh);padding:28px;position:relative;overflow:auto}.modal-close{position:absolute;top:16px;right:16px}.modal-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.modal-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.modal-links a{color:var(--steel)}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.owner-shell{background:var(--bg);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.owner-shell.centered{grid-template-columns:1fr;place-items:center;padding:24px}.owner-sidebar{border-right:1px solid var(--line);background:#080a0b;flex-direction:column;gap:16px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.owner-back,.owner-mail,.owner-logout,.owner-save{border:1px solid var(--line);color:var(--text);background:#ffffff0b;padding:0 12px}.owner-title h1,.owner-toolbar h2,.owner-panel h1{margin:4px 0 0}.owner-sidebar nav{gap:8px;display:grid}.owner-sidebar nav button{min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:0 10px;display:flex}.owner-sidebar nav button.is-active{border-color:var(--line);color:var(--text);background:#ffffff12}.owner-mail,.owner-logout{width:100%}.owner-logout{margin-top:auto}.owner-workspace{padding:28px}.owner-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.owner-notice,.owner-empty{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff09;padding:12px 14px}.owner-panel{width:min(460px,100%);padding:26px}.login-panel{gap:16px;display:grid}.owner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.owner-grid.compact{gap:12px}.wide{grid-column:1/-1}.owner-card{padding:18px}.owner-card-heading{justify-content:space-between;gap:12px;margin-bottom:14px}.stack{gap:16px;display:grid}.row-editor{grid-template-columns:.5fr .7fr 1.2fr;gap:10px;margin-top:10px;display:grid}.inline-check{align-items:center;gap:8px;display:flex}.inline-check input{width:auto}.message-card{gap:10px;display:grid}.message-card a{color:var(--steel)}.json-editor{gap:12px;display:grid}.json-toolbar{justify-content:space-between}.json-editor textarea{min-height:66vh;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55}@media (width<=920px){.topbar{max-width:calc(100vw - 20px);inset:10px 10px auto}.menu-button{display:inline-grid}.nav-links{border:1px solid var(--line);border-radius:var(--radius);background:#07090af5;padding:8px;display:none;position:absolute;inset:calc(100% + 8px) 0 auto}.nav-links.is-open{display:grid}.nav-links a{min-height:42px}.hero-section{padding:128px 18px 36px}.hero-status,.section-grid,.project-stage,.service-list,.pricing-grid,.contact-section,.owner-shell,.modal-columns{grid-template-columns:1fr}.hero-status span{border-right:0;border-bottom:1px solid var(--line)}.hero-status span:last-child{border-bottom:0}.content-section,.section-grid{width:min(100% - 32px, var(--max));padding:76px 0}.section-heading{position:static}.fact-grid{grid-column:auto}.project-feature{min-height:auto}.owner-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.owner-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.brand-lockup span:last-child{display:none}.hero-section h1{font-size:clamp(3.15rem,22vw,5.8rem)}.hero-actions,.intro-band div,.site-footer{display:grid}.primary-button,.secondary-button{width:100%}.fact-grid,.skill-panel,.form-row,.owner-grid,.row-editor{grid-template-columns:1fr}.skill-panel,.owner-workspace{padding:18px}.owner-toolbar{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}
