:root{--line:#ffffff1f;--accent:#a855f7;--accent-bright:#bb7cf5;--accent-rgb:168,85,247}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);min-width:320px;color:var(--paper);font-family:var(--font-main);cursor:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,button{color:inherit;font:inherit}button{cursor:none}.cursor-dot,.cursor-ring{pointer-events:none;z-index:1000000;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--accent);border-radius:999px;width:7px;height:7px}.cursor-ring{border:1px solid #f4efe58c;border-radius:999px;width:44px;height:44px;transition:width .25s,height .25s,border-color .25s}.cursor-ring.active{border-color:var(--accent);background:#a855f714;width:76px;height:76px;box-shadow:0 0 15px #a855f733}.glitch{color:var(--paper);display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch:before{color:#c084fc;z-index:-1;animation:4s linear infinite alternate-reverse glitchTop}.glitch:after{color:#581c87;z-index:-2;animation:3s linear infinite alternate-reverse glitchBot}@keyframes headingShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shimmer-emphasis,.cta-title .glitch{background:linear-gradient(120deg,#fff 0%,#c084fc 35%,#a855f7 70%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;animation:8s linear infinite headingShimmer;display:inline-block}@keyframes glitchTop{0%,92%,to{clip-path:inset(0);transform:translate(0)}93%{clip-path:inset(0 0 62%);transform:translate(-2px,-1px)}96%{clip-path:inset(40% 0 20%);transform:translate(2px,1px)}}@keyframes glitchBot{0%,90%,to{clip-path:inset(0);transform:translate(0)}91%{clip-path:inset(70% 0 0);transform:translate(2px,1px)}94%{clip-path:inset(20% 0 55%);transform:translate(-1px,-1px)}}.progress{background:var(--accent);z-index:450;width:0;height:2px;box-shadow:0 0 18px rgba(var(--accent-rgb), .85);position:fixed;top:0;left:0}#canvas-wrap{z-index:0;pointer-events:none;position:fixed;inset:0}#bg-canvas{width:100%;height:100%;display:block}.shell{width:min(100% - 56px,1360px);margin:0 auto}.site-header{z-index:500;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(24px,4vw,56px);display:flex;position:fixed;top:0;left:72px;right:0}.site-header *{pointer-events:auto}.talk-btn{background:linear-gradient(135deg, var(--accent), #a855f7);color:#030305;box-shadow:0 0 20px rgba(var(--accent-rgb), .4);border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.talk-btn:hover{box-shadow:0 0 30px rgba(var(--accent-rgb), .8);transform:translateY(-2px)scale(1.03)}.hero-logo{pointer-events:none;z-index:220;opacity:.98;width:min(620px,78vw);max-width:720px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.hero-logo img{object-fit:contain;filter:none;width:100%;height:auto;display:block}.brand{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-img{object-fit:contain;filter:drop-shadow(0 0 12px #a855f766);width:auto;height:clamp(34px,4.5vw,46px);transition:transform .3s,filter .3s}.brand:hover .brand-img{filter:drop-shadow(0 0 18px #a855f7b3);transform:scale(1.04)}.header-left{align-items:center;gap:36px;display:flex}.talk,.signal-btn,.menu-btn{color:#050505;background:#0505050f;border:1px solid #05050514;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.menu-btn{width:auto;min-width:112px;padding:0 18px}.signal-btn{width:48px;min-width:48px;padding:0;font-size:1.2rem}.talk{color:#fff;background:#2b2e3b;border-color:#2b2e3b;min-width:140px;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.talk:hover{background:var(--accent);border-color:var(--accent);color:#030303;box-shadow:0 0 15px rgba(var(--accent-rgb), .45)}.header-actions{align-items:center;gap:16px;display:flex}@media (max-width:768px){.site-header{padding:0 20px;left:0}}main{z-index:2;position:relative}section{border-top:1px solid var(--line);padding:108px 0;position:relative}.hero{background:radial-gradient(circle at 72% 34%, rgba(var(--accent-rgb), .15), transparent 32rem), radial-gradient(circle at 15% 18%, #0693e31a, transparent 28rem), var(--bg);height:auto;min-height:100vh;color:var(--paper);border-top:0;flex-direction:column;justify-content:center;padding:100px 0;display:flex}.hero h1{text-transform:none;letter-spacing:-.01em;word-spacing:.04em;text-align:center;max-width:860px;margin:0 auto;font-size:clamp(1.4rem,3.2vw,3.4rem);font-weight:800;line-height:1.15}.hero-desc{max-width:760px;color:var(--muted);text-align:center;margin:0 auto 50px;font-size:clamp(1rem,1.25vw,1.4rem);line-height:1.62}.stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:60px;padding:20px 0;display:grid;position:relative}.stat-card{-webkit-backdrop-filter:blur(20px);background:#ffffff04;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle at 80% 20%, rgba(var(--accent-rgb), .06), transparent 60%);opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.stat-card:hover{border-color:rgba(var(--accent-rgb), .3);box-shadow:0 30px 60px #0006, 0 0 30px rgba(var(--accent-rgb), .1);background:#ffffff06;transform:translateY(-8px)}.stat-card:hover:after{opacity:1}.stat-card-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex;position:relative}.stat-num{letter-spacing:-.03em;font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:800;line-height:1;font-family:var(--font-main);background:linear-gradient(135deg, #fff 40%, rgba(var(--accent-rgb), .8) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-icon-wrap{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .25);width:46px;height:46px;color:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb), .1);border-radius:50%;place-items:center;font-size:1.35rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid}.stat-card:hover .stat-icon-wrap{background:var(--accent);color:#030303;box-shadow:0 0 20px rgba(var(--accent-rgb), .4);transform:scale(1.08)rotate(8deg)}.stat-content{z-index:1;position:relative}.stat-label{color:var(--paper);letter-spacing:-.01em;margin-bottom:8px;font-size:1.15rem;font-weight:700}.stat-divider{background:#ffffff1a;width:40px;height:2px;margin-bottom:12px;transition:width .3s,background .3s}.stat-card:hover .stat-divider{background:var(--accent);width:80px}.stat-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.proto-btn{color:var(--muted);font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:6px 14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.proto-btn.active,.proto-btn:hover{background:rgba(var(--accent-rgb), .15);border-color:var(--accent);color:var(--paper);box-shadow:0 0 10px rgba(var(--accent-rgb), .3)}.proto-frame{border:1px dashed rgba(var(--accent-rgb), .3);background:#0a0c1299;border-radius:12px;flex-direction:column;gap:10px;width:100%;margin:0 auto;padding:16px;transition:width .5s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 15px 35px #00000080}.proto-frame.desktop{width:100%}.proto-frame.tablet{width:70%}.proto-frame.mobile{width:44%}.proto-element{background:#ffffff05;border:1px dashed #ffffff14;border-radius:6px;transition:all .3s}.p-header{border-color:rgba(var(--accent-rgb), .25);height:20px}.p-hero{background:rgba(var(--accent-rgb), .04);border-color:rgba(var(--accent-rgb), .35);height:55px}.proto-grid-row{grid-template-columns:repeat(3,1fr);gap:10px;transition:grid-template-columns .5s;display:grid}.proto-frame.mobile .proto-grid-row{grid-template-columns:1fr}.proto-frame.tablet .proto-grid-row{grid-template-columns:repeat(2,1fr)}.p-card{height:40px}.p-footer{height:24px}.proto-frame:hover .proto-element{border-color:var(--accent);background:rgba(var(--accent-rgb), .06)}.section-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:15px;font-size:.85rem;display:inline-block}.section-title{max-width:800px;margin-bottom:24px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;line-height:1.2}.section-desc{color:var(--muted);max-width:700px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.grid-split{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (max-width:992px){.grid-split{grid-template-columns:1fr;gap:40px}}.glass-box{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#ffffff05;border-radius:24px;padding:clamp(30px,5vw,50px);position:relative;overflow:hidden;box-shadow:0 30px 60px #0000004d}.glass-box:after{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .15), transparent 70%);pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}@keyframes floatDrift{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatDriftReverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}.floating-ui-card{-webkit-backdrop-filter:blur(12px);z-index:5;pointer-events:none;background:#ffffff03;border:1px solid #a855f726;border-radius:16px;padding:16px;display:none;position:absolute;box-shadow:0 20px 40px #00000080,0 0 15px #a855f714}@media (min-width:1200px){.floating-ui-card{display:block}}.hero-floating-left{width:190px;animation:6s ease-in-out infinite floatDrift;top:25%;left:7%}.hero-floating-right{width:210px;animation:7s ease-in-out infinite floatDriftReverse;top:32%;right:3%}.floating-ui-title{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.68rem;display:block}.floating-ui-item{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;display:flex}.ds-preview-box{border-top:1px solid var(--line);flex-direction:column;gap:16px;margin-top:24px;padding-top:20px;display:flex}.ds-color-row{gap:10px;display:flex}.ds-swatch{border:1px solid #ffffff1a;border-radius:50%;width:32px;height:32px;position:relative;box-shadow:0 0 10px #00000080}.ds-btn-row{align-items:center;gap:8px;display:flex}.ds-btn{cursor:pointer;border-radius:99px;padding:6px 12px;font-size:.7rem;font-weight:700;transition:all .3s}.ds-btn-primary{background:var(--accent);color:#030303;box-shadow:0 0 10px rgba(var(--accent-rgb), .3);border:none}.ds-btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.pillar-card{position:relative;overflow:hidden}.pillar-corner-icon{color:rgba(var(--accent-rgb), .04);pointer-events:none;font-size:1.4rem;transition:all .4s;position:absolute;bottom:15px;right:15px}.pillar-card:hover .pillar-corner-icon{color:rgba(var(--accent-rgb), .22);transform:scale(1.18)rotate(15deg)}.toggles-wrap{margin-top:30px}.toggle-item{border-bottom:1px solid var(--line);padding:24px 0;overflow:hidden}.toggle-header{text-align:left;width:100%;color:var(--paper);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:1.25rem;font-weight:700;transition:color .25s;display:flex}.toggle-header:hover{color:var(--accent)}.toggle-icon{color:var(--accent);font-size:1.5rem;transition:transform .3s}.toggle-item.active .toggle-icon{transform:rotate(45deg)}.toggle-content{opacity:0;max-height:0;color:var(--muted);margin-top:0;font-size:1rem;line-height:1.6;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.toggle-item.active .toggle-content{opacity:1;max-height:600px;margin-top:16px}.toggle-content ul{flex-direction:column;gap:6px;margin-top:12px;padding-left:20px;display:flex}.pillars-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:50px;display:grid}.pillar-card{border:1px solid var(--line);background:#ffffff05;border-radius:20px;flex-direction:column;gap:16px;padding:30px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.pillar-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #0006, 0 0 15px rgba(var(--accent-rgb), .15);background:#a855f70d;transform:translateY(-4px)}.pillar-index{font-family:var(--font-mono);color:#ffffff1a;font-size:2rem;font-weight:800;transition:color .3s}.pillar-card:hover .pillar-index{color:var(--accent)}.pillar-title{font-size:1.25rem;font-weight:700}.pillar-text{color:var(--muted);font-size:.95rem;line-height:1.5}.footer p,.footer a{color:var(--muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55rem}.footer h3{color:var(--accent);text-transform:uppercase;margin-bottom:18px;font-size:1rem;font-weight:800}.footer a{margin-bottom:8px;line-height:1.55rem;text-decoration:none;display:block}.footer p{margin-bottom:8px;line-height:1.55rem;display:block}@media (max-width:768px){.hero-bottom,.ai-hero,.split,.work-head,.work-item,.footer-grid{grid-template-columns:1fr}}.cta-system-section{padding:120px 0 150px;position:relative}.cta-card-purple{border:1px solid var(--accent);text-align:center;background:linear-gradient(135deg,#080d16f5 0%,#04070cfa 100%);border-radius:26px;padding:80px 48px;position:relative;overflow:hidden;box-shadow:0 25px 70px #000000e6,0 0 60px #8700d040}.cta-card-purple:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 120%,#8700d04d,#0000 60%);position:absolute;inset:0}.portal-rings{pointer-events:none;width:900px;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-rings span{border:1px solid #8700d024;border-radius:50%;animation:4s ease-out infinite portalPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-rings span:first-child{width:260px;height:260px;animation-delay:0s}.portal-rings span:nth-child(2){width:460px;height:460px;animation-delay:.8s}.portal-rings span:nth-child(3){width:660px;height:660px;animation-delay:1.6s}.portal-rings span:nth-child(4){width:860px;height:860px;animation-delay:2.4s}@keyframes portalPulse{0%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.cta-content{z-index:2;position:relative}.cta-system-tag{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.08em;background:#8700d01a;border:1px solid #8700d066;border-radius:999px;margin-bottom:22px;padding:6px 16px;font-size:.8rem;display:inline-block}.cta-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:900;line-height:1.1}.cta-sub{color:#f4efe5cc;max-width:640px;margin:0 auto 38px;font-size:1.1rem;line-height:1.65}.hero-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:46px;display:flex}.btn-purple-primary{background:var(--accent);color:#030407;font-family:var(--font-mono);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:12px;padding:16px 30px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 25px #8700d080}.btn-purple-primary:after{content:"";background:linear-gradient(120deg,#0000,#ffffff8c,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.btn-purple-primary:hover:after{left:130%}.btn-purple-primary:hover{background:var(--accent-bright);transform:translateY(-3px);box-shadow:0 0 40px #8700d0cc}.btn-purple-outline{color:var(--paper);font-family:var(--font-mono);background:#8700d00a;border:1px solid #8700d04d;border-radius:10px;align-items:center;gap:10px;padding:16px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-purple-outline:hover{border-color:var(--accent);color:var(--accent-bright);background:#8700d01f;transform:translateY(-3px)}.magnetic{display:inline-block}.mockup-sandbox-split{grid-template-columns:minmax(320px,.76fr) minmax(440px,1.24fr);align-items:start;gap:28px;display:grid}@media (max-width:992px){.mockup-sandbox-split{grid-template-columns:1fr}}.ai-console{-webkit-backdrop-filter:blur(18px);background:#0a0c12d9;border:1px solid #a855f747;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 16px 36px #0009,0 0 18px #a855f726}.ai-console-head{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:.78rem;font-weight:700;display:flex}.ai-status{color:#10b981;align-items:center;gap:6px;display:flex}.ai-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b981}.chat-bubble{word-wrap:break-word;border-radius:12px;max-width:85%;padding:10px 14px;font-size:.86rem;line-height:1.45}.ai-bubble{color:#f3e8ff;background:#a855f714;border:1px solid #a855f738;border-bottom-left-radius:2px;align-self:flex-start}.user-bubble{color:var(--paper);background:#ffffff14;border:1px solid #ffffff26;border-bottom-right-radius:2px;align-self:flex-end}.sandbox-network{background:#00000052;border:1px dashed #ffffff1f;border-radius:14px;height:160px;position:relative;overflow:visible;box-shadow:inset 0 0 20px #0009}.ai-sphere{cursor:grab;-webkit-user-select:none;user-select:none;color:#fff;z-index:10;border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;font-size:.65rem;font-weight:700;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 8px 24px #00000080}.ai-sphere:active{cursor:grabbing}.ai-sphere i{pointer-events:none;margin-bottom:2px;font-size:1.2rem}.ai-sphere span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;font-size:.58rem}.sphere-theme{background:radial-gradient(circle at 30% 30%,#c084fc,#a855f7);border-color:#a855f766;box-shadow:0 0 12px #a855f74d}.sphere-product{background:radial-gradient(circle at 30% 30%,#38bdf8,#0ea5e9);border-color:#0ea5e966;box-shadow:0 0 12px #0ea5e94d}.sphere-audit{background:radial-gradient(circle at 30% 30%,#34d399,#059669);border-color:#05966966;box-shadow:0 0 12px #0596694d}.ai-console-dropzone{text-align:center;color:#ffffff73;background:#ffffff03;border:2px dashed #a855f740;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.76rem;transition:all .3s;display:flex}.ai-console-dropzone.highlight{border-color:var(--accent);background:rgba(var(--accent-rgb), .08);color:var(--paper);box-shadow:0 0 14px rgba(var(--accent-rgb), .15)}.preview-cart-drawer{z-index:100;background:#0f1118f5;border-left:1px solid #ffffff14;flex-direction:column;width:140px;padding:10px;font-size:.58rem;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.preview-cart-drawer.active{transform:translate(0)}#sandbox-proto-frame{scroll-behavior:smooth;height:480px;overflow:hidden scroll}#sandbox-proto-frame::-webkit-scrollbar{width:6px}#sandbox-proto-frame::-webkit-scrollbar-track{background:#00000040;border-radius:99px}#sandbox-proto-frame::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid #0003;border-radius:99px}