:root{--mint:#1abc9c;--green:#23a880;--ink:#1e272e;--muted:#69767b;--line:#e5ecea;--soft:#f5f8f7;--tint:#e8f8f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--mint);outline-offset:4px}header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.logo{font-size:28px;letter-spacing:-1.7px;font-weight:750;display:inline-flex;align-items:center;gap:6px}.mark{color:var(--green)}.logo-dot{color:var(--mint);margin-left:-6px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,footer a:hover{color:var(--green)}.login{margin-left:auto;font-size:14px}.login span{margin-left:12px;color:var(--green)}.mobile{display:none;border:0;background:none;font-size:23px}main{min-height:65vh}.wrap{max-width:1200px;margin:auto;padding:0 40px}.hero{padding:84px 0 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint)}h1{font-size:clamp(38px,4.5vw,62px);font-weight:600;line-height:1.09;letter-spacing:-2.8px;margin:23px 0}h1 em{font-style:normal;color:var(--green)}h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;font-weight:550;margin:0 0 16px}h3{font-size:19px;font-weight:600;line-height:1.35;margin:0 0 12px}p{margin:0 0 20px}.lead{font-size:17px;color:var(--muted);max-width:440px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 20px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:550;font-size:14px;transition:background .18s,transform .18s}.btn:hover{background:var(--soft);transform:translateY(-1px)}.btn.primary{background:var(--mint);border-color:var(--mint);color:#123f35}.btn.primary:hover{background:#16ad90}.fine{color:var(--muted);font-size:12px}.hero-visual{background:var(--soft);border-radius:16px;padding:26px;position:relative}.browser{background:#fff;border:1px solid #dde7e3;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #1e272e08}.browserbar{display:flex;gap:5px;align-items:center;padding:13px;border-bottom:1px solid var(--line);font-size:10px;color:#92a09d}.dot{width:5px;height:5px;background:#d4dfdb;border-radius:50%}.browserbar span:last-child{margin:auto}.demo-canvas{padding:35px 28px}.demo-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.demo-canvas h3{font-size:26px;letter-spacing:-.8px;margin:8px 0 20px}.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.object{height:120px;background:#f4f3ef;border-radius:5px;display:grid;place-items:center;overflow:hidden}.vase{width:43px;height:66px;border-radius:9px 9px 20px 20px;background:linear-gradient(100deg,#d8c7b1,#ede2d3 50%,#c9bba9);position:relative}.vase:before{content:'';position:absolute;top:-17px;left:8px;width:27px;height:25px;background:inherit;border-radius:4px}.vase.b{height:50px;width:60px;border-radius:50% 50% 30% 30%;background:linear-gradient(100deg,#7c8e7b,#bac8b3,#8c9e87)}.vase.c{background:linear-gradient(100deg,#a8aaa7,#e0e2de,#b9bab8);height:80px;width:33px;border-radius:4px}.mini-products small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}.demo-controls{display:flex;align-items:center;gap:7px;margin-top:22px}.demo-controls button{border:1px solid var(--line);background:#fff;border-radius:50%;width:30px;height:30px}.demo-controls .track{height:3px;background:var(--mint);flex:1;margin-right:60px;border-radius:5px}.visual-note{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:var(--muted)}.visual-note strong{color:var(--green);font-weight:500}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.strip span:before{content:'✓';color:var(--green);margin-right:10px}.section{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-head p{color:var(--muted);margin:0}.textlink{color:var(--green);font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.chip{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 14px;color:var(--muted);font-size:13px}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:#9edcca}.card-art{height:210px;background:var(--soft);display:grid;place-items:center;padding:24px}.art-slider{width:100%;display:flex;gap:8px;align-items:center}.art-slider div{height:95px;flex:1;background:#fff;border:1px solid #e2e9e5;border-radius:5px;display:grid;place-items:center}.art-slider div:nth-child(2){height:115px;background:#def4eb;border-color:#b6e8d7}.card-body{padding:22px}.badge{font-size:10px;letter-spacing:.6px;display:inline-block;color:var(--green);margin-bottom:12px;text-transform:uppercase}.card-body p{font-size:13px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.placeholder{border:1px dashed #dbe6e0;border-radius:10px;background:#fbfcfb;padding:30px;display:flex;justify-content:center;flex-direction:column;min-height:370px}.placeholder .number{font-size:34px;color:#b9d3c8;margin-bottom:40px}.placeholder p{color:var(--muted);font-size:13px}.band{background:var(--soft);margin:0 -40px;padding:55px 40px;border-radius:12px;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step-num{color:var(--green);font-size:12px;margin-bottom:25px}.steps p{font-size:13px;color:var(--muted)}.faq{max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{margin:17px 0 0;color:var(--muted);font-size:14px}.cta{padding:44px;background:var(--tint);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:75px}.cta h2{font-size:29px;margin-bottom:8px}.cta p{margin:0;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:48px 40px 24px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:30px}.footer-top p{font-size:13px;color:var(--muted);margin-top:15px}.footer-top b{display:block;font-size:12px;margin-bottom:17px;font-weight:600}.footer-top>div>a:not(.logo){display:block;font-size:12px;color:var(--muted);margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;font-size:11px;color:var(--muted)}.page-top{padding:55px 0 35px}.page-top h1{font-size:44px;letter-spacing:-1.8px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.notice{background:var(--tint);border:1px solid #c8ebde;border-radius:7px;padding:14px 18px;color:#2e6456;font-size:13px;margin-bottom:25px}.search{display:flex;gap:10px;margin:22px 0}.search input{flex:1}.field,input,select,textarea{padding:13px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;max-width:100%;color:var(--ink)}.content{padding-bottom:75px}.empty{text-align:center;padding:70px 25px;border:1px solid var(--line);border-radius:10px}.empty .empty-symbol{font-size:35px;color:var(--mint);margin-bottom:16px}.empty p{color:var(--muted);font-size:14px}.empty .btn{margin-top:8px}.product-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:45px}.purchase{border:1px solid var(--line);border-radius:10px;padding:28px;height:fit-content;position:sticky;top:25px}.purchase .price{font-size:36px;letter-spacing:-1px}.purchase .btn{width:100%;margin:18px 0}.purchase ul{list-style:none;padding:0;font-size:13px;color:var(--muted);line-height:2.3}.purchase li:before{content:'✓';color:var(--green);margin-right:8px}.demo-large{border-radius:10px;background:var(--soft);padding:35px;margin-bottom:30px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:28px 0}.tabs button{padding:12px 0;border:0;background:none;color:var(--muted)}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--mint)}.prose{max-width:730px;color:var(--muted)}.prose h2,.prose h3{color:var(--ink);margin-top:28px}.prose li{margin-bottom:12px}.panel{border:1px solid var(--line);border-radius:10px;padding:28px}.auth{max-width:440px;margin:55px auto 80px}.auth h1{font-size:32px;letter-spacing:-1px}.form label{display:block;font-size:13px;margin:18px 0 7px}.form input,.form textarea{width:100%}.form .btn{width:100%;margin-top:22px}.form .check{display:flex;align-items:start;gap:10px;color:var(--muted);font-size:12px}.check input{width:auto;margin-top:4px}.account-layout{display:grid;grid-template-columns:200px 1fr;gap:40px}.sidebar a{display:block;padding:12px 15px;font-size:14px;border-radius:6px;margin-bottom:5px}.sidebar a.active{background:var(--tint);color:var(--green)}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:35px}.row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:7px;font-size:13px;max-width:90vw;opacity:0;pointer-events:none}.toast.visible{opacity:1}.result-count{font-size:12px;color:var(--muted);margin-bottom:20px}.range{display:flex;align-items:center;gap:15px;font-size:12px;margin:18px 0}.range input{width:140px;accent-color:var(--green)}@media(min-width:1400px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:900px){header{padding:22px 25px;gap:28px}.wrap{padding:0 25px}.hero{gap:30px}.hero h1{font-size:45px}.product-grid{grid-template-columns:repeat(2,1fr)}.placeholder:last-child{display:none}.band{margin:0;padding:35px;grid-template-columns:1fr;gap:30px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.product-layout{gap:25px}.mini-products .object{height:95px}.demo-canvas{padding:25px 18px}}@media(max-width:640px){header{padding:18px 20px;gap:15px;flex-wrap:wrap}.logo{font-size:25px}nav{display:none;width:100%;order:4;justify-content:space-between;padding:15px 0 0}header.open nav{display:flex}.login{font-size:12px}.mobile{display:block}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;gap:35px;padding:50px 0}.hero h1{font-size:43px;letter-spacing:-2px}.lead{font-size:16px}.hero-visual{padding:18px}.strip{flex-direction:column;gap:12px;padding:20px 0}.section{padding:48px 0}.section-head{align-items:start}.section-head h2{font-size:28px}.section-head .textlink{white-space:nowrap;margin-top:8px;font-size:12px}.section-head p{font-size:13px}.product-grid{grid-template-columns:1fr}.placeholder{min-height:180px}.placeholder .number{margin-bottom:15px}.steps{grid-template-columns:1fr}.step-num{margin-bottom:10px}.band{padding:28px}.cta{padding:28px;flex-direction:column;align-items:start;margin-bottom:45px}.cta h2{font-size:26px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/3}.footer-top>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}footer{padding:35px 20px 20px}.page-top{padding:35px 0 25px}.page-top h1{font-size:34px}.product-layout,.two-col,.account-layout{grid-template-columns:1fr}.purchase{position:static}.demo-large{padding:20px}.sidebar{display:flex;overflow:auto;gap:5px}.sidebar a{white-space:nowrap}.content{padding-bottom:45px}.tabs{gap:15px}.tabs button{font-size:13px}.auth{margin:35px auto 60px}.search{flex-wrap:wrap}.search input{min-width:180px}.panel{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* LF Code / editorial product direction */
:root{--ink:#172b28;--muted:#74807d;--line:#e1e9e5;--soft:#f1f6f3}html{scroll-behavior:smooth;scroll-padding-top:95px}header{max-width:1400px;border:0;padding:22px 45px;gap:42px;background:#fff;position:relative;z-index:2}.logo{font-size:30px}.login{border:1px solid var(--line);border-radius:100px;padding:10px 17px}.wrap{max-width:1320px;padding:0 45px}.btn{border-radius:100px;padding:15px 23px;gap:18px}.btn.primary{background:#1abc9c;color:#113f34;border-color:transparent}.btn.quiet{border-color:transparent;background:transparent}.btn.quiet:hover{background:#f0f7f3}.play-icon{font-size:20px}.new-hero{position:relative;text-align:center;padding:76px 0 60px}.new-hero:before{content:'';position:absolute;inset:0 -40px;z-index:-1;background:radial-gradient(ellipse at 50% 90%,#e5f8ee80,transparent 70%)}.hero-kicker{font-size:12px;color:#527568;letter-spacing:.2px;display:inline-flex;align-items:center;gap:9px;background:#f0f7f3;padding:8px 15px;border:1px solid #ddece3;border-radius:100px}.live-dot{background:var(--mint);width:6px;height:6px;border-radius:50%}.new-hero h1{font-size:clamp(50px,6.1vw,83px);font-weight:550;line-height:1.03;letter-spacing:-4.3px;margin:27px auto 25px;position:relative;width:fit-content}.new-hero h1>span{color:#23a880}.hero-spark{position:absolute;right:-68px;top:5px;width:47px;height:47px;color:var(--mint);transform:rotate(15deg)}.new-hero>p{font-size:16px;line-height:1.7;color:var(--muted)}.new-hero .actions{justify-content:center;margin:28px 0 24px}.hero-caption{display:flex;justify-content:center;gap:20px;font-size:10px;color:#81938c}.hero-caption span+span:before{content:'•';margin-right:20px;color:var(--mint)}.design-wall{display:grid;grid-template-columns:1.15fr 1.3fr .85fr;grid-template-rows:220px 155px;gap:14px;align-items:stretch}.wall-tile{padding:22px;border-radius:20px;position:relative;overflow:hidden;transition:transform .35s}.wall-tile:hover{transform:translateY(-5px)}.tile-toolbar{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;position:relative;z-index:1}.tile-caption{font-size:10px;position:absolute;bottom:18px;color:inherit;opacity:.65}.tile-type{grid-row:1/3;background:#d8f4e7}.huge-type{font-size:65px;font-weight:600;letter-spacing:-4px;line-height:1;position:relative;margin-top:65px}.huge-type i{font-family:Georgia,serif;font-weight:400}.type-orbit{position:absolute;width:66px;height:66px;border-radius:50%;background:var(--ink);color:#cff9e7;display:grid;place-items:center;right:0;top:-38px;font-size:34px;letter-spacing:0;transform:rotate(-10deg)}.tile-shop{grid-row:1/3;background:#f0eee6}.shop-mock{display:flex;gap:18px;align-items:center;margin-top:50px}.shop-mock .object{width:52%;height:190px;background:#e1e1d1;border-radius:80px 80px 10px 10px}.shop-mock .vase{transform:scale(1.7)}.shop-copy>span{font-size:7px;letter-spacing:1px}.shop-copy h3{font-size:28px;letter-spacing:-1px;font-weight:500;line-height:1.1;margin:16px 0 28px}.shop-arrows{font-size:17px;letter-spacing:8px}.shop-arrows span{display:inline-block;background:white;border-radius:50%;width:32px;height:32px;text-align:center;padding-left:8px;padding-top:3px}.tile-cursor{background:#1b3430;color:#dbfaec}.cursor-art{display:flex;justify-content:center;align-items:center;padding-top:5px}.cursor-circle{width:111px;height:111px;background:#ccf4d9;border-radius:50%;display:grid;place-content:center;color:#17382d;text-align:center;font-size:14px;transform:rotate(-15deg)}.cursor-art svg{width:36px;position:absolute;right:28px;bottom:46px;transform:rotate(15deg)}.tile-layout{background:#f0e9fc}.layout-art{position:relative;margin-top:16px}.layout-art>div{font-size:28px;letter-spacing:-1px;line-height:1;position:relative;z-index:1}.layout-art i{font-family:Georgia,serif;font-weight:400}.layout-square{position:absolute;right:10px;top:0;width:58px;height:58px;background:#cfbaf3;transform:rotate(14deg);border-radius:6px}.layout-circle{position:absolute;right:48px;top:20px;width:36px;height:36px;background:#f0a888;border-radius:50%}.tile-layout .tile-caption{display:none}.wall-note{text-align:center;font-size:10px;color:#8b9891;margin-top:20px;letter-spacing:.2px}.new-section{padding:95px 0}.section-index{font-size:10px;letter-spacing:1.5px;color:#82938b;margin-bottom:25px}.new-section h2{font-size:clamp(36px,4.2vw,57px);line-height:1.1;font-weight:500;letter-spacing:-2.6px}.new-section h2 span{color:#9caea3}.manifesto{max-width:890px;margin:auto;padding-top:100px;padding-bottom:85px}.manifesto h2{font-size:54px}.manifesto-bottom{display:flex;align-items:center;gap:85px;margin-top:28px;max-width:650px}.manifesto-bottom p{color:var(--muted);font-size:15px;max-width:455px;margin:0}.circle-link{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:29px;flex-shrink:0;transition:background .2s}.circle-link:hover{background:var(--tint)}.section-aside{font-size:13px;line-height:1.7;max-width:320px}.demo-switch{display:flex;gap:9px;margin:30px 0 22px}.demo-switch button{border:1px solid var(--line);background:white;border-radius:100px;padding:11px 19px;display:flex;gap:25px;font-size:13px;color:#718378;transition:background .2s}.demo-switch button span{font-size:10px;opacity:.65}.demo-switch button.active{background:var(--ink);border-color:var(--ink);color:white}.playground-frame{background:#eff6f1;border-radius:23px;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;min-height:390px}.playground-copy{padding:48px 42px;display:flex;flex-direction:column;align-items:start;justify-content:center}.playground-copy h3{font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin-bottom:18px}.playground-copy p{font-size:14px;color:var(--muted);max-width:315px}.playground-copy .btn{background:transparent;border-color:#c8dcd0;padding:12px 18px;font-size:12px}.playground-copy .fine{font-size:10px;display:block;margin-top:16px}.playground-stage{background:#dceee3;padding:45px;display:flex;align-items:center;justify-content:center;min-width:0}.playground-stage .browser{width:100%;transform:rotate(-2deg);box-shadow:0 18px 45px #174b2d12;border-color:#ccdcd2}.playground-stage .demo-canvas h3{font-size:24px}.playground-stage .object{height:125px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-tile{border:1px solid var(--line);border-radius:16px;padding:25px;min-height:230px;transition:background .2s,border-color .2s}.category-tile:hover{background:#eff8f2;border-color:#b4d7c4}.category-top{display:flex;justify-content:space-between;color:#7b9285;font-size:10px}.category-top span:last-child{font-size:20px;line-height:1}.category-icon{font-size:48px;height:85px;display:flex;align-items:center;color:#2b9c7a;font-weight:300}.category-tile h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin-bottom:8px}.category-tile p{font-size:12px;color:var(--muted);margin:0}.category-tile:last-child{background:#dbf3e6;border-color:#dbf3e6}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.workflow-intro>p{color:var(--muted);font-size:14px;line-height:1.9;margin:25px 0}.workflow-list{padding-top:40px}.workflow-list>div{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.workflow-list>div>span{font-size:10px;color:var(--green);padding-top:5px}.workflow-list h3{font-size:22px;letter-spacing:-.5px;font-weight:500}.workflow-list p{color:var(--muted);font-size:13px;max-width:330px;margin:0}.journal-banner{background:#f2efe9;border-radius:24px;padding:60px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.journal-banner h2{font-size:45px}.journal-banner h2 i{font-family:Georgia,serif;font-weight:400}.journal-banner p{color:#807e75;font-size:13px;max-width:330px}.journal-banner .btn{background:transparent;border-color:#d6d2c7}.journal-art{height:300px;position:relative;display:flex;justify-content:center;align-items:center}.journal-page{width:210px;height:265px;position:absolute;border-radius:6px;background:#fff;box-shadow:0 10px 30px #382c2110;padding:25px}.journal-page.back{background:#d5e9dd;transform:rotate(-13deg);margin-left:-45px}.journal-page.front{transform:rotate(10deg);margin-left:25px}.journal-page small{font-size:8px;letter-spacing:1px;display:block;border-bottom:1px solid var(--line);padding-bottom:15px}.journal-page b{font-size:28px;line-height:1.1;font-weight:500;letter-spacing:-1px;display:block;margin-top:30px}.journal-page i{font-size:40px;position:absolute;bottom:15px;right:25px;color:var(--green);font-style:normal}.new-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.new-faq .faq{padding-top:5px}.new-faq .faq summary{font-size:14px}.new-faq .faq details{padding:21px 0}.new-faq .textlink{display:inline-block;margin-top:16px}.closing{padding:35px 45px 40px;background:#daf4e6;border-radius:24px;margin-bottom:85px}.closing-top,.closing-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.closing-top{font-size:9px;letter-spacing:1.2px;color:#49735b}.closing h2{font-size:clamp(62px,7.2vw,100px);font-weight:450;line-height:.97;letter-spacing:-5px;position:relative;margin:42px 0 35px}.closing h2 i{font-family:Georgia,serif;font-weight:400}.closing-arrow{position:absolute;right:25px;top:25px;background:var(--ink);width:100px;height:100px;border-radius:50%;color:#dbf8e8;display:grid;place-items:center;font-size:55px;letter-spacing:0;transition:transform .3s}.closing-arrow:hover{transform:rotate(10deg)}.closing-bottom p{font-size:12px;color:#49735b;margin:0}.closing-bottom .btn.primary{background:#17362e;color:#e6fcf1}.motion-demo{width:100%;text-align:center;display:flex;flex-direction:column;gap:35px;align-items:center}.motion-demo>span{font-size:9px;letter-spacing:1.5px;color:#6f8e7c}.motion-demo small{font-size:11px;color:#6f8e7c}.magnetic-btn{position:relative;border:0;background:#173c30;color:#dbf8e7;display:flex;align-items:center;gap:20px;padding:22px 28px;border-radius:100px;font-size:18px;transition:background .25s,transform .25s,box-shadow .25s}.magnetic-btn i{font-style:normal;display:inline-block;transition:transform .25s}.magnetic-btn:hover,.magnetic-btn.clicked{background:var(--green);transform:rotate(-3deg) scale(1.04);box-shadow:0 12px 30px #2b6b4020}.magnetic-btn:hover i,.magnetic-btn.clicked i{transform:rotate(45deg)}.nav-demo{width:100%;background:#fcfdfb;padding:30px;border-radius:14px;box-shadow:0 15px 45px #174b2d10}.nav-demo-menu{display:flex;gap:5px}.nav-demo-menu button{border:0;background:none;border-radius:100px;font-size:11px;padding:10px 14px;color:#617b6a}.nav-demo-menu button.active{background:#d6eee0;color:var(--ink)}.nav-demo-title{font-size:54px;line-height:1.1;letter-spacing:-2px;padding:50px 0 35px;position:relative}.nav-demo-title span{font-size:12px;position:absolute;right:0;top:25px;letter-spacing:0}.nav-demo>p{font-size:10px;color:var(--muted);margin:0}.page-top{padding:60px 0 30px}.page-top h1{font-size:56px;letter-spacing:-2.4px;font-weight:500}.product-card,.purchase,.panel,.empty{border-radius:18px}.product-card .card-art{height:250px;background:#edf4ec}.product-card .card-body{padding:26px}.product-card h3{font-size:22px;letter-spacing:-.6px;font-weight:500}.placeholder{border-radius:18px}.purchase{padding:30px}.product-layout{grid-template-columns:1.8fr 1fr}.demo-large{border-radius:20px;background:#eaf3ed;padding:40px}.demo-large .browser{transform:rotate(-1deg)}.tabs button{font-size:14px}.content .chips .chip{border-radius:100px}.search input{background:#f4f7f4;border-color:transparent;border-radius:100px;padding-left:22px}.search select{border-radius:100px;font-size:13px}.notice{background:#f2f7f3;border-color:#dfebe2;color:#638370;border-radius:12px;font-size:12px}footer{max-width:1320px;padding:55px 45px 28px}.footer-top b{font-size:11px;letter-spacing:.4px}.footer-top>div>a:not(.logo){font-size:12px}.footer-bottom{padding-top:25px}.footer-top .logo{font-size:33px}
@media(max-width:1000px){header{padding:20px 30px;gap:25px}nav{gap:20px;font-size:12px}.wrap{padding:0 30px}.new-hero h1{font-size:67px;letter-spacing:-3px}.hero-spark{right:-40px;width:30px}.design-wall{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px}.tile-type,.tile-shop{grid-row:auto}.huge-type{margin-top:40px}.tile-shop .shop-mock{margin-top:25px}.tile-shop .object{height:160px}.tile-cursor .cursor-circle{width:85px;height:85px;font-size:12px}.tile-cursor .cursor-art{padding-top:10px}.tile-cursor .tile-caption{display:none}.tile-layout .layout-art{margin-top:27px}.tile-layout .layout-art>div{font-size:42px}.tile-layout .layout-square{width:80px;height:80px;right:20px}.tile-layout .layout-circle{width:48px;height:48px;right:72px}.manifesto h2{font-size:47px}.playground-stage{padding:25px}.playground-copy{padding:35px 30px}.playground-copy h3{font-size:27px}.workflow{gap:40px}.journal-banner{padding:45px 35px}.journal-banner h2{font-size:38px}.new-faq{gap:35px}.closing h2{font-size:85px}.closing-arrow{width:80px;height:80px;font-size:45px}.new-section{padding:75px 0}.journal-banner{padding:50px 35px}footer{padding:45px 30px 25px}}
@media(max-width:640px){header{padding:18px 20px;gap:13px}.login{padding:8px 11px;font-size:11px}.wrap{padding:0 20px}.new-hero{padding:45px 0 40px}.hero-kicker{font-size:10px;padding:7px 11px}.new-hero h1{font-size:44px;letter-spacing:-2.5px;line-height:1.08;margin:24px 0 20px;width:100%}.hero-spark{right:0;top:-20px;width:23px;height:23px}.new-hero>p{font-size:13px;max-width:330px;margin:0 auto}.new-hero>p br{display:none}.new-hero .actions{gap:6px;margin:23px 0 18px}.new-hero .btn{font-size:12px;padding:13px 17px}.hero-caption{font-size:8px;gap:10px}.hero-caption span+span:before{margin-right:10px}.design-wall{gap:10px;grid-template-rows:240px 150px}.wall-tile{padding:15px;border-radius:13px}.tile-toolbar{font-size:6px;letter-spacing:.6px}.huge-type{font-size:43px;letter-spacing:-2.8px;margin-top:50px}.type-orbit{width:42px;height:42px;font-size:23px;top:-20px}.tile-caption{font-size:7px;bottom:14px;max-width:130px}.shop-mock{display:block;margin-top:16px!important}.shop-mock .object{width:100%;height:105px!important;border-radius:50px 50px 5px 5px}.shop-mock .vase{transform:scale(1.15)}.shop-copy>span{display:none}.shop-copy h3{font-size:15px;line-height:1.1;margin:10px 0}.shop-copy h3 br{display:none}.shop-arrows{display:none}.tile-shop .tile-caption{display:none}.tile-cursor .cursor-circle{width:70px;height:70px;font-size:10px}.cursor-art svg{width:28px;right:10px;bottom:24px}.tile-layout .layout-art>div{font-size:26px}.tile-layout .layout-square{width:45px;height:45px;right:4px}.tile-layout .layout-circle{width:28px;height:28px;right:32px}.wall-note{font-size:8px;margin:15px 0 0}.new-section{padding:55px 0}.section-index{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.new-section h2,.manifesto h2{font-size:34px;letter-spacing:-1.5px}.manifesto-bottom{gap:20px;margin-top:22px}.manifesto-bottom p{font-size:12px}.circle-link{width:45px;height:45px;font-size:23px}.section-head{flex-wrap:wrap;margin-bottom:20px}.section-aside{font-size:12px}.demo-switch{gap:6px;margin-top:20px}.demo-switch button{font-size:10px;padding:10px 12px;gap:7px}.demo-switch button span{font-size:8px}.playground-frame{grid-template-columns:1fr;border-radius:17px}.playground-copy{padding:28px}.playground-copy h3{font-size:27px}.playground-copy p{font-size:12px}.playground-stage{padding:25px;min-height:300px}.playground-stage .object{height:95px}.playground-stage .demo-canvas h3{font-size:21px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-tile{padding:18px;min-height:190px;border-radius:13px}.category-tile h3{font-size:15px;letter-spacing:-.3px}.category-tile p{font-size:10px}.category-icon{height:67px;font-size:38px}.workflow{grid-template-columns:1fr;gap:20px}.workflow-intro>p{font-size:12px}.workflow-list{padding-top:0}.workflow-list>div{padding:22px 0;gap:20px}.workflow-list h3{font-size:20px}.workflow-list p{font-size:12px}.journal-banner{grid-template-columns:1fr;gap:20px;padding:30px;border-radius:17px}.journal-art{height:245px}.journal-page{width:170px;height:210px;padding:20px}.journal-page b{font-size:24px;margin-top:20px}.journal-page i{font-size:30px}.new-faq{grid-template-columns:1fr;gap:20px}.new-faq .faq summary{font-size:13px}.closing{padding:25px;border-radius:17px;margin-bottom:50px}.closing-top{font-size:7px;letter-spacing:.3px}.closing h2{font-size:59px;letter-spacing:-3.2px;margin:30px 0}.closing-arrow{right:0;top:16px;width:52px;height:52px;font-size:30px}.closing-bottom{flex-direction:column;align-items:start;gap:20px}.closing-bottom p{font-size:10px}.closing-bottom .btn{font-size:12px}.page-top h1{font-size:37px;letter-spacing:-1.6px}.product-layout{grid-template-columns:1fr}.demo-large{padding:22px}.product-card .card-art{height:220px}.nav-demo{padding:23px}.nav-demo-menu button{font-size:10px;padding:9px 10px}.nav-demo-title{font-size:42px}.magnetic-btn{font-size:15px;padding:18px 20px}footer{padding:40px 20px 25px}.new-hero:before{inset:0 -20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vibrant technology / v4 */
:root{--ink:#121a2c;--muted:#69758a;--line:#e0e6ee;--soft:#f1f5fb;--tint:#e8faf4;--green:#078568}body{color:var(--ink);background:#fff}.btn{border-radius:10px;font-weight:650}.btn.primary{background:#078568;border-color:#078568;color:white;box-shadow:0 5px 14px #07856822}.btn.primary:hover{background:#066c55;color:white;border-color:#066c55}.closing-bottom .btn.primary{background:#078568;color:#fff}.btn.quiet{border:1px solid #dce5eb;background:#fff}.btn.quiet:hover{background:#f2f7fa}.login{border-radius:9px;font-weight:600}.mark,.logo-dot{color:#059c7a}header{border-bottom:1px solid #edf0f5}.tech-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;text-align:left;padding:72px 0 65px;align-items:center}.tech-hero:before{background:radial-gradient(ellipse at 75% 60%,#b8fbeb44,transparent 55%),radial-gradient(ellipse at 90% 30%,#c7c6ff38,transparent 50%);inset:-10px -45px 0;z-index:-1}.hero-kicker{border-radius:6px;background:#e4fbf3;border-color:#c1f1e1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.1px;font-size:10px;color:#00896a;font-weight:600}.tech-hero h1{font-size:clamp(50px,5.5vw,76px);letter-spacing:-3.9px;font-weight:750;line-height:1.04;margin:26px 0 23px;width:auto}.tech-hero h1 span{background:linear-gradient(100deg,#058d70,#13b994 65%,#407ae7);background-clip:text;-webkit-background-clip:text;color:transparent}.tech-hero p{font-size:15px;line-height:1.7}.tech-hero .actions{justify-content:start;gap:10px;margin:26px 0 23px}.hero-caption{justify-content:start;font-size:9px;color:#7e8b9b}.hero-caption span+span:before{color:#13b994}.tech-visual{position:relative;padding:32px 10px 48px 25px;min-width:0;perspective:1000px}.orbit{position:absolute;border:1px solid #7bdcc950;border-radius:50%;width:460px;height:260px;left:5px;top:100px;transform:rotate(-35deg);pointer-events:none}.orbit-two{width:400px;height:360px;top:40px;left:45px;border-color:#c9bcf74d;transform:rotate(35deg)}.tech-window{background:#131d30;border:1px solid #42536b;border-radius:16px;box-shadow:0 35px 65px #12223b20,0 0 40px #1abc9c10;position:relative;transform:rotate(3deg);overflow:hidden}.tech-window-bar{display:flex;align-items:center;gap:8px;padding:14px 17px;border-bottom:1px solid #354159;font-family:ui-monospace,Consolas,monospace;font-size:9px;color:#b3c0d0}.window-status{width:6px;height:6px;background:#30e0b6;border-radius:50%;box-shadow:0 0 10px #30e0b6}.window-live{margin-left:auto;color:#47dfb8;font-size:7px;letter-spacing:1.3px}.tech-window-content{padding:18px}.tech-tabs{display:flex;gap:18px;font-size:9px;color:#7d8ba4;align-items:center;margin-bottom:17px}.tech-tabs .active{color:#fff}.tech-tabs>span:last-child{margin-left:auto;color:#35d3b0}.tech-preview{position:relative;overflow:hidden;border:1px solid #415970;border-radius:9px;background:radial-gradient(ellipse at 78% 50%,#147c7677,transparent 65%),#182b40;height:215px;padding:26px 21px}.preview-grid{position:absolute;inset:0;background-image:linear-gradient(#627c9518 1px,transparent 1px),linear-gradient(90deg,#627c9518 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,#000,transparent)}.preview-text{color:#fff;font-size:37px;font-weight:700;line-height:1.05;letter-spacing:-1.5px;position:relative;z-index:1;margin-top:50px}.preview-text span{color:#35e5ba}.preview-tag{position:absolute;top:17px;left:21px;color:#8ec3ca;font-size:7px;letter-spacing:1.7px;font-family:ui-monospace,monospace}.glass-cube{position:absolute;right:27px;top:42px;width:106px;height:106px;border:1px solid #75ffe0;border-radius:22px;background:linear-gradient(135deg,#3cede79c,#1abc9c15 65%,#7365ff77);transform:rotate(-20deg);box-shadow:inset 0 0 35px #7bf6d344,0 0 35px #19e2b630;display:grid;place-items:center}.glass-cube>span{color:#a8ffe8;font-size:58px;transform:rotate(20deg);text-shadow:0 0 25px #5afcc4}.cube-face{position:absolute;inset:15px;border:1px solid #b6ffea55;border-radius:13px}.tech-settings{padding:16px 2px 12px;display:flex;gap:22px;font-size:8px;color:#a8b7c8}.tech-settings>div{display:flex;gap:10px;align-items:center}.tech-toggle{width:25px;height:13px;background:#078568;border-radius:100px;position:relative}.tech-toggle:after{content:'';position:absolute;right:2px;top:2px;background:#c9ffed;width:9px;height:9px;border-radius:50%}.tech-slider{width:55px;height:3px;background:linear-gradient(90deg,#26d5a8 70%,#364158 70%);position:relative;border-radius:4px}.tech-slider:after{content:'';position:absolute;left:65%;top:-3px;width:9px;height:9px;background:#fff;border-radius:50%}.code-line{border-top:1px solid #2d3b51;padding-top:12px;font-size:8px;font-family:ui-monospace,Consolas,monospace;color:#acbacc;white-space:nowrap}.code-line span{color:#51d5b7}.floating-chip{position:absolute;z-index:2;background:#fff;border:1px solid #d9e5ed;box-shadow:0 8px 20px #1f334415;font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700;border-radius:10px;padding:11px 15px}.chip-css{right:-10px;top:4px;color:#6d56e1;transform:rotate(10deg)}.chip-css span{color:#956bfc;margin-left:9px}.chip-js{left:0;bottom:104px;color:#00896a;transform:rotate(-8deg)}.floating-label{position:absolute;bottom:13px;right:18px;display:flex;gap:13px;align-items:center;padding:14px 20px;background:#fff;border:1px solid #dee8f0;box-shadow:0 12px 25px #18373412;border-radius:10px;transform:rotate(-3deg)}.floating-label>span{color:#7f66f3;font-size:27px}.floating-label b{font-size:11px;display:block}.floating-label small{font-size:9px;color:#728292;display:block;margin-top:3px}.tech-corner{position:absolute;bottom:-12px;left:45px;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1.8px;color:#879caf}.design-wall{grid-template-columns:1fr 1.1fr .85fr;grid-template-rows:170px 140px;gap:14px}.wall-tile{border-radius:12px;box-shadow:none;padding:20px}.tile-type{background:#0e1d30;color:#fff;background-image:linear-gradient(#5ca5a815 1px,transparent 1px),linear-gradient(90deg,#5ca5a815 1px,transparent 1px);background-size:30px 30px}.tile-type .tile-toolbar{color:#92b8c9}.huge-type{font-size:58px;letter-spacing:-2.6px;margin-top:43px}.huge-type i{font:inherit;font-style:normal;color:#2ce2b8;display:inline-block}.type-orbit{background:#29d6ad;color:#09283a;border-radius:14px;right:0;top:-5px;width:50px;height:50px;font-size:26px;box-shadow:0 0 30px #2ce2b838}.tile-shop{background:#0b9b7d;color:#fff}.shop-mock{margin-top:28px;gap:16px}.shop-mock .object{height:150px;background:#ffffff16;border:1px solid #ffffff45;border-radius:12px}.shop-copy h3{font-size:27px;font-weight:700;letter-spacing:-1px}.shop-copy>span{font-family:ui-monospace,monospace;color:#c5ffed;font-size:7px}.shop-arrows span{color:#078568}.tile-cursor{background:#6855e7;color:#fff}.cursor-circle{background:transparent;border:1px solid #d0c5ff88;color:#fff;font-family:ui-monospace,monospace;font-size:10px;width:100px;height:100px;border-radius:50%;position:relative;box-shadow:0 0 0 10px #ffffff08,0 0 0 24px #ffffff05}.cursor-art{padding-top:5px}.cursor-art svg{bottom:24px;right:20px}.tile-cursor .tile-caption{display:none}.tile-layout{background:#e8eefb;color:#2552b5}.layout-art>div{font-size:26px;font-weight:750;letter-spacing:-.8px}.layout-art i{font:inherit}.layout-square{background:#8eb7ff;border:1px solid #6094ee;border-radius:8px}.layout-circle{background:#11c5a0;border:1px solid #1bc0a6}.tile-toolbar{font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.7px}.tile-caption{font-size:9px}.digital-shape{position:relative;display:grid;place-items:center;width:68px;height:68px;font-size:35px}.shape-cube{background:linear-gradient(135deg,#6be2c2,#14b78e);border:1px solid #d2fff3;border-radius:15px;transform:rotate(-15deg);box-shadow:12px 12px 0 #086b5d44}.shape-cube span{transform:rotate(15deg);color:#fff}.shape-ring{border:13px solid #a5a0ff;border-radius:50%;box-shadow:8px 6px 0 #4134af50,inset 2px 2px 4px #29227d44;color:#fff;background:#6052d2;transform:rotate(-15deg)}.shape-ring span{font-size:20px}.shape-stack{background:linear-gradient(145deg,#77b0ff,#3c70d8);border-radius:14px;box-shadow:0 8px 0 #91b5fe,0 14px 0 #bdd2ff;color:#fff;transform:rotate(10deg)}.shop-mock .digital-shape{transform:scale(1.25) rotate(-15deg)}.browser{border-color:#d9e5ef;box-shadow:0 15px 45px #16294c12}.demo-label{font-family:ui-monospace,Consolas,monospace;font-size:8px;color:#7893a7}.demo-canvas h3{font-weight:700;letter-spacing:-1px}.mini-products .object{background:#e6faf3;border:1px solid #c9eadf}.mini-products>div:nth-child(2) .object{background:#f0edff;border-color:#dcd5ff}.mini-products>div:nth-child(3) .object{background:#edf3ff;border-color:#d3e1fa}.mini-products .digital-shape{width:50px;height:50px;font-size:26px}.mini-products .shape-ring{border-width:9px}.mini-products small{font-family:ui-monospace,monospace;font-size:8px}.new-section h2{font-weight:700;letter-spacing:-2px}.new-section h2 span{color:#0a9e7c}.manifesto{max-width:none;padding:70px 45px;background:#f3f7fd;border:1px solid #e0eaf5;border-radius:15px;margin-top:65px;position:relative;overflow:hidden}.manifesto:after{content:'{ }';position:absolute;right:40px;top:80px;font-family:ui-monospace,monospace;font-size:140px;font-weight:700;color:#a0c9e429;transform:rotate(-10deg)}.manifesto h2{font-size:44px;position:relative;z-index:1}.manifesto-bottom{margin-top:25px}.section-index{color:#079779;font-family:ui-monospace,monospace;letter-spacing:1px;font-size:10px;font-weight:600}.circle-link{border-radius:12px;color:#fff;background:#078568;border-color:#078568}.circle-link:hover{background:#066c55;color:white}.playground-frame{border-radius:14px;background:#f2f7fc;border:1px solid #dce8f4}.playground-copy h3{font-weight:700}.playground-stage{background:#131f34;background-image:radial-gradient(ellipse at 15% 85%,#09cba93d,transparent 60%),radial-gradient(ellipse at 80% 15%,#7862fc3d,transparent 65%),linear-gradient(#6083a812 1px,transparent 1px),linear-gradient(90deg,#6083a812 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}.playground-stage .browser{transform:rotate(1.5deg);border-color:#71899e}.demo-switch button{border-radius:8px;font-weight:600}.demo-switch button.active{background:#078568;border-color:#078568;color:#fff;box-shadow:0 5px 15px #07856820}.motion-demo>span,.motion-demo small{color:#a6b8d2}.magnetic-btn{background:#078568;color:#fff;border-radius:12px;border:1px solid #46d4b3}.magnetic-btn:hover,.magnetic-btn.clicked{background:#6855e7;color:#fff;box-shadow:0 0 40px #8871ff44}.nav-demo{background:#f4f7ff}.nav-demo-menu button.active{background:#078568;color:#fff}.category-tile{border-radius:12px;position:relative;background:#fff;box-shadow:0 5px 15px #14314b04}.category-tile:hover{background:#f2fbf8;border-color:#54c5a9;box-shadow:0 8px 22px #0a926a12;transform:translateY(-3px)}.category-top{color:#78899b;font-family:ui-monospace,monospace}.category-icon{font-size:41px;color:#078568}.category-tile:nth-child(2) .category-icon,.category-tile:nth-child(5) .category-icon{color:#6855e7}.category-tile:nth-child(3) .category-icon{color:#297fe7}.category-tile h3{font-weight:650}.category-tile:last-child{background:#078568;color:white;border-color:#078568}.category-tile:last-child .category-icon,.category-tile:last-child .category-top,.category-tile:last-child p{color:#c4f8e9}.workflow-intro h2 span{color:#079779}.workflow-list h3{font-weight:650}.journal-banner{background:#edf1ff;border:1px solid #dce2fb;border-radius:15px}.journal-banner h2{font-size:39px;font-weight:700}.journal-banner h2 i{font:inherit;color:#6c55df}.journal-banner p{color:#6c7792}.journal-page{border-radius:9px;background:#fff;border:1px solid #cdd7f1}.journal-page.back{background:#6855e7;border-color:#6855e7;box-shadow:0 10px 25px #6855e730}.journal-page b{font-weight:750;font-family:ui-monospace,Consolas,monospace;font-size:26px}.journal-page small{font-family:ui-monospace,monospace;color:#6855e7;font-size:7px}.journal-page i{color:#6855e7}.new-faq .faq details{background:#f6f8fc;border:1px solid #e1e8f3;border-radius:10px;margin-bottom:8px;padding:19px}.new-faq .faq summary{font-weight:600}.new-faq .faq details[open]{border-color:#52c5ad;background:#f0fbf7}.closing{background:#121e32;color:#fff;border:1px solid #263b55;border-radius:16px;background-image:radial-gradient(ellipse at 95% 85%,#6559f047,transparent 50%),radial-gradient(ellipse at 60% 0%,#0aae852d,transparent 60%)}.closing-top{color:#a4b6cd;font-family:ui-monospace,monospace}.closing h2{font-size:clamp(45px,5.2vw,73px);font-weight:700;letter-spacing:-3px;line-height:1.04;padding-right:110px}.closing h2 i{font:inherit;color:#28d5af}.closing-arrow{background:#6855e7;color:#fff;border-radius:20px;font-size:40px;width:80px;height:80px;top:3px}.closing-bottom p{color:#a8bcd4}.product-card .card-art{background:#14263d;background-image:radial-gradient(ellipse at 70% 50%,#21cca53b,transparent 70%)}.art-slider>div{background:#f1f7fd}.art-slider>div:nth-child(2){background:#efeaff}.art-slider .digital-shape{width:45px;height:45px;font-size:24px}.art-slider .shape-ring{border-width:8px}.product-card,.purchase,.panel,.empty{border-radius:12px}.demo-large{background:#14263d;border-radius:14px}.demo-large>.fine,.demo-large .range{color:#b6c9dd}.product-card h3{font-weight:650}.badge{color:#078568}.notice{background:#f3f8fc;color:#627e94;border-color:#dce8f3}.tabs button.active{border-bottom-color:#078568}.page-top h1{font-weight:700}.sidebar a.active{background:#e6f8f0;color:#067357;font-weight:650}.placeholder{border-radius:12px;background:#f5f8fd;border-color:#d0deec}.placeholder .number{color:#acc2d5;font-family:ui-monospace,monospace}.footer-top .logo{font-size:31px}
@media(max-width:1000px){.tech-hero{gap:20px}.tech-hero h1{font-size:58px}.tech-hero p{font-size:13px}.tech-hero .actions{gap:8px}.tech-hero .btn{font-size:11px;padding:13px 15px}.tech-visual{padding:30px 5px 40px 10px}.preview-text{font-size:30px}.glass-cube{width:80px;height:80px;right:17px;top:60px}.glass-cube>span{font-size:43px}.tech-preview{height:200px}.orbit{width:320px;height:230px;left:0}.orbit-two{width:300px;height:300px;left:20px}.chip-css{right:-3px}.chip-js{left:-5px;font-size:10px}.floating-label{right:5px;bottom:5px;padding:12px 14px}.floating-label b{font-size:9px}.tech-settings{gap:12px;font-size:7px}.tech-slider{width:40px}.design-wall{grid-template-columns:1fr 1fr;grid-template-rows:280px 150px}.tile-type,.tile-shop{grid-row:auto}.manifesto{padding:50px 35px;margin-top:55px}.manifesto h2{font-size:39px}.manifesto:after{font-size:100px;right:10px}.closing h2{font-size:60px}.journal-banner h2{font-size:34px}}
@media(max-width:640px){.tech-hero{grid-template-columns:1fr;gap:25px;padding:40px 0 35px;text-align:left}.tech-hero h1{font-size:55px;letter-spacing:-3px;margin:24px 0 20px}.tech-hero p{font-size:13px}.tech-hero .hero-caption{font-size:8px}.tech-hero .actions{margin:24px 0 18px}.tech-hero .btn{font-size:11px;padding:13px 16px}.tech-visual{padding:15px 12px 40px;max-width:400px;width:100%;margin:auto}.tech-window{transform:rotate(2deg)}.tech-window-content{padding:15px}.tech-window-bar{padding:12px;font-size:8px}.tech-preview{height:200px}.preview-text{font-size:34px;margin-top:55px}.glass-cube{width:80px;height:80px;right:23px;top:48px}.chip-css{top:0;right:0;font-size:10px;padding:9px 12px}.chip-js{bottom:94px;left:0;padding:8px 11px}.floating-label{right:14px;bottom:4px}.tech-corner{left:20px;font-size:6px;bottom:-9px}.orbit{width:300px;height:220px;left:5px;top:75px}.orbit-two{width:270px;height:270px;top:30px;left:30px}.tech-settings{font-size:8px;gap:20px}.tech-slider{width:50px}.code-line{font-size:7px}.design-wall{gap:10px;grid-template-rows:230px 130px}.wall-tile{padding:15px}.huge-type{font-size:40px;letter-spacing:-2px;margin-top:45px}.type-orbit{width:33px;height:33px;font-size:20px;top:-17px}.tile-shop .shop-mock{margin-top:16px}.shop-mock .object{height:97px!important;border-radius:9px}.shop-mock .digital-shape{width:45px;height:45px;font-size:23px;transform:rotate(-15deg)}.shop-mock .shape-ring{border-width:8px}.shop-copy h3{font-size:15px;font-weight:650}.shop-copy h3 br{display:none}.tile-toolbar{font-size:6px}.tile-caption{font-size:7px}.tile-cursor .cursor-circle{width:66px;height:66px;font-size:7px;box-shadow:0 0 0 7px #ffffff08,0 0 0 16px #ffffff05}.tile-cursor .cursor-art{padding-top:10px}.cursor-art svg{width:23px;bottom:14px;right:12px}.tile-layout .layout-art{margin-top:16px}.tile-layout .layout-art>div{font-size:25px}.manifesto{padding:32px 23px;margin-top:40px}.manifesto h2{font-size:29px;letter-spacing:-1.2px}.manifesto:after{font-size:65px;right:12px;top:35px}.manifesto-bottom{gap:18px}.manifesto-bottom p{font-size:11px}.new-section h2{font-size:32px;letter-spacing:-1.5px}.category-icon{font-size:34px}.category-tile{min-height:185px}.closing{padding:26px}.closing h2{font-size:38px;letter-spacing:-1.8px;padding-right:0;margin-bottom:25px}.closing-arrow{position:static;display:inline-grid;margin:20px 0 0;width:48px;height:48px;font-size:27px;border-radius:12px}.closing-bottom .btn{font-size:11px}.journal-banner h2{font-size:31px}.journal-page b{font-size:21px}.hero-visual .digital-shape{width:45px;height:45px}.playground-stage .mini-products .digital-shape{width:43px;height:43px}.playground-stage .mini-products .shape-ring{border-width:8px}.new-faq .faq details{padding:17px}.tech-hero:before{inset:0 -20px}.demo-switch button{font-size:10px}}
@keyframes signalPulse{0%,100%{box-shadow:0 0 0 0 #1abc9c40}50%{box-shadow:0 0 0 5px #1abc9c00}}.window-status{animation:signalPulse 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.window-status{animation:none}}