:root{
  --bg:#020205;
  --panel:#07070c;
  --panel2:#0a0a12;
  --text:#f7f5f7;
  --muted:#aaa5b0;
  --muted2:#696573;
  --pink:#ff149f;
  --pink2:#ff4fc2;
  --amber:#ffd39f;
  --amber2:#ff9f62;
  --line:rgba(255,255,255,.13);
  --pinkline:rgba(255,20,159,.38);
  --max:1780px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input,textarea,select{font:inherit}
button,input,textarea,select{border-radius:0}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--pink);color:#050506}

/* ---------- MARKETING ---------- */
.marketing-page{min-height:100%;background:#020205}
.site-frame{position:relative;z-index:2;transform-origin:50% 50%;will-change:transform,filter,opacity}
.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.88}
.warp-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:9997;pointer-events:none;opacity:0;clip-path:circle(0 at var(--warp-x,50%) var(--warp-y,50%));will-change:clip-path,opacity}
.warp-flash{position:fixed;inset:0;z-index:9999;pointer-events:none;background:#fff;opacity:0;mix-blend-mode:screen}
body.warp-launch{overflow:hidden}
body.warp-launch .warp-canvas{opacity:1;animation:wormholeOpen .58s cubic-bezier(.2,.8,.2,1) forwards}
body.warp-launch .site-frame{animation:siteDive 1.08s cubic-bezier(.34,0,.9,.34) forwards}
body.warp-launch .site-header{animation:headerDive .82s cubic-bezier(.5,0,.9,.35) forwards}
@keyframes wormholeOpen{0%{clip-path:circle(0 at var(--warp-x) var(--warp-y))}100%{clip-path:circle(170vmax at var(--warp-x) var(--warp-y))}}
@keyframes siteDive{0%{transform:scale(1);filter:blur(0) saturate(1);opacity:1}45%{transform:scale(1.16);filter:blur(1px) saturate(1.4);opacity:.95}100%{transform:scale(3.25);filter:blur(18px) saturate(2);opacity:0}}
@keyframes headerDive{to{opacity:0;transform:translateY(-80px) scale(1.1);filter:blur(8px)}}

.site-header{position:fixed;top:0;left:0;right:0;height:104px;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(26px,3.8vw,70px);background:linear-gradient(180deg,rgba(2,2,5,.96),rgba(2,2,5,.58) 58%,transparent);backdrop-filter:blur(3px)}
.brand{display:flex;align-items:center;gap:20px;width:max-content;min-width:0}
.brand img{width:112px;height:74px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,20,159,.32))}
.brand span{font-size:12px;letter-spacing:.42em;color:#e9e2e8;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:54px}
.desktop-nav a{font-size:11px;letter-spacing:.14em;color:#e7e2e8;position:relative;padding:12px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:linear-gradient(90deg,var(--pink),var(--amber));transition:right .2s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}
.header-cta{justify-self:end;border:1px solid rgba(255,211,159,.75);padding:15px 21px;font-size:10px;letter-spacing:.16em;box-shadow:inset 0 0 18px rgba(255,149,80,.04),0 0 16px rgba(255,149,80,.06);transition:.2s}
.header-cta:hover{border-color:var(--amber);box-shadow:0 0 24px rgba(255,159,98,.16)}
.header-cta span{margin-left:27px;color:var(--amber)}
.menu-toggle,.mobile-menu{display:none}

.hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;padding-top:104px;background:#020205}
.hero-photo{position:absolute;inset:0;z-index:-4;background-image:url('/assets/hero-desktop.webp');background-size:cover;background-position:center center;filter:saturate(1.2) contrast(1.08) brightness(.95);transform:scale(1.015)}
.hero-shade{position:absolute;inset:0;z-index:-3;background:
  linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.02) 58%,rgba(0,0,0,.14) 100%),
  linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 32%,transparent 63%,rgba(0,0,0,.38) 100%),
  radial-gradient(circle at 50% 49%,rgba(255,20,159,.08),transparent 31%)}
.hero-grid{max-width:var(--max);height:calc(100svh - 104px);min-height:650px;margin:0 auto;padding:34px clamp(28px,3.8vw,70px) 188px;display:grid;grid-template-columns:1.03fr .78fr .96fr;gap:clamp(22px,2.6vw,48px);align-items:center;position:relative;z-index:3}
.hero-copy{align-self:center;padding-top:15px}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.29em;color:#d0c9d0;margin-bottom:26px;white-space:nowrap}
.eyebrow b{display:inline-block;width:20px;height:1px;background:rgba(255,255,255,.28)}
.hero h1{font-size:clamp(48px,4.1vw,80px);line-height:.93;letter-spacing:-.045em;font-weight:300;margin:0;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.48)}
.hero h1 em{font-style:normal;font-weight:500;color:#fff0df;text-shadow:0 0 10px rgba(255,173,107,.66),0 0 28px rgba(255,139,69,.24)}
.hero-description{max-width:530px;font-size:14px;line-height:1.7;color:#e4dfe5;margin:28px 0 19px;text-shadow:0 2px 14px #000}
.signature-line{display:inline-block;border-left:3px solid var(--pink);padding:10px 0 10px 17px;margin:0;font-size:12px;letter-spacing:.13em;color:#f3edf2;text-shadow:0 2px 10px #000}

.portal-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;min-height:460px}
.portal-aura{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,20,159,.19),rgba(255,20,159,.05) 45%,transparent 68%);filter:blur(8px);animation:auraBreath 4.5s ease-in-out infinite;pointer-events:none}
@keyframes auraBreath{50%{transform:scale(1.08);opacity:.78}}
.portal-button{--progress:0deg;position:relative;width:min(390px,28vw);aspect-ratio:1;border:0;border-radius:50%;background:transparent;padding:0;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;filter:drop-shadow(0 0 22px rgba(255,20,159,.42));outline:none}
.portal-button:focus-visible{filter:drop-shadow(0 0 22px rgba(255,20,159,.75)) drop-shadow(0 0 0 white)}
.portal-ticks{position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(from -90deg,rgba(255,255,255,.32) 0 1deg,transparent 1deg 4deg);-webkit-mask:radial-gradient(circle,transparent 0 83%,#000 84% 86%,transparent 87%);mask:radial-gradient(circle,transparent 0 83%,#000 84% 86%,transparent 87%);opacity:.36}
.portal-track{position:absolute;inset:0;border-radius:50%;background:
 conic-gradient(from -90deg,var(--amber) 0deg,var(--pink2) var(--progress),rgba(55,23,58,.88) var(--progress) 360deg);
 box-shadow:0 0 0 2px rgba(255,205,155,.18),0 0 32px rgba(255,20,159,.65),0 0 85px rgba(255,20,159,.22);transition:filter .08s linear}
.portal-track:before{content:"";position:absolute;inset:13px;border-radius:50%;background:conic-gradient(from 15deg,#241128,#ff209f 8%,#3a183e 19%,#ff56bd 30%,#321636 43%,#ff1aa2 56%,#4c254e 70%,#ff63c4 83%,#2f1532);box-shadow:inset 0 0 28px #000}
.portal-track:after{content:"";position:absolute;inset:35px;border-radius:50%;background:radial-gradient(circle at 50% 48%,#0e0712 0%,#09070c 54%,#050509 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 55px rgba(255,20,159,.12)}
.portal-core{position:absolute;inset:42px;z-index:3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.portal-core img{width:93px;height:72px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 0 9px rgba(255,20,159,.45))}
.portal-core strong{font-size:17px;line-height:1.22;letter-spacing:.035em;font-weight:500;color:#fff5ec;text-shadow:0 0 12px rgba(255,178,119,.45)}
.portal-rule{width:34px;height:1px;background:linear-gradient(90deg,var(--pink),var(--amber));margin:18px 0 12px;box-shadow:0 0 8px var(--pink)}
.portal-core b{font-size:14px;letter-spacing:.08em;color:var(--pink2);font-weight:500}
.portal-help{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.46)}
.portal-help i{width:28px;height:1px;background:rgba(255,255,255,.18)}
.portal-stage.charging .portal-button{animation:portalCharge .25s linear infinite alternate}
.portal-stage.charging .portal-aura{animation:chargeAura .45s ease-in-out infinite alternate}
.portal-stage.charging .portal-track{filter:brightness(1.2) saturate(1.25)}
@keyframes portalCharge{to{transform:scale(1.008);filter:drop-shadow(0 0 30px rgba(255,20,159,.72))}}
@keyframes chargeAura{to{transform:scale(1.18);opacity:1}}

.hero-right{position:relative;align-self:center;padding-top:82px}
.right-manifesto{position:absolute;right:1%;top:-70px;border-left:2px solid var(--pink);padding-left:18px;font-size:8px;line-height:2.05;letter-spacing:.32em;color:#bcb6c0;text-shadow:0 2px 10px #000}
.app-preview{height:315px;border:1px solid rgba(255,20,159,.55);background:rgba(5,5,10,.86);display:grid;grid-template-columns:118px 1fr;box-shadow:0 0 50px rgba(255,20,159,.09);transform:perspective(1000px) rotateY(-3.5deg);transform-origin:left center;backdrop-filter:blur(8px)}
.preview-sidebar{border-right:1px solid rgba(255,255,255,.11);padding:16px 10px;display:flex;flex-direction:column;gap:3px;font-size:8px;color:#9d98a3}
.preview-logo{padding:3px 8px 13px;color:var(--amber);font-size:10px;letter-spacing:.08em}.preview-logo small{display:block;font-size:6px;letter-spacing:.2em;color:#8d8790;margin-top:3px}
.preview-sidebar>span{padding:8px 8px;border-left:2px solid transparent}
.preview-sidebar>span.selected{background:rgba(255,20,159,.17);border-left-color:var(--pink);color:#fff}
.preview-settings{margin-top:auto}
.preview-body{padding:27px 27px 22px;position:relative}
.preview-body>small{font-size:6px;letter-spacing:.28em;color:#77717d}
.preview-greeting{margin-top:52px;display:flex;flex-direction:column}.preview-greeting strong{font-size:18px;font-weight:400}.preview-greeting span{font-size:14px;color:#8b8790;margin-top:4px}
.preview-input{margin-top:20px;height:41px;border:1px solid rgba(255,20,159,.35);display:flex;align-items:center;justify-content:space-between;color:#77727c;font-size:9px;padding-left:12px}.preview-input b{width:44px;align-self:stretch;display:grid;place-items:center;background:rgba(255,20,159,.18);color:#fff;font-size:15px;font-weight:400}
.preview-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.preview-chips span{border:1px solid rgba(255,255,255,.16);text-align:center;padding:7px 2px;font-size:7px;color:#aaa5ae}
.preview-footer{position:absolute;left:27px;bottom:18px}
.mobile-scroll-cue{display:none}

.capability-ribbon{position:absolute;left:clamp(28px,3.8vw,70px);right:clamp(28px,3.8vw,70px);bottom:28px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14);background:rgba(3,3,7,.68);backdrop-filter:blur(12px)}
.capability-ribbon>a{min-height:130px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);padding:23px 22px;display:grid;grid-template-columns:52px 1fr 18px;gap:12px;align-items:center;transition:.18s}
.capability-ribbon>a:hover{background:linear-gradient(135deg,rgba(255,20,159,.13),rgba(255,175,105,.04));border-bottom-color:rgba(255,20,159,.55)}
.cap-icon{font-size:34px;color:var(--pink);text-shadow:0 0 12px rgba(255,20,159,.35)}
.capability-ribbon strong{display:block;font-size:11px;letter-spacing:.17em;margin-bottom:8px}.capability-ribbon small{display:block;font-size:10px;line-height:1.5;color:#9e99a3}.capability-ribbon b{font-size:18px;color:var(--pink2);font-weight:300}

.section{scroll-margin-top:100px;position:relative;z-index:3;max-width:var(--max);margin:0 auto;padding:130px clamp(28px,3.8vw,70px);border-top:1px solid rgba(255,255,255,.07)}
.section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 85% 12%,rgba(255,20,159,.055),transparent 28%),linear-gradient(180deg,#030307,#050509)}
.section-index{font-size:9px;letter-spacing:.3em;color:var(--pink2)}
.section-intro{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;margin:14px 0 58px}.section-intro h2,.approach-heading h2,.about-content h2,.contact-copy h2{font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.045em;font-weight:300;margin:0}.section-intro p,.approach-heading>p,.contact-copy>p{font-size:15px;line-height:1.72;color:var(--muted);margin:0;max-width:600px}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.solution-grid article{min-height:365px;position:relative;padding:31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(4,4,8,.78);overflow:hidden}
.solution-grid article:before{content:"";position:absolute;inset:auto -50% -70% -50%;height:75%;background:radial-gradient(circle,rgba(255,20,159,.14),transparent 68%);opacity:0;transition:.25s}.solution-grid article:hover:before{opacity:1}
.solution-number{position:absolute;right:23px;top:23px;font-size:9px;color:#5f5965;letter-spacing:.14em}.solution-icon{font-size:48px;color:var(--pink);text-shadow:0 0 16px rgba(255,20,159,.32)}
.solution-grid h3{font-size:13px;letter-spacing:.19em;margin:30px 0 21px}.solution-grid p{font-size:13px;line-height:1.72;color:var(--muted);min-height:118px;margin:0}.solution-grid a{position:absolute;left:31px;right:31px;bottom:28px;border-top:1px solid rgba(255,255,255,.09);padding-top:16px;font-size:9px;letter-spacing:.17em;color:#d7d1d8}.solution-grid a b{float:right;color:var(--pink2);font-size:16px;font-weight:300}

.approach-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.approach-heading{align-self:start;position:sticky;top:155px}.approach-heading h2{margin:16px 0 24px}.approach-heading h2 em{font-style:normal;color:#fff1e3;text-shadow:0 0 22px rgba(255,160,91,.16)}
.approach-steps{border-top:1px solid var(--line)}.approach-steps article{display:grid;grid-template-columns:58px 1fr 34px;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.approach-steps article>b{font-size:10px;letter-spacing:.15em;color:var(--pink2);padding-top:4px}.approach-steps h3{font-size:17px;letter-spacing:.18em;font-weight:500;margin:0 0 12px}.approach-steps p{font-size:13px;line-height:1.72;color:var(--muted);margin:0;max-width:650px}.approach-steps article>span{font-size:20px;color:#5c5661}

.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center;overflow:hidden}.about-visual{min-height:520px;position:relative;display:grid;place-items:center}.about-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,20,159,.17),rgba(255,20,159,.03) 52%,transparent 70%);filter:blur(4px)}.about-visual img{width:300px;position:relative;z-index:2;filter:drop-shadow(0 0 22px rgba(255,20,159,.38))}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-17deg)}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 13px var(--amber);left:50%;top:-4px}.orbit.one{width:440px;height:150px;animation:orbit1 8s linear infinite}.orbit.two{width:510px;height:220px;transform:rotate(38deg);border-color:rgba(255,20,159,.18);animation:orbit2 11s linear infinite}.orbit.three{width:360px;height:360px;transform:rotate(67deg);border-color:rgba(255,255,255,.07);animation:orbit3 14s linear infinite}@keyframes orbit1{to{transform:rotate(343deg)}}@keyframes orbit2{to{transform:rotate(398deg)}}@keyframes orbit3{to{transform:rotate(427deg)}}
.about-content h2{margin:16px 0 30px}.about-content p{font-size:14px;line-height:1.8;color:var(--muted);max-width:720px}.about-content .about-lead{font-size:22px;line-height:1.5;color:#eee8ee}.principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.principles span{font-size:9px;letter-spacing:.16em;border:1px solid rgba(255,20,159,.3);padding:11px 13px;background:rgba(255,20,159,.03)}

.contact-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw}.contact-copy h2{margin:16px 0 24px}.contact-meta{display:flex;flex-direction:column;gap:12px;margin-top:34px}.contact-meta span{font-size:8px;letter-spacing:.18em;color:#746f79}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:flex;flex-direction:column;gap:9px}.contact-form label>span{font-size:9px;letter-spacing:.16em;color:#aaa4ad}.contact-form label small{color:#66616a}.contact-form .wide{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#08080d;color:#fff;border:1px solid rgba(255,255,255,.16);outline:none;padding:14px 15px;transition:.15s}.contact-form textarea{resize:vertical;min-height:146px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(255,20,159,.75);box-shadow:0 0 0 1px rgba(255,20,159,.1),0 0 18px rgba(255,20,159,.06)}.contact-form button{grid-column:1/-1;background:linear-gradient(90deg,rgba(255,20,159,.07),rgba(255,159,98,.045));color:#fff;border:1px solid rgba(255,211,159,.66);padding:17px 18px;text-align:left;font-size:10px;letter-spacing:.16em}.contact-form button b{float:right;font-size:18px;font-weight:300;color:var(--amber)}.contact-form button:disabled{opacity:.55;cursor:wait}.contact-status{grid-column:1/-1;margin:0;min-height:22px;font-size:11px;line-height:1.5;color:#a9a3ac}.contact-status.success{color:#ffd3a4}.contact-status.error{color:#ff93c8}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

.site-footer{position:relative;z-index:3;max-width:var(--max);margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding:56px clamp(28px,3.8vw,70px) 72px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;background:#030307}.footer-brand img{width:92px;height:58px}.site-footer p{text-align:center;margin:0;font-size:10px;letter-spacing:.13em;color:#6f6973}.site-footer nav{display:flex;justify-content:flex-end;gap:23px;flex-wrap:wrap}.site-footer nav a{font-size:8px;letter-spacing:.16em;color:#aaa4ad}

/* ---------- APPLICATION ---------- */
.app-page{height:100svh;overflow:hidden;background:#030307;color:#f4f1f4}
[hidden]{display:none!important}.arrival-overlay{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 50%,rgba(255,20,159,.18),rgba(4,4,9,.92) 34%,#030307 70%);display:grid;place-items:center;pointer-events:none;opacity:1;transition:opacity .72s cubic-bezier(.2,.75,.2,1),visibility .72s}.arrival-overlay.exit{opacity:0;visibility:hidden}.arrival-core{width:6px;height:6px;border-radius:50%;background:#fff3e2;box-shadow:0 0 28px 16px rgba(255,212,164,.76),0 0 90px 52px rgba(255,20,159,.30),0 0 180px 95px rgba(255,20,159,.10);transform:scale(1);transition:transform .8s cubic-bezier(.12,.75,.16,1),opacity .65s}.arrival-overlay.exit .arrival-core{transform:scale(.04);opacity:0}
.app-shell{height:100svh;display:grid;grid-template-columns:250px 1fr;background:radial-gradient(circle at 80% 12%,rgba(255,20,159,.05),transparent 25%),#030307}
.app-sidebar{min-width:0;border-right:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#07070c,#050508);padding:20px 15px;display:flex;flex-direction:column;z-index:20}
.app-brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.app-brand img{width:58px;height:42px;object-fit:contain}.app-brand span{font-size:11px;letter-spacing:.21em}
.new-chat{height:43px;border:1px solid rgba(255,20,159,.42);background:linear-gradient(90deg,rgba(255,20,159,.18),rgba(255,20,159,.05));color:#fff;text-align:left;padding:0 13px;font-size:9px;letter-spacing:.13em;margin-bottom:18px}.new-chat:hover{border-color:var(--pink);background:rgba(255,20,159,.14)}
.app-nav{display:flex;flex-direction:column;gap:3px}.app-nav button{border:0;border-left:2px solid transparent;background:transparent;color:#918b95;text-align:left;padding:12px 11px;font-size:9px;letter-spacing:.11em}.app-nav button span{display:inline-block;width:28px;color:#b4aeb6}.app-nav button:hover{color:#fff;background:rgba(255,255,255,.025)}.app-nav button.active{color:#fff;border-left-color:var(--pink);background:rgba(255,20,159,.09)}
.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.connection-indicator{display:flex;gap:9px;align-items:center;padding:8px 10px 15px;color:#77717c;font-size:7px;letter-spacing:.17em}.connection-indicator i{width:6px;height:6px;background:#756f79}.connection-indicator i.online{background:#ffbe7a;box-shadow:0 0 10px rgba(255,190,122,.7)}.sidebar-foot>a{display:block;padding:10px;font-size:8px;letter-spacing:.15em;color:#8b8590}
.workspace-main{min-width:0;height:100svh;display:grid;grid-template-rows:70px 1fr;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:34px 34px}
.workspace-header{height:70px;display:flex;align-items:center;gap:18px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(4,4,8,.86);backdrop-filter:blur(10px)}.workspace-title{display:flex;flex-direction:column;gap:5px}.workspace-title strong{font-size:10px;letter-spacing:.16em}.workspace-title span{font-size:7px;letter-spacing:.22em;color:#69636d}.active-project{margin-left:auto;font-size:7px;letter-spacing:.17em;color:#6d6871}.sidebar-toggle{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff}
.workspace-view{display:none;min-height:0}.workspace-view.active{display:block}.workspace-view[data-view="chat"].active{display:grid;grid-template-rows:1fr auto;min-height:0}
.chat-scroll{overflow:auto;padding:46px clamp(24px,6vw,94px) 32px}.chat-empty{max-width:780px;margin:5vh auto 0;text-align:center}.chat-empty img{width:118px;height:85px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 0 18px rgba(255,20,159,.25))}.chat-kicker{font-size:7px!important;letter-spacing:.27em!important;color:#746e78!important;margin:10px 0 14px!important}.chat-empty h1{font-size:clamp(32px,4vw,54px);font-weight:300;letter-spacing:-.045em;margin:0}.chat-subtitle{font-size:13px;color:#8f8993;margin:14px 0 34px}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.starter-grid button{min-height:58px;border:1px solid rgba(255,255,255,.13);background:#08080d;color:#cfc9d1;text-align:left;padding:0 16px;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;justify-content:space-between}.starter-grid button:hover{border-color:rgba(255,20,159,.55);background:rgba(255,20,159,.045)}.starter-grid button span{color:var(--pink2);font-size:16px}
.messages{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.message{max-width:80%;font-size:13px;line-height:1.72;padding:14px 16px;white-space:pre-wrap}.message.user{align-self:flex-end;background:#101018;border:1px solid rgba(255,255,255,.12)}.message.assistant{align-self:flex-start;border-left:2px solid var(--pink);background:linear-gradient(90deg,rgba(255,20,159,.06),transparent);padding-left:18px}.message.error{border-left-color:var(--amber);color:#d8c3ca}.message .meta{display:block;font-size:7px;letter-spacing:.14em;color:#625d66;margin-bottom:8px}.typing-dots{display:inline-flex;gap:5px}.typing-dots i{width:5px;height:5px;background:#a39ca6;border-radius:50%;animation:typing 1s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-4px);background:var(--pink2)}}
.composer-zone{padding:0 22px 14px}.composer{width:min(940px,100%);margin:0 auto;min-height:59px;display:grid;grid-template-columns:1fr 60px;border:1px solid rgba(255,255,255,.16);background:#08080e;box-shadow:0 -18px 70px rgba(3,3,7,.7)}.composer textarea{resize:none;background:transparent;border:0;color:#fff;outline:none;padding:18px 17px;max-height:160px;line-height:1.5}.composer button{border:0;border-left:1px solid rgba(255,20,159,.4);background:linear-gradient(145deg,rgba(255,20,159,.22),rgba(255,20,159,.08));color:#fff;font-size:23px}.composer button:hover{background:rgba(255,20,159,.25)}.chat-note{text-align:center;margin:9px 0 0;font-size:7px;letter-spacing:.08em;color:#58535d}

.panel-wrap{height:100%;overflow:auto;padding:56px clamp(26px,6vw,90px)}.panel-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:34px;margin-bottom:34px}.panel-heading>div>span{font-size:8px;letter-spacing:.24em;color:var(--pink2)}.panel-heading h2{font-size:clamp(34px,4vw,58px);font-weight:300;letter-spacing:-.04em;margin:12px 0 12px}.panel-heading p{max-width:680px;font-size:12px;line-height:1.7;color:#918a94;margin:0}.panel-action{border:1px solid rgba(255,255,255,.15);background:transparent;color:#bbb4bd;padding:12px 14px;font-size:8px;letter-spacing:.14em;white-space:nowrap}.panel-action:hover{border-color:var(--pink)}
.compact-form{display:grid;grid-template-columns:.55fr 1fr auto;gap:12px;margin-bottom:28px}.compact-form label,.knowledge-form label{display:flex;flex-direction:column;gap:8px}.compact-form label span,.knowledge-form label span{font-size:8px;letter-spacing:.15em;color:#8e8791}.compact-form input,.knowledge-form input,.knowledge-form textarea{background:#08080e;border:1px solid rgba(255,255,255,.14);color:#fff;outline:none;padding:13px}.compact-form input:focus,.knowledge-form input:focus,.knowledge-form textarea:focus{border-color:rgba(255,20,159,.6)}.compact-form button,.knowledge-form button{border:1px solid rgba(255,20,159,.45);background:rgba(255,20,159,.07);color:#fff;padding:0 17px;font-size:8px;letter-spacing:.12em}.knowledge-form{display:grid;gap:15px;max-width:900px;margin-bottom:32px}.knowledge-form textarea{resize:vertical}.knowledge-form button{height:45px;text-align:left}
.data-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.10)}.data-empty{padding:38px 0;color:#67616b;font-size:10px;letter-spacing:.1em}.data-row{display:grid;grid-template-columns:1fr auto;gap:24px;border-bottom:1px solid rgba(255,255,255,.09);padding:22px 0;align-items:center}.data-row h3{font-size:12px;letter-spacing:.12em;margin:0 0 8px}.data-row p{font-size:11px;line-height:1.55;color:#8d8791;margin:0;max-width:760px}.data-row .row-actions{display:flex;gap:8px}.data-row button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#aaa3ad;padding:10px 12px;font-size:7px;letter-spacing:.12em}.data-row button.primary{border-color:rgba(255,20,159,.45);color:#fff}.data-row button:hover{border-color:var(--pink)}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11)}.status-grid article{min-height:190px;padding:25px;border-right:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column}.status-grid article>span{font-size:8px;letter-spacing:.17em;color:#77717a}.status-grid strong{font-size:22px;font-weight:400;margin:auto 0 10px;color:#e9e3e9}.status-grid strong.ok{color:#ffd09a}.status-grid strong.off{color:#a77a8d}.status-grid small{font-size:9px;line-height:1.55;color:#6d6770}
.team-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,20,159,.055),transparent 55%);padding:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.team-card>div>strong{font-size:8px;letter-spacing:.17em;color:var(--pink2)}.team-card h3{font-size:28px;font-weight:300;margin:10px 0 12px}.team-card p{font-size:12px;line-height:1.7;color:#918a94;max-width:680px}.team-card a{border:1px solid rgba(255,211,159,.55);padding:13px 15px;font-size:8px;letter-spacing:.13em;white-space:nowrap}.team-card code{color:#d9c9d3}
.settings-list{border-top:1px solid rgba(255,255,255,.10);max-width:900px}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.09)}.settings-list label>span{display:flex;flex-direction:column;gap:6px}.settings-list strong{font-size:9px;letter-spacing:.15em}.settings-list small{font-size:10px;color:#77717b}.settings-list input{appearance:none;width:48px;height:24px;border:1px solid rgba(255,255,255,.18);background:#09090d;position:relative;cursor:pointer}.settings-list input:after{content:"";position:absolute;width:16px;height:16px;left:4px;top:3px;background:#77717b;transition:.15s}.settings-list input:checked{border-color:rgba(255,20,159,.55);background:rgba(255,20,159,.08)}.settings-list input:checked:after{left:26px;background:var(--pink);box-shadow:0 0 8px rgba(255,20,159,.5)}.danger-action{margin-top:32px;border:1px solid rgba(255,70,132,.25);background:transparent;color:#aa7c8d;padding:12px 14px;font-size:8px;letter-spacing:.13em}.danger-action:hover{border-color:#ff467e;color:#ffd1df}

@media (max-width:1250px){
  .desktop-nav{gap:30px}.hero-grid{grid-template-columns:1fr .82fr}.hero-right{display:none}.portal-button{width:min(390px,34vw)}.solution-grid{grid-template-columns:1fr 1fr}.capability-ribbon>a{grid-template-columns:42px 1fr 15px;padding:20px 16px}.capability-ribbon small{font-size:9px}
}
@media (max-width:820px){
  .desktop-only,.desktop-nav{display:none!important}.site-header{height:94px;padding:0 20px;grid-template-columns:1fr auto}.brand{gap:11px}.brand img{width:106px;height:65px}.brand span{font-size:10px;letter-spacing:.34em}.menu-toggle{display:grid;width:52px;height:52px;border:1px solid rgba(255,211,159,.67);background:rgba(4,4,8,.76);place-content:center;gap:6px;padding:0}.menu-toggle i{display:block;width:23px;height:1px;background:#f4edf2}.mobile-menu{display:flex;position:fixed;right:20px;top:83px;width:min(300px,calc(100vw - 40px));flex-direction:column;padding:10px;background:#08080d;border:1px solid rgba(255,20,159,.45);box-shadow:0 25px 70px rgba(0,0,0,.55);opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:.16s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:15px 13px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.16em}.mobile-menu a:last-child{border-bottom:0;color:#ffd3a4}
  .hero{min-height:100svh;padding-top:94px;overflow:hidden}.hero-photo{background-image:url('/assets/hero-mobile.webp');background-position:center center;filter:saturate(1.22) contrast(1.05) brightness(.84)}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.08) 52%,rgba(0,0,0,.28)),linear-gradient(90deg,rgba(0,0,0,.34),transparent 72%)}.hero-grid{height:auto;min-height:calc(100svh - 94px);display:block;padding:38px 24px 66px}.hero-copy{padding-top:0}.eyebrow{font-size:7px;gap:8px;letter-spacing:.24em;margin-bottom:19px}.eyebrow b{width:9px}.hero h1{font-size:clamp(42px,12vw,62px);line-height:.96}.hero-description{font-size:12.5px;line-height:1.58;margin:19px 0 15px;max-width:620px}.signature-line{font-size:10.5px;line-height:1.4;padding-left:14px}.portal-stage{min-height:0;margin:58px auto 10px}.portal-aura{width:92vw;height:92vw;max-width:520px;max-height:520px}.portal-button{width:min(78vw,390px)}.portal-core strong{font-size:15px}.portal-help{display:none}.mobile-scroll-cue{display:flex;position:relative;z-index:6;align-items:center;flex-direction:column;gap:6px;margin:28px auto 12px;font-size:7px;letter-spacing:.22em;color:#a7a0aa;width:max-content}.mobile-scroll-cue span{font-size:22px;color:white}.section{padding:86px 24px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.section-intro h2,.approach-heading h2,.about-content h2,.contact-copy h2{font-size:40px}.solution-grid{grid-template-columns:1fr}.solution-grid article{min-height:300px}.approach-section,.about-section,.contact-section{grid-template-columns:1fr;gap:48px}.approach-heading{position:static}.about-visual{min-height:350px}.about-visual img{width:210px}.orbit.one{width:310px;height:105px}.orbit.two{width:350px;height:155px}.orbit.three{width:250px;height:250px}.contact-form{grid-template-columns:1fr}.contact-form .wide,.contact-form button,.contact-status{grid-column:auto}.site-footer{grid-template-columns:1fr;gap:24px;padding:46px 24px 62px}.site-footer p{text-align:left}.site-footer nav{justify-content:flex-start}
  .app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-100%);transition:.2s;box-shadow:25px 0 70px rgba(0,0,0,.65)}.app-sidebar.open{transform:none}.sidebar-toggle{display:block}.workspace-header{padding:0 13px}.active-project{display:none}.chat-scroll{padding:30px 16px 24px}.chat-empty{margin-top:3vh}.starter-grid{grid-template-columns:1fr}.composer-zone{padding:0 12px 11px}.message{max-width:92%}.panel-wrap{padding:36px 18px}.panel-heading{align-items:flex-start;flex-direction:column;gap:18px}.compact-form{grid-template-columns:1fr}.compact-form button{height:44px}.status-grid{grid-template-columns:1fr}.team-card{align-items:flex-start;flex-direction:column}.settings-list label{gap:18px}
}
@media (max-height:780px) and (min-width:821px){
  .hero-grid{padding-top:15px;padding-bottom:160px}.hero h1{font-size:clamp(43px,3.7vw,67px)}.hero-description{margin-top:20px}.portal-button{width:min(330px,25vw)}.portal-stage{min-height:380px}.app-preview{height:285px}.right-manifesto{top:-52px}.capability-ribbon{bottom:18px}.capability-ribbon>a{min-height:108px}.capability-ribbon small{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-aura,.orbit,.typing-dots i{animation:none!important}.ambient-canvas{opacity:.45}.arrival-overlay{transition:none!important}.arrival-overlay.exit{opacity:0;visibility:hidden}}
body.charging-site .hero-photo{filter:saturate(calc(1.2 + var(--charge,0)*.55)) contrast(calc(1.08 + var(--charge,0)*.15)) brightness(calc(.95 + var(--charge,0)*.10));transform:scale(calc(1.015 + var(--charge,0)*.035))}
body.charging-site .hero-copy{transform:translateX(calc(var(--charge,0)*10px));filter:drop-shadow(0 0 calc(var(--charge,0)*8px) rgba(255,20,159,.18))}
body.charging-site .hero-right{transform:translateX(calc(var(--charge,0)*-10px))}
.hero-photo,.hero-copy,.hero-right{transition:filter .12s linear,transform .12s linear}
.reduce-motion *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
