:root{--bg:#0b0c10;--surface:#16171f;--ink:#f6f3ef;--muted:#a8a6b1;--line:#2a2932;--blue:#ffab77;--violet:#df7cb9;--display:'Segoe UI',Arial,sans-serif}body{background:var(--bg)}header{height:88px;padding-inline:5%;background:#0b0c10}.brand i{color:#ffa56b}nav{font-size:13px}.nav-contact{border-color:#ffad784d;background:#ffad7809}.hero-v2{height:auto;min-height:680px;max-height:none;padding:68px 5% 60px;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:12px;background:radial-gradient(ellipse at 75% 50%,#a4385110,transparent 60%)}.hero-v2 .hero-copy{margin:0;pointer-events:auto}.hero-v2 .eyebrow{font-size:9px;letter-spacing:1.6px;color:#c4bac0;display:block;margin-bottom:29px}.hero-v2 h1{font-size:clamp(45px,4.6vw,76px);line-height:1.09;letter-spacing:-3.4px;font-weight:680}.hero-v2 h1 em,.services-v2 h2 em,.showcase h3 em{color:#ffae7e;background:linear-gradient(110deg,#ffd191 5%,#ff9767 38%,#f16c97 78%,#bc80e3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-v2 .hero-copy p{max-width:465px;font-size:16px;line-height:1.85;margin:26px 0 30px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-v2 .button{gap:24px;font-size:12px;padding:16px 20px}.light{background:linear-gradient(110deg,#ffbe7e,#ff987a);color:#20141b;box-shadow:0 8px 32px #ff935b13}.secondary{border:1px solid #37303a;color:#e0d9dd;background:#ffffff03}.secondary:hover{background:#ffffff09}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#95909c;margin-top:27px}.hero-proof span:first-letter{color:#ffb18a}.pulse-panel{min-width:0;position:relative;padding-bottom:20px}.pulse-art{position:relative;width:100%;aspect-ratio:1;max-width:580px;margin:auto}.pulse-svg{width:100%;height:100%;overflow:visible}.pulse-rays{transform-origin:260px 260px;animation:orbit 48s linear infinite}.pulse-svg{animation:breathe 7s ease-in-out infinite;transition:transform .8s}.pulse-panel.paused .pulse-rays,.pulse-panel.paused .pulse-svg{animation-play-state:paused}.pulse-panel[data-state=code] .pulse-rays{animation-direction:reverse}.pulse-panel[data-state=ki] .pulse-rays{animation-duration:28s}.pulse-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.pulse-word>span{font-size:6px;letter-spacing:1.7px;color:#bba3ad}.pulse-word strong{font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-1.5px;margin:15px 0 11px}.pulse-word strong span{display:inline-block;color:#ffb18a;margin-left:8px;font-size:.7em}.pulse-word small{font-size:9px;color:#b89fae;max-width:200px;text-align:center}.orbit-label{position:absolute;border:1px solid #54414c;background:#17131bdd;border-radius:20px;padding:10px 13px;font-size:8px;letter-spacing:1.4px;color:#d5c1cd}.label-one{top:13%;right:8%}.label-two{top:50%;left:0}.label-three{bottom:15%;right:2%}.pulse-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:-8px}.modes{background:#18141b;border-color:#39303b}.modes button{color:#a99dab}.modes button.active{background:#49313c;color:#ffd0b0}.pulse-controls>#motion{background:#18141b;border:1px solid #39303b;border-radius:50%;width:35px;height:35px;font-size:11px}.pulse-hint{display:block;text-align:center;font-size:9px;color:#7f7283;margin-top:14px}.discipline-strip{font-size:10px;letter-spacing:1.6px;padding-block:23px;color:#a398a5;border-color:#29232d}.discipline-strip b{color:#b88290}.services-v2{padding:90px 5% 100px;background:radial-gradient(ellipse at 50% 0,#66303c0c,transparent 50%)}.services-v2 .section-intro{text-align:center;margin:0 auto 52px;max-width:800px}.services-v2 .section-intro .eyebrow{color:#e3a280;font-size:9px;letter-spacing:1.6px;margin-bottom:20px}.services-v2 h2{font-size:clamp(32px,3.4vw,50px);font-weight:650;letter-spacing:-2px;line-height:1.2}.services-v2 .section-intro>p{margin:22px auto 0;max-width:580px;font-size:15px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1350px;margin:auto}.showcase{background:linear-gradient(140deg,#181820,#111217);border:1px solid #2d2934;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.website-card{grid-column:1/-1;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center}.card-copy{padding:36px 36px 29px}.card-kicker{font-size:9px;letter-spacing:1.7px;color:#cfb0bd}.showcase h3{font-size:30px;font-weight:620;line-height:1.25;letter-spacing:-1px;margin:18px 0}.showcase p{font-size:14px;line-height:1.85;color:var(--muted);max-width:460px}.pill-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin:21px 0 0}.pill-list li{padding:7px 10px;font-size:9px;color:#c0b5c3;border:1px solid #3a303e;border-radius:20px}.showcase .text-link{font-size:12px;border-color:#795545;margin-top:26px}.demo{background:#0d0e13;border:1px solid #2c2731;border-radius:13px;margin:0 22px 23px;padding:20px;overflow:hidden;margin-top:auto}.website-card .demo{margin:30px 28px 30px 0;padding:18px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;min-height:25px;font-size:8px;letter-spacing:1.1px;color:#938997}.device-controls{display:flex;gap:4px}.device-controls button{background:transparent;border:0;color:#938997;font-size:9px;padding:7px 9px;border-radius:7px}.device-controls .selected{background:#33232d;color:#ffd0aa}.mini-browser{max-width:100%;width:100%;margin:0 auto;border:1px solid #53404b;border-radius:9px;overflow:hidden;transition:width .5s;min-height:253px}.browser-top{display:flex;justify-content:space-between;background:#242029;font-size:8px;color:#b5a5b5;padding:10px 12px}.browser-top span:first-child{color:#b88686;letter-spacing:3px}.mini-site{background:#e9dfd5;padding:18px;color:#34312d;min-height:222px}.mini-nav{display:flex;justify-content:space-between;align-items:center}.mini-nav b{font-size:17px;letter-spacing:-1px}.mini-nav b span{font-size:8px;vertical-align:top}.mini-nav>span{font-size:7px}.mini-content{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:10px}.mini-content small{font-size:5px;letter-spacing:1.2px}.mini-content h4{font-size:24px;line-height:1.1;letter-spacing:-1px;margin:10px 0 15px;white-space:nowrap}.mini-content h4 i{font-family:Georgia,serif;font-weight:400;color:#a35c43}.mini-cta{background:#39322e;color:#eee4da;padding:7px 12px;border-radius:20px;font-size:6px}.mini-sculpture{position:relative;width:95px;height:115px;flex-shrink:0}.mini-sculpture i{position:absolute;width:74px;height:95px;border-radius:45%;background:linear-gradient(130deg,#edc2a5,#c28769 48%,#825044);transform:rotate(-30deg);box-shadow:inset 4px 3px 8px #ffe2c5,5px 8px 8px #59422d33}.mini-sculpture i:nth-child(2){left:16px;top:9px}.mini-sculpture i:nth-child(3){left:28px;top:18px}.mini-bottom{display:flex;justify-content:space-between;font-size:6px;margin-top:24px;padding-top:10px;border-top:1px solid #37302a29}.mobile-preview{width:185px}.mobile-preview .mini-content{margin-top:19px}.mobile-preview .mini-sculpture{display:none}.mobile-preview .mini-nav>span{display:none}.mobile-preview .mini-content h4{font-size:22px}.demo-disclaimer{display:block;text-align:center;color:#8b8090;font-size:8px;margin-top:16px;letter-spacing:.2px}.demo-status{font-size:8px;color:#eaba98}.prototype{height:178px;border:1px dashed #5b4c60;border-radius:8px;display:flex;overflow:hidden;transition:background .4s,border-color .4s;background:#15131b;color:#85748f}.proto-sidebar{width:40px;border-right:1px dashed #504256;padding:13px 11px;display:flex;align-items:center;flex-direction:column;gap:12px}.proto-sidebar b{color:#a998b3;font-size:18px}.proto-sidebar>span{width:12px;height:5px;border:1px solid #796783}.proto-main{padding:15px;flex:1;min-width:0}.proto-head{display:flex;justify-content:space-between;font-size:9px}.proto-stats{display:flex;gap:8px;margin-top:15px}.proto-stats>div{border:1px dashed #514456;padding:8px;flex:1;border-radius:5px}.proto-stats small{display:block;font-size:7px}.proto-stats b{font-size:20px;font-weight:400}.proto-bars{display:flex;align-items:end;gap:8px;height:49px;margin-top:10px}.proto-bars i{flex:1;border:1px dashed #615068;height:35%}.proto-bars i:nth-child(2n){height:65%}.proto-bars i:nth-child(3n){height:90%}.built{border-style:solid;background:#211822;color:#f7d5e7;border-color:#865665}.built .proto-sidebar{background:#372136;border-right-style:solid}.built .proto-stats>div{background:#493040;border-style:solid;border-color:#6b495e}.built .proto-bars i{background:linear-gradient(#f5b779,#d6679b);border:0}.built .proto-head b{color:#ffb589}.demo-action{background:#241d27;border:1px solid #4b354a;border-radius:8px;padding:11px 14px;color:#f3c5b2;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:15px}.demo-action:hover{background:#372735}.workflow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.workflow li{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #2b2630;border-radius:8px;opacity:.55;transition:opacity .3s,background .3s}.workflow li>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#282130;color:#d8a1bb}.workflow li b{font-size:10px;font-weight:500;display:block}.workflow li small{display:block;font-size:8px;color:#aa98aa;margin-top:3px}.workflow li>i{margin-left:auto;font-size:9px;color:#987f93;font-style:normal}.workflow li.current{opacity:1;background:#34232b;border-color:#a16a59}.workflow li.done{opacity:1}.workflow li.done>span{background:#234037;color:#a1cdb5}.workflow-demo .demo-toolbar{margin-bottom:12px}.about-preview{background:#14131a}.contact{background:radial-gradient(ellipse at 50% 120%,#572837,transparent 70%)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(.96)}}@media(min-width:1600px){.hero-v2{padding-inline:8%;min-height:780px}.hero-v2 h1{font-size:78px}}@media(max-width:1000px){.hero-v2{padding-top:55px;min-height:610px}.hero-v2 h1{font-size:48px;letter-spacing:-2.5px}.hero-v2 .hero-copy p{font-size:14px}.hero-v2 .button{font-size:11px;padding:14px 16px}.hero-proof{gap:10px;font-size:8px}.pulse-word strong{font-size:28px}.pulse-word>span{font-size:5px;letter-spacing:1px}.pulse-word small{font-size:8px;max-width:130px}.orbit-label{font-size:6px;padding:8px}.card-copy{padding:28px}.showcase h3{font-size:27px}.website-card{grid-template-columns:1fr 1fr}.mini-sculpture{display:none}.mini-content h4{font-size:23px}.demo{padding:15px;margin-inline:15px}.website-card .demo{margin-right:20px}.demo-toolbar{font-size:7px;letter-spacing:.7px}}@media(max-width:700px){.hero-v2{display:flex;flex-direction:column;padding:48px 6% 30px;gap:10px;min-height:0;max-height:none}.hero-v2 .hero-copy{width:100%}.hero-v2 h1{font-size:clamp(42px,10vw,62px);line-height:1.08;letter-spacing:-2.4px}.hero-v2 h1 br:first-of-type{display:block}.hero-v2 .eyebrow{font-size:8px;margin-bottom:22px}.hero-v2 .hero-copy p{font-size:14px;margin:22px 0;max-width:420px}.hero-actions{gap:9px}.hero-proof{font-size:8px;gap:12px;line-height:1.8;margin-top:19px}.pulse-panel{width:min(100%,440px);padding-bottom:10px}.pulse-art{max-width:370px}.pulse-word strong{font-size:29px}.pulse-word>span{font-size:5px}.pulse-word small{font-size:8px}.orbit-label{font-size:6px}.pulse-controls{margin-top:-15px}.services-v2{padding:65px 5%}.services-v2 .section-intro .eyebrow{line-height:1.8;font-size:8px}.services-v2 h2{font-size:33px;letter-spacing:-1.4px}.services-v2 .section-intro>p{font-size:14px}.service-grid{grid-template-columns:1fr;gap:20px}.website-card{display:flex}.card-copy{padding:27px 24px}.website-card .demo{margin:0 15px 20px;padding:15px}.showcase h3{font-size:28px}.showcase p{font-size:13px}.mini-sculpture{display:block;width:85px;transform:scale(.85)}.mini-content h4{font-size:24px}.demo-toolbar{font-size:7px}.discipline-strip{font-size:9px}.hero-v2 .secondary{padding-inline:12px}.hero-v2 .hero-actions .button{gap:12px}}@media(prefers-reduced-motion:reduce){.pulse-rays,.pulse-svg{animation:none!important}}
:root{--warm-gradient:linear-gradient(110deg,#ffd191 5%,#ff9767 38%,#f16c97 78%,#bc80e3)}
.cutout-portrait{background:transparent;border:0;border-radius:0;overflow:visible;isolation:isolate}
.cutout-portrait:before{content:'';position:absolute;inset:12% -3% 4%;z-index:-1;background:radial-gradient(ellipse at 52% 55%,#a54a4a20,transparent 67%);pointer-events:none}
.cutout-portrait:after{display:none}
.cutout-portrait img{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.cutout-portrait .photo-caption{bottom:8px;left:26px}
.about-hero h1 em,.story h2 em,.career h2 em,.about-copy h2 em,.process h2 em,.contact h2 em{background:var(--warm-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ffae7e}
.about-hero{background:radial-gradient(ellipse at 85% 40%,#913c4910,transparent 60%)}
.about-hero h1{font-weight:650;font-size:clamp(43px,5vw,74px);line-height:1.13}
.about-hero .eyebrow,.story>.eyebrow,.career .eyebrow{color:#e3a280}
.story{background:#14131a}
.timeline article{border-color:#312a34}
.timeline time{color:#efae92}
.timeline h3{font-weight:550}
.about-preview{background:#14131a}
@media(max-width:600px){.about-hero h1{font-size:47px;letter-spacing:-2px}.cutout-portrait{max-width:380px;margin-inline:auto}.cutout-portrait .photo-caption{font-size:9px;left:20px}}
.brand.vibe-brand{display:flex;align-items:center;gap:10px;letter-spacing:0;font-size:initial;line-height:1;flex-shrink:0}
.vibe-brand>img{display:block;width:48px;height:48px}
.brand.vibe-brand .wordmark{display:block;margin:0;font-size:24px;font-weight:620;letter-spacing:-1px;color:#f6f3ef;white-space:nowrap}
.brand.vibe-brand .brand-dash{margin:0;color:#af9cab;font-size:inherit}
.brand.vibe-brand .brand-number{margin-left:2px;background:var(--warm-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:inherit;font-weight:750}
.brand.vibe-brand small{display:block;font-size:8px;letter-spacing:2.7px;color:#a99ba9;font-weight:500;margin-top:8px}
.services-v2 .section-intro>p{font-size:18px;max-width:680px}
.services-v2 .showcase p{font-size:17px;line-height:1.8;max-width:530px}
.services-v2 .showcase h3{font-size:34px;line-height:1.23}
.services-v2 .card-kicker{font-size:11px}
.services-v2 .pill-list li{font-size:12px;padding:8px 11px}
.services-v2 .showcase .text-link{font-size:15px}
.services-v2 .demo-toolbar{font-size:10px}
.services-v2 .device-controls button{font-size:12px}
.services-v2 .demo-action{font-size:14px;padding:13px 14px}
.services-v2 .demo-disclaimer{font-size:10px;line-height:1.5}
.services-v2 .workflow li b{font-size:13px}
.services-v2 .workflow li small{font-size:11px}
.services-v2 .workflow li{padding-block:10px}
.services-v2 .proto-head{font-size:12px}
.services-v2 .proto-stats small{font-size:10px}
.services-v2 .demo-status{font-size:10px}
@media(max-width:1000px){header{padding-inline:4%}nav{gap:18px}.brand.vibe-brand .wordmark{font-size:21px}.vibe-brand>img{width:40px;height:40px}.services-v2 .showcase h3{font-size:29px}.services-v2 .showcase p{font-size:16px}.services-v2 .demo-toolbar{flex-wrap:wrap;row-gap:8px}}
@media(max-width:700px){.brand.vibe-brand{gap:5px}.brand.vibe-brand .wordmark{font-size:18px;letter-spacing:-.7px}.vibe-brand>img{width:32px;height:36px}.brand.vibe-brand small{font-size:6px;letter-spacing:1.8px;margin-top:6px}header nav{gap:13px;font-size:11px}header .nav-contact{display:none}.services-v2 .section-intro>p{font-size:16px}.services-v2 .showcase p{font-size:16px}.services-v2 .showcase h3{font-size:29px}.services-v2 .pill-list li{font-size:11px}}
@media(max-width:390px){header{height:106px;flex-wrap:wrap;align-content:center;gap:12px}header nav{width:100%;justify-content:flex-end;gap:22px}.brand.vibe-brand .wordmark{font-size:20px}}
.hero-v2 h1.offer-headline{font-size:clamp(36px,3.65vw,61px);letter-spacing:-2px;line-height:1.15;overflow-wrap:normal}
.usecases{padding-top:15px}
.insight-demo{margin-top:auto}
.insight-stage{min-height:265px;position:relative;padding:3px 0}
.file-label{display:block;color:#d1b8c8;font-size:11px;letter-spacing:.5px;margin-bottom:20px}
.source-note{position:relative;padding:20px;background:#1c1821;border:1px solid #413344;border-radius:10px;overflow:hidden}
.services-v2 .source-note p{font-size:14px;line-height:1.9;color:#c2b8c6}
.scan-beam{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#ffb588,#e87da5,transparent);opacity:0}
.processing .scan-beam{animation:scan-document 1.3s ease-in-out both}
.insight-result{padding:19px;background:linear-gradient(140deg,#32202a,#1b1721);border:1px solid #795049;border-radius:10px}
.insight-result[hidden]{display:none}
.complete .insight-result{animation:result-appear .45s ease-out both}
.complete .source-note,.complete .knowledge-idle{display:none}
.result-label{color:#f6b994;font-size:9px;letter-spacing:.7px;display:block;line-height:1.5}
.insight-result h4{font-size:19px;font-weight:600;margin:15px 0 10px;letter-spacing:-.3px}
.services-v2 .insight-result p{font-size:14px;line-height:1.75}
.insight-result ul{list-style:none;margin:18px 0;padding:0;font-size:12px;color:#e0cbd6;line-height:1.7}
.insight-result li{margin:6px 0;display:flex;gap:9px}
.insight-result li>span{color:#ffc48e}
.insight-result small{font-size:10px;color:#b79aaf}
.knowledge-files{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 25px}
.knowledge-files>span{border:1px solid #443647;border-radius:7px;padding:13px 11px;font-size:11px;background:#201923;color:#c1acc8}
.sample-question{border:1px solid #78535e;border-radius:13px 13px 2px 13px;background:#392631;font-size:14px;line-height:1.7;padding:15px 18px;color:#efcfdd}
.search-dots{display:flex;gap:6px;padding:16px;opacity:0}
.search-dots i{height:5px;width:5px;background:#ffb98e;border-radius:50%}
.processing .search-dots{opacity:1}
.processing .search-dots i{animation:search-dot .6s ease-in-out 2 alternate}
.processing .search-dots i:nth-child(2){animation-delay:.1s}.processing .search-dots i:nth-child(3){animation-delay:.2s}
.source-detail{margin-top:18px;border:0!important}
.source-detail summary{padding:10px 0;font-size:11px;line-height:1.5;color:#ffbe99;display:block}
.services-v2 .source-detail p{font-size:12px;border-left:2px solid #845961;padding-left:12px;margin:8px 0}
.insight-demo .demo-action:disabled{cursor:wait;opacity:.65}
@keyframes scan-document{0%{opacity:0;transform:translateY(0)}15%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(250px)}}
@keyframes result-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes search-dot{to{transform:translateY(-5px);opacity:.4}}
@media(max-width:1000px){.hero-v2 h1.offer-headline{font-size:clamp(30px,3.65vw,44px);letter-spacing:-1.4px}.insight-stage{min-height:320px}}
@media(max-width:700px){.hero-v2 h1.offer-headline{font-size:clamp(26px,6.7vw,45px);letter-spacing:-1px}.usecases{padding-top:5px}.insight-stage{min-height:275px}.source-note{padding:17px}.insight-result{padding:17px}.services-v2 .source-note p{font-size:13px}.insight-demo .demo-toolbar{font-size:9px}.insight-demo .demo-status{font-size:9px}}
.nav-contact{position:relative;isolation:isolate;overflow:hidden;border:0!important;padding:14px 21px!important;border-radius:30px;background:#513945!important;box-shadow:0 0 18px #f59b7012}
.nav-contact:before{content:'';position:absolute;z-index:-2;inset:-130px -20px;background:conic-gradient(from 0deg,transparent 0deg,transparent 215deg,#965078 265deg,#f68bab 300deg,#ffd29b 325deg,transparent 345deg);animation:contact-border 4s linear infinite;pointer-events:none}
.nav-contact:after{content:'';position:absolute;z-index:-1;inset:1.5px;border-radius:28px;background:#131116;pointer-events:none}
.nav-contact:hover:after{background:#211720}
@keyframes contact-border{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nav-contact:before{animation:none}}
/* Keep navigation available without an expensive backdrop blur. */
header{position:sticky;top:0;z-index:50;background:#0b0c10;box-shadow:0 8px 24px #00000014}
html{scroll-padding-top:112px}
@media(max-width:390px){html{scroll-padding-top:125px}}
.cutout-portrait{--portrait-x:0px;--portrait-y:0px;--light-x:0px;--light-y:0px}
.cutout-portrait:before{inset:3% -5% 0;background:radial-gradient(ellipse at 37% 48%,#ffaa6640,transparent 49%),radial-gradient(ellipse at 68% 40%,#e7659a30,transparent 48%),radial-gradient(ellipse at 57% 68%,#9363dd20,transparent 48%);transform:translate(var(--light-x),var(--light-y));opacity:.75;transition:transform .45s ease-out,opacity .8s ease}
.cutout-portrait img{transform:translate(var(--portrait-x),var(--portrait-y));transition:transform .3s ease-out;position:relative;z-index:0}
.about-hero .cutout-portrait:before{opacity:1;background:radial-gradient(ellipse at 35% 50%,#ffaa6655,transparent 49%),radial-gradient(ellipse at 69% 39%,#e7659a45,transparent 49%),radial-gradient(ellipse at 56% 70%,#9363dd30,transparent 50%)}
.portrait-motion .cutout-portrait:before{opacity:0}
.portrait-motion .cutout-portrait.portrait-visible:before{opacity:.75}
.portrait-motion .about-hero .cutout-portrait.portrait-visible:before{opacity:1}
.portrait-motion .cutout-portrait:not(.portrait-visible) img{opacity:0;transform:translateY(16px)}
.portrait-motion .cutout-portrait img{transition:transform .4s ease-out,opacity .8s ease}
@media(hover:none),(pointer:coarse){.cutout-portrait img,.cutout-portrait:before{transform:none!important}}
@media(prefers-reduced-motion:reduce){.cutout-portrait img,.cutout-portrait:before{transform:none!important;transition:none!important}.portrait-motion .cutout-portrait img{opacity:1!important}.portrait-motion .cutout-portrait:before{opacity:.75!important}}
.cutout-portrait:before{mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}
.hero-story{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.story-stage{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px) scale(.94);transition:opacity .6s,transform .7s,visibility .6s;width:82%;}
.pulse-panel[data-state=idea] .stage-idea,.pulse-panel[data-state=code] .stage-code,.pulse-panel[data-state=website] .stage-website{opacity:1;visibility:visible;transform:none}
.stage-idea{text-align:center;width:70%}
.story-eyebrow{font-size:8px;letter-spacing:2px;color:#c3a7b8}
.stage-idea>strong{display:block;font-size:clamp(25px,2.8vw,43px);letter-spacing:-1px;font-weight:550;margin:14px 0}
.stage-idea>strong>span{color:#ffb38a;margin-left:8px;font-size:.7em}
.stage-idea>p{font-size:10px;color:#b49bab}
.idea-sparks{display:flex;gap:5px;justify-content:center;margin-top:20px}.idea-sparks i{width:4px;height:4px;border-radius:50%;background:#e9a483}
.stage-code,.stage-website{border-radius:12px;overflow:hidden;border:1px solid #98607870;box-shadow:0 24px 45px #0006;background:#14121b}
.story-window-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#b39aaa;padding:12px 15px;border-bottom:1px solid #ffffff0e;background:#211924}
.story-window-bar>span:first-child{font-size:7px;color:#d29891;letter-spacing:3px}
.story-code{padding:23px 10px;font-family:Consolas,'Courier New',monospace;font-size:clamp(8px,.9vw,12px);line-height:2.2;color:#d5c9dc;white-space:pre}
.story-code>span{display:block;opacity:1}.story-code i{color:#6e5e7d;font-style:normal;margin-right:12px}.story-code b{font-weight:400;color:#f3a27f}.story-code em{font-style:normal;color:#dda0d1}.story-code small{color:#f8c29a}
.pulse-panel[data-state=code] .story-code>span{animation:code-line .35s both}.pulse-panel[data-state=code] .story-code>span:nth-child(2){animation-delay:.25s}.pulse-panel[data-state=code] .story-code>span:nth-child(3){animation-delay:.5s}.pulse-panel[data-state=code] .story-code>span:nth-child(4){animation-delay:.75s}.pulse-panel[data-state=code] .story-code>span:nth-child(5){animation-delay:1s}.pulse-panel[data-state=code] .story-code>span:nth-child(6){animation-delay:1.25s}.pulse-panel[data-state=code] .story-code>span:nth-child(7){animation-delay:1.5s}
.code-foot{border-top:1px solid #372535;padding:12px 15px;font-size:9px;color:#d2a4bc}
.hero-site{padding:18px;background:linear-gradient(130deg,#211b27,#15131b);color:#efe7ee}.hero-site-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-site-nav>b{font-size:15px;letter-spacing:-.7px}.hero-site-nav>b>span{color:#ffb08c}.hero-site-nav>span{font-size:6px;color:#b9a4ba}
.hero-site-body{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:28px 0 24px}.hero-site-body small{font-size:5px;letter-spacing:1px;color:#ca9fad}.hero-site-body h3{font-size:clamp(20px,2vw,30px);font-weight:650;letter-spacing:-1px;line-height:1.12;margin:11px 0}.hero-site-body h3 em{background:var(--warm-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-site-body p{font-size:8px;line-height:1.6;color:#b9a5ba}.hero-site-cta{display:inline-block;margin-top:16px;padding:8px 13px;background:linear-gradient(110deg,#ffd094,#ef8daf);border-radius:20px;font-size:7px;color:#301c29;font-weight:600}
.site-orb{width:27%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffe0aa,#eb9b91 32%,#9c5f98 65%,#322847 90%);box-shadow:inset -9px -12px 17px #21132744;flex-shrink:0;transform:rotate(-20deg)}
.hero-site-bottom{display:flex;gap:15px;padding-top:12px;border-top:1px solid #ffffff12;font-size:6px;color:#ba9caf}.site-ready{padding:11px 15px;font-size:9px;background:#2d202b;color:#f3be9f}
.pulse-panel[data-state=website] .site-orb{animation:site-arrive .8s ease-out both}.pulse-panel[data-state=website] .hero-site-cta{animation:site-arrive .7s .15s ease-out both}
.pulse-panel[data-state=code] .orbit-label,.pulse-panel[data-state=website] .orbit-label{opacity:0}.orbit-label{transition:opacity .5s}
.pulse-panel[data-state=code] .pulse-svg,.pulse-panel[data-state=website] .pulse-svg{opacity:.75}.pulse-panel[data-state=website] .pulse-rays{animation-duration:65s}
.pulse-panel.paused .story-code>span,.pulse-panel.paused .site-orb,.pulse-panel.paused .hero-site-cta{animation-play-state:paused}
@keyframes code-line{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes site-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.story-code{font-size:8px;padding:15px 7px}.story-code i{margin-right:7px}.hero-site{padding:13px}.hero-site-body{padding-block:18px}.hero-site-body h3{font-size:23px}.story-window-bar{padding:9px 11px;font-size:7px}.stage-idea>strong{font-size:27px}.stage-idea>p{font-size:8px}.hero-site-nav>span{font-size:5px}.code-foot,.site-ready{font-size:8px;padding:9px 11px}}
@media(max-width:700px){.story-stage{width:85%}.hero-site-body h3{font-size:23px}.story-code{font-size:8px}.story-eyebrow{font-size:7px}.hero-site-body{padding-block:17px}.hero-site-nav>b{font-size:13px}}
.cutout-portrait:after{content:'';display:block;position:absolute;z-index:-1;inset:14% 2% 5%;border-radius:50%;background:radial-gradient(ellipse at center,transparent 38%,#ffbb8d20 46%,#f27ba744 51%,#ac72d52e 55%,transparent 65%);opacity:0;pointer-events:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cutout-portrait.portrait-hover:after{animation:portrait-light-pulse 1.7s ease-out both}}
@keyframes portrait-light-pulse{0%{opacity:0;transform:scale(.65)}25%{opacity:.9}65%{opacity:.45}100%{opacity:0;transform:scale(1.2)}}
@media(max-width:700px){.stage-website{width:90%;}.hero-site{padding:12px}.hero-site-body{padding:15px 0;gap:8px}.hero-site-body>div:first-child{min-width:0;flex:1}.hero-site-body h3{font-size:20px;white-space:nowrap;margin:8px 0}.hero-site-body p{font-size:7px;line-height:1.5}.hero-site-body small{font-size:4px;letter-spacing:.5px}.hero-site-cta{margin-top:10px;padding:6px 10px;font-size:6px}.hero-site-nav>span{font-size:4px}.site-orb{width:23%}.hero-site-bottom{font-size:5px;gap:8px;padding-top:8px}.site-ready{padding:8px 11px;font-size:7px}.story-window-bar{padding:8px 10px;font-size:6px}.story-code{font-size:7px;line-height:2;padding:14px 6px}.story-code i{margin-right:5px}}
.pulse-panel[data-state=website] .pulse-svg,.pulse-panel[data-state=code] .pulse-svg{position:absolute;width:125%;height:125%;left:-12.5%;top:-12.5%;opacity:.85}