:root{--bg:#080a0a;--panel:#101313;--ink:#f2f0e9;--muted:#858c88;--line:#272c2a;--signal:#35d9ff;--mint:#88f7d4;--paper:#e9e8e2;--paper-ink:#111414;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;z-index:1000;left:20px;top:-60px;background:var(--ink);color:var(--bg);padding:12px 18px}.skip:focus{top:12px}.boot{position:fixed;z-index:999;inset:0;background:var(--bg);display:grid;place-content:center;text-align:center;transition:opacity .65s,visibility .65s}.boot span{font-size:clamp(72px,14vw,200px);font-weight:700;letter-spacing:-.09em}.boot div{height:2px;width:min(360px,70vw);background:var(--line);margin:22px auto;position:relative;overflow:hidden}.boot div:after{content:'';position:absolute;inset:0;background:var(--signal);transform-origin:left;animation:bootline 1.15s ease forwards}.boot small{font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}.boot.done{opacity:0;visibility:hidden}@keyframes bootline{from{transform:scaleX(0)}to{transform:scaleX(1)}}#signal-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.3;pointer-events:none}.topbar{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(8,10,10,.86);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding:0 28px}.identity{display:flex;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:.14em}.identity-mark{width:28px;height:28px;background:var(--signal);color:var(--bg);display:grid;place-items:center;font:700 17px Georgia,serif}.identity i{height:14px;width:1px;background:var(--line);margin:0 4px}.identity i+span{color:var(--muted)}.topbar nav{display:flex;height:100%}.topbar nav a{display:grid;place-items:center;padding:0 22px;border-left:1px solid var(--line);font:10px var(--mono);color:#aeb4b0;transition:.25s}.topbar nav a:last-child{border-right:1px solid var(--line)}.topbar nav a:hover,.topbar nav a:focus-visible{background:var(--ink);color:var(--bg)}.top-contact{justify-self:end;display:flex;align-items:center;gap:28px;font:11px var(--mono)}.top-contact b{background:var(--ink);color:var(--bg);width:34px;height:34px;display:grid;place-items:center}.nav-toggle{display:none}.scroll-meter{position:absolute;left:0;right:0;bottom:-1px;height:2px}.scroll-meter i{display:block;height:100%;background:var(--signal);transform-origin:left;transform:scaleX(0)}.rail-label{font:9px var(--mono);letter-spacing:.12em;color:#6f7672;display:flex;gap:22px}.rail-label span:first-child{color:var(--signal)}main{position:relative;z-index:1}.hero{min-height:100svh;padding-top:78px;display:grid;grid-template-columns:45% 55%;grid-template-rows:auto 1fr auto;position:relative}.hero-code{grid-column:1/-1;padding:20px 28px;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(50px,7vw,110px) 4vw 54px 5vw;align-self:center;position:relative;z-index:2}.overline,.section-kicker{font:10px var(--mono);letter-spacing:.12em;color:#9ba19e}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(53,217,255,.12);margin-right:10px}.hero h1{font-size:clamp(54px,6.4vw,118px);line-height:.89;letter-spacing:-.075em;font-weight:500;margin:34px 0 48px;max-width:1000px}.outline-word{-webkit-text-stroke:1px var(--ink);color:transparent}.signal-word{color:var(--signal)}.hero-summary{display:grid;grid-template-columns:minmax(200px,390px) auto;gap:40px;align-items:end}.hero-summary p{margin:0;color:#a4aba7;line-height:1.6;font-size:clamp(14px,1.15vw,18px)}.action{min-height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;min-width:225px;font:11px var(--mono);border:1px solid;transition:background .25s,color .25s,transform .25s}.action-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.action:hover,.action:focus-visible{background:var(--signal);border-color:var(--signal);color:var(--bg)}.action b{font-size:17px}.hero-system{border-left:1px solid var(--line);margin:34px 28px 34px 0;align-self:stretch;min-height:610px;background:rgba(12,15,15,.94);display:grid;grid-template-rows:42px 1fr 42px;position:relative;overflow:hidden}.system-head,.system-foot{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:.09em;color:#737b76}.system-foot{border-top:1px solid var(--line);border-bottom:0}.system-foot b{color:var(--mint);font-weight:400}.system-stage{position:relative;display:grid;grid-template-columns:1fr 135px 1.2fr;align-items:center;padding:30px 26px;isolation:isolate}.micro-label{display:block;font:8px var(--mono);letter-spacing:.13em;color:#5f6762;margin-bottom:18px}.chaos-column,.order-column{position:relative;z-index:2}.fragment{border:1px solid #303634;background:#111514;padding:13px;margin:8px 0;display:grid;grid-template-columns:25px 1fr;gap:2px 9px;transform:translateX(var(--j,0))}.fragment i{grid-row:1/3;color:var(--signal);font:9px var(--mono);font-style:normal}.fragment b{font:500 10px var(--mono)}.fragment small{color:#646c68;font:8px var(--mono)}.f1{--j:5%}.f2{--j:16%}.f3{--j:2%}.f4{--j:11%}.system-core{position:relative;z-index:3;display:grid;place-items:center;align-content:center;gap:7px;font:7px var(--mono);color:#6e7571}.core-rings{width:110px;height:110px;display:grid;place-items:center;position:relative;margin-bottom:15px}.core-rings i{position:absolute;border:1px solid #353c38;border-radius:50%;inset:0;animation:ring 5s linear infinite}.core-rings i:nth-child(2){inset:14px;border-style:dashed;animation-direction:reverse}.core-rings i:nth-child(3){inset:30px;border-color:var(--signal)}.core-rings strong{font:600 15px var(--mono);z-index:1}@keyframes ring{to{transform:rotate(360deg)}}.mini-os{background:#e8ebe4;color:#131716;border:1px solid #bec5bc;box-shadow:0 25px 70px rgba(0,0,0,.35)}.mini-os-top{height:38px;padding:0 12px;background:#1c241e;color:#fff;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono)}.mini-os-top span{color:var(--mint)}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cbd0c8}.mini-kpis div{padding:15px 10px}.mini-kpis div+div{border-left:1px solid #cbd0c8}.mini-kpis small,.mini-kpis b{display:block}.mini-kpis small{font:7px var(--mono);color:#6d746f}.mini-kpis b{font-size:18px;margin-top:8px}.mini-pipeline{height:120px;display:flex;align-items:end;gap:7px;padding:18px 14px;background:repeating-linear-gradient(to bottom,transparent,transparent 29px,#d4d8d1 30px)}.mini-pipeline i{height:var(--h);flex:1;background:#b7cc5a}.mini-pipeline i:nth-child(-n+3){background:#c8cdc5}.mini-event{border-top:1px solid #cbd0c8;padding:10px 12px;display:flex;align-items:center;gap:8px}.mini-event>span{width:22px;height:22px;display:grid;place-items:center;background:#cde3c1;color:#397545;font-size:9px}.mini-event p{margin:0;display:grid;gap:2px;flex:1}.mini-event b{font-size:8px}.mini-event small,.mini-event time{font:7px var(--mono);color:#717873}.flow-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;fill:none;stroke:#333a36;stroke-width:1}.flow-lines path{stroke-dasharray:8 12;animation:dash 6s linear infinite}.flow-lines path:nth-child(2){stroke:rgba(53,217,255,.5);animation-duration:4s}@keyframes dash{to{stroke-dashoffset:-200}}.hero-ticker{grid-column:1/-1;overflow:hidden;border-top:1px solid var(--line);height:55px;display:flex;align-items:center}.hero-ticker div{display:flex;align-items:center;gap:30px;white-space:nowrap;animation:ticker 30s linear infinite;font:10px var(--mono);letter-spacing:.1em}.hero-ticker div:after{content:'PREMIUM WEBSITES ＋ CUSTOM APPLICATIONS ＋ BUSINESS AUTOMATION ＋ CRM & WORKFLOWS ＋ DASHBOARDS ＋ BUSINESS OS ＋';word-spacing:24px}.hero-ticker i{font-style:normal;color:var(--signal)}@keyframes ticker{to{transform:translateX(-50%)}}.section-light{background:var(--paper);color:var(--paper-ink)}.section-index{padding:20px 28px;border-bottom:1px solid #c9cbc4}.transformation{padding-bottom:10vw}.transformation-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;padding:9vw 8vw 7vw}.transformation-intro h2,.cap-head h2,.proof-head h2,.method-statement h2,.contact h2{font-size:clamp(48px,6.7vw,120px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:18px 0 0}.transformation-intro h2 span,.proof-head h2 span{color:#8a8e87}.transformation-intro>p:last-child{align-self:end;line-height:1.7;color:#5f645f;font-size:16px;max-width:480px}.transform-console{margin:0 8vw;border:1px solid #c5c8c0}.console-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #c5c8c0}.console-nav button{background:transparent;color:#777c77;border:0;border-right:1px solid #c5c8c0;padding:18px;text-align:left;font:10px var(--mono);cursor:pointer}.console-nav button:last-child{border:0}.console-nav button span{margin-right:14px}.console-nav button.active{background:var(--paper-ink);color:white}.console-body{display:grid;grid-template-columns:1fr 120px 1fr;min-height:430px}.before-state,.after-state{padding:50px;display:flex;flex-direction:column}.state-label{font:9px var(--mono);letter-spacing:.13em;color:#898e88}.console-body h3{font-size:clamp(29px,3vw,48px);letter-spacing:-.055em;line-height:1;margin:40px 0 28px}.console-body p{line-height:1.6;color:#666b66;max-width:400px}.source-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.source-cloud span{font:9px var(--mono);padding:10px;border:1px solid #bfc3bb;transform:rotate(var(--r,0))}.source-cloud span:nth-child(1){--r:-3deg}.source-cloud span:nth-child(2){--r:2deg}.source-cloud span:nth-child(3){--r:-1deg}.transform-arrow{border-left:1px solid #c5c8c0;border-right:1px solid #c5c8c0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:8px var(--mono);color:#8a8f89}.transform-arrow i{height:80px;width:1px;background:#afb3ac;position:relative}.transform-arrow i:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;background:var(--signal);border-radius:50%}.transform-arrow b{width:55px;height:55px;border-radius:50%;background:var(--paper-ink);color:white;display:grid;place-items:center;margin:10px 0;font:11px var(--mono)}.result-ui{border:1px solid #bdc2b9;background:#f4f4ef}.result-ui>div:first-child{display:flex;align-items:center;gap:12px;padding:15px}.result-avatar{width:34px;height:34px;background:#d8e980;display:grid;place-items:center;font:10px var(--mono)}.result-ui p{margin:0;display:grid;line-height:1.3;flex:1}.result-ui p b{font-size:11px}.result-ui p small{font:8px var(--mono);color:#737872}.result-ui em{font:7px var(--mono);font-style:normal;color:#3e7149;background:#dfeadd;padding:6px}.result-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 15px 15px}.result-progress i{height:4px;background:#b9ce5c}.result-progress i:last-child{background:#d4d8d1}.capabilities{padding-bottom:8vw}.capabilities .section-index{border-color:var(--line)}.cap-head{padding:9vw 8vw 6vw}.cap-head h2 span,.method-statement h2 span{color:var(--signal)}.cap-list{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:70px 1.2fr 1fr .7fr 40px;align-items:center;gap:30px;padding:35px 8vw;border-bottom:1px solid var(--line);transition:background .3s,color .3s;position:relative}.cap-row:before{content:'';position:absolute;inset:0;background:var(--row-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .35s;z-index:-1}.cap-row:hover:before{transform:scaleY(1)}.cap-row:hover{color:var(--bg)}.cap-num{font:9px var(--mono);color:var(--signal)}.cap-row:hover .cap-num,.cap-row:hover p{color:var(--bg)}.cap-row h3{font-size:clamp(25px,2.5vw,42px);letter-spacing:-.045em;margin:0}.cap-row p{color:#8d9490;line-height:1.6;max-width:430px;margin:0}.cap-tags{display:flex;flex-wrap:wrap;gap:6px}.cap-tags span{border:1px solid #363c39;padding:7px;font:7px var(--mono)}.cap-row>b{font-size:20px;font-weight:400}.proof{padding-bottom:9vw}.proof-head{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;padding:8vw}.proof-head>div:last-child{display:flex;flex-direction:column;justify-content:end}.proof-head>div:last-child p{line-height:1.7;color:#5f645f;margin:0 0 30px}.action-dark{background:var(--paper-ink);color:white;align-self:flex-start}.product-shell{margin:0 5vw;background:#111515;border:1px solid #303633;padding:12px;box-shadow:0 50px 120px rgba(17,20,18,.25)}.product-bar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;color:#78807b;font:8px var(--mono)}.product-bar>span{display:flex;gap:6px}.product-bar>span i{width:7px;height:7px;border-radius:50%;background:#404744}.product-bar>span i:first-child{background:var(--signal)}.product-bar p{margin:0}.product-bar>div{justify-self:end}.product-bar button{border:0;background:transparent;color:#777f7a;padding:8px;cursor:pointer}.product-bar button.active{background:#343b37;color:white}.product-viewport{height:min(72vw,820px);min-height:520px;position:relative;overflow:hidden;background:#e9ebe6}.product-viewport iframe{width:100%;height:100%;border:0;display:block;transition:width .5s,margin .5s}.product-viewport.mobile iframe{width:430px;margin:auto}.product-shield{position:absolute;inset:0;display:grid;place-items:center;background:transparent;transition:background .25s}.product-shield button{border:0;background:var(--signal);color:var(--bg);padding:16px 20px;font:10px var(--mono);box-shadow:0 15px 40px rgba(0,0,0,.2);cursor:pointer;opacity:0;transform:translateY(8px);transition:.25s}.product-shield:hover{background:rgba(10,12,11,.15)}.product-shield:hover button,.product-shield button:focus{opacity:1;transform:none}.product-shield.disabled{pointer-events:none}.proof-foot{margin:28px 8vw 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.proof-foot p{font-size:12px}.proof-foot p span{font:8px var(--mono);color:#737a75;margin-right:14px}.proof-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;font:8px var(--mono);color:#6e746f}.proof-foot li:before{content:'＋';color:var(--signal);margin-right:5px}.method{padding-bottom:9vw}.method .section-index{border-color:var(--line)}.method-statement{padding:8vw}.method-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-track article{padding:40px 30px;min-height:270px;border-right:1px solid var(--line)}.method-track article:last-child{border:0}.method-track span{font:9px var(--mono);color:var(--signal)}.method-track h3{font-size:22px;margin:70px 0 15px;letter-spacing:-.04em}.method-track p{font-size:13px;color:#828985;line-height:1.6}.contact{min-height:88vh;padding:28px 8vw 70px;position:relative;overflow:hidden;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.contact-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black)}.contact>*:not(.contact-grid){position:relative;z-index:1}.contact-meta{margin-left:-5vw}.contact h2{font-size:clamp(70px,11vw,190px);margin:6vw 0;line-height:.82}.contact h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}.contact-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.contact-email{font-size:clamp(22px,3.5vw,60px);letter-spacing:-.05em;border-bottom:1px solid #666;padding-bottom:15px;display:flex;justify-content:space-between}.contact-email b{color:var(--signal)}.contact-bottom p{font:10px/1.7 var(--mono);color:#858c88;margin:0}footer{height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font:8px var(--mono);color:#707773;position:relative;z-index:1}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s,transform .75s}.reveal.in{opacity:1;transform:none}
@media(max-width:1180px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:70px}.hero-system{margin:0 4vw 45px;border:1px solid var(--line);min-height:620px}.hero-summary{max-width:740px}.transformation-intro,.proof-head{grid-template-columns:1fr}.transformation-intro>p:last-child,.proof-head>div:last-child{max-width:600px}.cap-row{grid-template-columns:50px 1fr 1fr 30px}.cap-tags{display:none}.method-track{grid-template-columns:1fr 1fr}.method-track article:nth-child(2){border-right:0}.method-track article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.boot span{font-size:90px}.topbar{height:66px;padding:0 18px}.identity i,.identity i+span,.top-contact{display:none}.nav-toggle{display:grid;gap:6px;border:0;background:transparent;padding:12px}.nav-toggle i{width:24px;height:1px;background:white;transition:.25s}.nav-toggle.open i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle.open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.topbar nav.open{position:absolute;display:flex;flex-direction:column;top:66px;left:0;right:0;height:auto;background:#0b0e0d;border-bottom:1px solid var(--line)}.topbar nav.open a{height:55px;border:0;border-top:1px solid var(--line);justify-content:start;padding:0 20px}.hero{padding-top:66px}.hero-code{padding:16px 20px}.hero-copy{padding:58px 20px 46px}.overline{font-size:8px}.hero h1{font-size:clamp(47px,13.8vw,78px);margin:28px 0 38px}.hero-summary{grid-template-columns:1fr;gap:28px}.action{width:100%}.hero-system{margin:0 12px 30px;min-height:590px}.system-stage{grid-template-columns:1fr;padding:18px}.chaos-column{display:grid;grid-template-columns:1fr 1fr;gap:6px}.micro-label{grid-column:1/-1}.fragment{margin:0;transform:none}.fragment:nth-of-type(n+4){display:none}.system-core{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.core-rings{width:80px;height:80px;background:rgba(10,13,12,.9)}.system-core>span{display:none}.order-column{margin-top:120px}.flow-lines{opacity:.35}.system-foot span:nth-child(2){display:none}.hero-ticker{height:48px}.transformation-intro,.cap-head,.proof-head,.method-statement{padding:80px 20px 55px}.transformation-intro h2,.cap-head h2,.proof-head h2,.method-statement h2{font-size:48px}.transform-console{margin:0 12px}.console-nav{grid-template-columns:1fr 1fr}.console-nav button:nth-child(2){border-right:0}.console-nav button:nth-child(-n+2){border-bottom:1px solid #c5c8c0}.console-body{grid-template-columns:1fr}.before-state,.after-state{padding:35px 25px}.transform-arrow{height:100px;flex-direction:row;border:0;border-top:1px solid #c5c8c0;border-bottom:1px solid #c5c8c0}.transform-arrow i{height:1px;width:50px}.transform-arrow i:after{right:0;left:auto;top:-3px}.transform-arrow b{margin:0 10px}.cap-row{grid-template-columns:32px 1fr 24px;gap:14px;padding:28px 20px}.cap-row p{grid-column:2/4}.proof-head{gap:45px}.product-shell{margin:0;padding:6px}.product-bar{grid-template-columns:1fr auto}.product-bar p{display:none}.product-viewport{height:680px;min-height:0}.product-viewport iframe{width:900px;transform-origin:top left;transform:scale(.72);height:940px}.product-viewport.mobile iframe{width:390px;transform:scale(.9);height:755px}.product-shield button{opacity:1;transform:none}.proof-foot{margin:22px 20px;display:block}.proof-foot ul{margin-top:18px}.method-track{grid-template-columns:1fr}.method-track article,.method-track article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:220px}.method-track h3{margin-top:50px}.contact{padding:24px 20px 55px;min-height:720px}.contact-meta{margin-left:0}.contact h2{font-size:70px}.contact-bottom{grid-template-columns:1fr}.contact-email{font-size:26px}.contact-bottom p{grid-row:1}footer{height:auto;min-height:120px;padding:25px 20px;align-items:flex-start;flex-direction:column;gap:16px}.reveal{transform:translateY(20px)}}
@media(max-width:420px){.hero h1{font-size:45px}.hero-system{min-height:570px}.fragment{padding:10px}.mini-pipeline{height:95px}.transformation-intro h2,.cap-head h2,.proof-head h2,.method-statement h2{font-size:42px}.console-body h3{font-size:34px}.product-viewport{height:620px}.contact h2{font-size:60px}.contact-email{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boot{display:none}.core-rings i,.flow-lines path,.hero-ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.magnetic{transform:none!important}}