:root{--bg:#090a0f;--text:#f5f3ef;--muted:#9b9ca5;--line:rgba(255,255,255,.12);--lime:#c8ff55;--blue:#6f8cff;--pink:#ff6fb1;--cyan:#61e8e1;--orange:#ff9d5c;--yellow:#ffd85c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:fixed;width:40vw;height:40vw;border-radius:50%;filter:blur(130px);opacity:.09;pointer-events:none}.orb-a{background:var(--blue);top:-18vw;right:-10vw}.orb-b{background:var(--pink);bottom:-20vw;left:-10vw}.site-header{height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10}.brand{display:flex;flex-direction:column;align-items:center;line-height:.75}.signature{font-family:"Brush Script MT","Segoe Script",cursive;font-size:30px;font-weight:400;transform:rotate(-4deg);letter-spacing:-.04em}.group{font-size:7px;letter-spacing:.72em;margin-left:.72em;margin-top:8px;font-weight:700}.site-header nav{display:flex;gap:32px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#b6b6bf}.site-header nav a:hover{color:white}.menu{display:none;background:0;border:0}.hero{min-height:100vh;padding:190px 6vw 75px;display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow,.section-label{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#a3a4ae}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px}.eyebrow span{width:28px;height:2px;background:var(--lime);box-shadow:0 0 14px var(--lime)}.hero-title{font-size:clamp(62px,9vw,148px);line-height:.86;letter-spacing:-.075em;font-weight:700;margin:0;max-width:1450px}.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-title .line>span{display:block;animation:titleIn 1.1s cubic-bezier(.16,1,.3,1) both}.hero-title .line:nth-child(2)>span{animation-delay:.1s}.hero-title .accent{font-weight:300;color:#c8c9d0}.hero-bottom{display:flex;justify-content:flex-end;align-items:center;gap:7vw;margin-top:58px}.hero-bottom p{width:min(500px,44vw);font-size:17px;line-height:1.65;color:#a8a9b1}.hero-bottom strong{color:white}.circle-cta{width:120px;height:120px;border:1px solid #555760;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font:700 9px ui-monospace,monospace;text-transform:uppercase;transition:.35s}.circle-cta b{position:absolute;right:15px;top:17px;font-size:18px}.circle-cta:hover{background:var(--lime);border-color:var(--lime);color:#0a0d07;transform:rotate(-5deg)}.scroll-hint{position:absolute;bottom:35px;left:6vw;font:700 8px ui-monospace,monospace;color:#62646d;letter-spacing:.16em;display:flex;align-items:center;gap:12px}.scroll-hint span{height:30px;width:1px;background:linear-gradient(var(--lime),transparent)}.intro,.projects,.principles,.story{padding:125px 6vw}.intro{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:50px}.statement p{font-size:clamp(31px,4vw,64px);letter-spacing:-.05em;line-height:1.12;margin:0;font-weight:300;color:#e3e2e0}.statement em,.section-title em,.manifesto em{font-style:normal;color:var(--lime)}.story{display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;background:#f0eee8;color:#101116}.story span{font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:#676871}.story h2{font-size:clamp(36px,4.6vw,72px);letter-spacing:-.055em;line-height:1;margin:30px 0 0}.story-copy{padding-top:45px}.story-copy p{font-size:17px;line-height:1.7;color:#4d4e55}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-title{font-size:clamp(42px,5vw,78px);letter-spacing:-.055em;line-height:.98;margin:24px 0 0}.muted{font:700 9px/1.8 ui-monospace,monospace;color:#70727c;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{--accent:var(--blue);min-height:650px;background:#101118;border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,border-color .3s}.project-card:before{content:"";position:absolute;width:350px;height:350px;background:var(--accent);filter:blur(100px);opacity:.11;top:30px;right:-100px}.project-card:hover{border-color:color-mix(in srgb,var(--accent),white 25%)}.project-card.mosaic{--accent:var(--blue)}.project-card.asset{--accent:var(--lime)}.project-card.display{--accent:var(--pink)}.project-card.forge{--accent:var(--orange)}.card-top{display:flex;justify-content:space-between;font:700 8px ui-monospace,monospace;color:#7c7e88;letter-spacing:.14em;position:relative;z-index:2}.visual{height:330px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.mosaic-ui{width:82%;height:215px;border-radius:13px;background:#f5f4f0;color:#161720;display:grid;grid-template-columns:48px 1fr;box-shadow:0 35px 90px rgba(55,84,255,.18);transform:rotate(-3deg)}.mosaic-side{background:#171923;border-radius:13px 0 0 13px;padding:25px 15px}.mosaic-side i{display:block;width:16px;height:16px;border-radius:5px;background:#6f8cff;margin-bottom:16px}.mosaic-side i:nth-child(2){background:#ff6fb1}.mosaic-side i:nth-child(3){background:#61e8e1}.mosaic-side i:nth-child(4){background:#ffd85c}.mosaic-main{padding:20px}.hello{font-size:19px;font-weight:700;margin-bottom:14px}.lesson-row{display:grid;grid-template-columns:45px 1fr auto;gap:8px;padding:9px;border-radius:7px;background:#e7eaff;margin-bottom:7px;font-size:9px}.lesson-row.pink{background:#ffe3ef}.lesson-row i{font-style:normal;color:#777}.stats{display:flex;gap:7px}.stats span{flex:1;background:#fff;border:1px solid #dddde2;border-radius:7px;padding:7px;font-size:7px;color:#777}.stats b{display:block;font-size:13px;color:#171820}.asset-phone{width:220px;height:270px;border-radius:22px;background:#efffce;color:#10150a;padding:17px;box-shadow:0 30px 80px rgba(200,255,85,.12);transform:rotate(4deg)}.asset-head{font-size:12px;font-weight:800;display:flex;justify-content:space-between}.asset-head b{color:#5a8e00}.scan-box{height:150px;margin-top:16px;border:2px solid #1e2a0e;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#10150a}.scan-box strong{font-size:75px;color:#eaffbe}.scan-box span{position:absolute;left:12px;right:12px;height:2px;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:scan 2.2s ease-in-out infinite}.asset-result{margin-top:12px}.asset-result b,.asset-result small{display:block}.asset-result b{font-size:11px}.asset-result small{font-size:8px;margin-top:4px;color:#5f684e}.asset-pill{position:absolute;background:#10150a;color:var(--lime);border:1px solid #526d27;border-radius:20px;padding:9px 14px;font:700 8px ui-monospace,monospace;margin:170px 0 0 200px}.display-screen{width:82%;height:220px;border:6px solid #24252c;border-radius:9px;background:#111;display:flex;overflow:hidden;box-shadow:0 35px 80px rgba(255,111,177,.13);transform:rotate(2deg)}.poster{min-width:100%;padding:26px;display:flex;flex-direction:column;justify-content:center;animation:posters 9s infinite}.poster small{font:700 8px ui-monospace,monospace;letter-spacing:.15em}.poster b{font-size:36px;line-height:.9;margin:14px 0}.poster span{font-size:8px}.p1{background:#ffd85c;color:#19160a}.p2{background:#7d5cff;color:white}.p3{background:#ff6f8f;color:#240910}.forge-board{width:92%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:rotateX(9deg) rotateZ(-2deg)}.forge-board>div{min-height:205px;padding:12px;border-radius:9px;background:#171820;border:1px solid #292b35}.forge-board b{font:700 8px ui-monospace,monospace;color:#8c8e98}.forge-board i{display:block;padding:13px 9px;margin-top:9px;border-radius:6px;background:#27202a;border-left:3px solid var(--orange);font:400 8px Arial;color:#ddd;font-style:normal}.forge-board>div:nth-child(1) i{border-color:#ff6fb1}.forge-board>div:nth-child(3) i{border-color:#61e8e1}.card-copy{margin-top:auto;position:relative;z-index:2}.product-name{display:flex;align-items:center;gap:12px}.product-name .dot{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent)}.card-copy h2{font-size:46px;letter-spacing:-.055em;margin:0;font-weight:700}.card-copy p{font-size:14px;color:#9a9ca6;line-height:1.7;max-width:520px}.chips{display:flex;gap:7px;margin-top:20px}.chips span{font:700 7px ui-monospace,monospace;letter-spacing:.1em;border:1px solid #33353e;border-radius:20px;padding:7px 10px;color:#777b86}.principles{border-top:1px solid var(--line)}.principle-list{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:80px 1.3fr 1fr 40px;align-items:center;padding:37px 0;border-bottom:1px solid var(--line);transition:.3s}.principle:hover{padding-left:12px;background:linear-gradient(90deg,rgba(200,255,85,.03),transparent)}.principle>span{font:700 9px ui-monospace,monospace;color:#5e6069}.principle h3{font-size:clamp(30px,4vw,58px);font-weight:300;letter-spacing:-.045em;margin:0}.principle p{color:#83858f;font-size:13px;line-height:1.6}.principle b{font-size:22px;color:#686a73}.manifesto{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.manifesto p{font:700 9px ui-monospace,monospace;letter-spacing:.15em;color:#777984}.manifesto h2{font-size:clamp(48px,7vw,105px);line-height:.98;letter-spacing:-.06em;font-weight:300;margin:25px 0;z-index:2}.manifesto-orbit{position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.06);border-radius:50%;animation:spin 20s linear infinite}.manifesto-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}.manifesto-orbit span:nth-child(1){top:0;left:50%}.manifesto-orbit span:nth-child(2){bottom:12%;left:10%;background:var(--pink)}.manifesto-orbit span:nth-child(3){right:2%;top:58%;background:var(--blue)}footer{padding:80px 6vw 30px;background:#050609;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:2fr 1fr;min-height:250px}.footer-brand{width:max-content}.footer-main>div>p{color:#71737d;font-size:13px;line-height:1.7;margin-top:30px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-nav div{display:flex;flex-direction:column;gap:11px}.footer-nav span{font:700 8px ui-monospace,monospace;color:#555761;letter-spacing:.12em}.footer-nav a,.footer-nav p{font-size:13px;color:#a7a8b0;margin:0;line-height:1.8}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font:700 8px ui-monospace,monospace;color:#565862;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@keyframes titleIn{from{transform:translateY(110%)}to{transform:none}}@keyframes scan{0%,100%{top:15px}50%{top:132px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes posters{0%,28%{transform:translateX(0)}33%,61%{transform:translateX(-100%)}66%,94%{transform:translateX(-200%)}100%{transform:translateX(0)}}
@media(max-width:800px){.site-header{height:76px}.site-header nav{display:none}.menu{display:block;width:35px}.menu span{display:block;height:1px;background:white;margin:7px}.hero{padding:145px 6vw 70px}.hero-title{font-size:16vw}.hero-bottom{justify-content:space-between;align-items:end}.hero-bottom p{width:62vw;font-size:13px}.circle-cta{width:86px;height:86px}.intro,.story{grid-template-columns:1fr;padding:90px 6vw}.story{gap:25px}.story-copy{padding-top:0}.projects,.principles{padding:90px 6vw}.project-grid{grid-template-columns:1fr}.project-card{min-height:570px}.visual{height:290px}.section-head{align-items:start;gap:25px;flex-direction:column}.principle{grid-template-columns:45px 1fr 30px}.principle p{display:none}.manifesto-orbit{width:320px;height:320px}.footer-main{grid-template-columns:1fr;gap:70px}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Product demo rendering fixes */
.mosaic-ui,.asset-phone,.display-screen,.forge-board{isolation:isolate}
.mosaic-ui{overflow:hidden}
.mosaic-main{min-width:0}
.lesson-row{align-items:center}
.lesson-row span,.lesson-row i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats span{min-width:0}
.asset-phone{overflow:hidden}
.asset-result small{white-space:nowrap}
.display-screen{position:relative;display:block}
.poster{position:absolute;inset:0;min-width:0;opacity:0;transform:translateX(35px);animation:posterFade 9s infinite}
.poster.p1{animation-delay:0s}.poster.p2{animation-delay:3s}.poster.p3{animation-delay:6s}
.forge-board i{line-height:1.25}
@keyframes posterFade{0%{opacity:0;transform:translateX(35px)}6%,27%{opacity:1;transform:translateX(0)}33%,100%{opacity:0;transform:translateX(-35px)}}
@keyframes floatUI{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
@keyframes floatPhone{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
@keyframes floatBoard{0%,100%{transform:rotateX(9deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateX(9deg) rotateZ(-1deg) translateY(-7px)}}
.mosaic-ui{animation:floatUI 5s ease-in-out infinite}
.asset-phone{animation:floatPhone 4.5s ease-in-out infinite}
.forge-board{animation:floatBoard 5.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.poster{opacity:1;position:absolute}.poster:not(.p1){display:none}}

.logo-brand{display:block;line-height:1}.logo-brand img{display:block;width:190px;height:auto;filter:invert(1)}.footer-brand.logo-brand img{width:240px}@media(max-width:800px){.logo-brand img{width:150px}.footer-brand.logo-brand img{width:210px}}