@font-face{font-family:LF Display;src:url('/fonts/unbounded-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#122a27;--green:#00785e;--mint:#00d9bc;--line:#dbece7;--soft:#f2fbf7;--tint:#e4fff2;--brand-gradient:linear-gradient(135deg,#69ffa5 0%,#19f5a2 45%,#00e4d0 100%)}
body{background:#fff;color:var(--ink)}
h1,h2,h3,.logo,.preview-text,.huge-type,.shop-copy h3,.layout-art>div,.journal-page b{font-family:LF Display,Arial,sans-serif;font-weight:700!important;font-synthesis:none}
.logo{text-transform:uppercase;font-size:26px;letter-spacing:-1.3px;gap:7px}.mark{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.logo-dot{color:#00bf99}.footer-top .logo{font-size:29px}
.tech-hero h1{font-size:clamp(38px,4.3vw,59px);letter-spacing:-2.3px;line-height:1.2}.tech-hero h1 span{background:linear-gradient(120deg,#008c62,#00a28d);background-clip:text;-webkit-background-clip:text;color:transparent}.tech-hero p{font-size:16px}.hero-copy{min-width:0}
.tech-hero:before{background:radial-gradient(ellipse at 75% 60%,#3cf5b922,transparent 55%),radial-gradient(ellipse at 90% 25%,#00e5d21a,transparent 55%)}
.hero-kicker{color:#008865;background:#eafff3;border-color:#b6f5d9}.live-dot{background:#00c99e}.hero-caption{font-size:10px}
.btn,.btn.primary,.btn.quiet,.closing-bottom .btn.primary{border-radius:22px;font-size:16px;line-height:1.35;padding:17px 24px;min-height:57px;font-weight:650;letter-spacing:0}
.btn.primary,.closing-bottom .btn.primary{background:linear-gradient(120deg,#00845c,#007c72);border-color:transparent;color:#fff;box-shadow:0 7px 20px #00ab791c}.btn.primary:hover,.closing-bottom .btn.primary:hover{background:linear-gradient(120deg,#006d4e,#00665d);color:#fff}.btn.quiet{background:#fff;border-color:#cce5da}.btn.quiet:hover{background:#eafff4}.login{border-radius:18px;font-size:14px;padding:12px 17px}.chip,.demo-switch button{border-radius:17px}.demo-switch button{font-size:14px;padding:13px 20px}.demo-switch button.active{background:#007e60;border-color:#007e60;color:#fff}
.new-section h2{font-size:clamp(29px,3.2vw,43px);line-height:1.25;letter-spacing:-1.6px}.new-section h2 span{color:#00956e}.manifesto h2{font-size:36px}.playground-copy h3{font-size:25px;line-height:1.35;letter-spacing:-.7px}.category-tile h3{font-size:16px;line-height:1.4;letter-spacing:-.5px}.workflow-list h3{font-size:19px;line-height:1.45}.journal-banner h2{font-size:33px;line-height:1.35}.journal-banner h2 i{font:inherit;color:#009576}.page-top h1{font-size:44px;line-height:1.3;letter-spacing:-1.8px}.product-card h3{font-size:19px;line-height:1.45;letter-spacing:-.6px}.panel h3,.purchase h3,.empty h3{font-size:18px;line-height:1.5}.auth h1{font-size:27px}.prose h2{font-size:29px;line-height:1.4}.prose h3{font-size:18px;line-height:1.5}
.tech-window{background:#fff;border-color:#bae4d7;box-shadow:0 25px 60px #07865b16,0 0 40px #00e0b112}.tech-window-bar{background:#effcf6;border-color:#d2eee2;color:#416f65}.window-live{color:#00946b}.window-status{background:#00c792}.tech-tabs{color:#809b93}.tech-tabs .active{color:#125a43}.tech-tabs>span:last-child{color:#00a37f}
.tech-preview{background:radial-gradient(ellipse at 80% 30%,#5fffb248,transparent 65%),linear-gradient(135deg,#eafff5,#e5fbf8);border-color:#bae7d5}.preview-grid{background-image:linear-gradient(#36a57e14 1px,transparent 1px),linear-gradient(90deg,#36a57e14 1px,transparent 1px)}.preview-text{color:#124331;font-size:27px;line-height:1.3;letter-spacing:-1px;margin-top:48px}.preview-text span{color:#008e70}.preview-tag{color:#279c7b}
.glass-cube{background:var(--brand-gradient);border-color:#00c69a;box-shadow:inset 0 0 25px #edfff888,0 0 32px #00dfa43b}.glass-cube>span{color:#fff;text-shadow:0 0 16px #fff5}.cube-face{border-color:#ffffff99}.orbit{border-color:#00cda02b}.orbit-two{border-color:#00cfbd26}.floating-chip{border-color:#bcebd8;color:#009877}.chip-css,.chip-css span{color:#00a18f}.floating-label{border-color:#bcebd8}.floating-label>span{color:#04c993}.tech-settings{color:#438475}.tech-toggle{background:#00bf8d}.tech-toggle:after{background:#fff}.tech-slider{background:linear-gradient(90deg,#00bb8d 70%,#d2eee3 70%)}.tech-slider:after{background:#087f61}.code-line{border-color:#d7eee2;color:#3c7363}.code-line span{color:#00a278}
.tile-type{background:#e9fff3;color:#124432;background-image:linear-gradient(#00a67c12 1px,transparent 1px),linear-gradient(90deg,#00a67c12 1px,transparent 1px)}.tile-type .tile-toolbar{color:#469a7c}.huge-type{font-size:42px;line-height:1.2;letter-spacing:-1.8px}.huge-type i{color:#009f72}.type-orbit{background:var(--brand-gradient);color:#007458;border-radius:18px;box-shadow:0 0 24px #00d8a129}
.tile-shop{background:var(--brand-gradient);color:#125840}.shop-copy h3{font-size:21px;line-height:1.25;letter-spacing:-.8px}.shop-copy>span{color:#147e62}.shop-mock .object{background:#ffffff59;border-color:#ffffffa0}.shop-arrows{color:#008567}.shop-arrows span{color:#008567}.tile-cursor{background:linear-gradient(135deg,#d9fff0,#b8fff1);color:#006e5d}.cursor-circle{color:#00836e;border-color:#00b994;box-shadow:0 0 0 10px #00cda109,0 0 0 24px #00cda105}.tile-layout{background:#e6faf6;color:#007b69}.layout-art>div{font-size:21px;line-height:1.25}.layout-square{background:#7bffd0;border-color:#00d19b}.layout-circle{background:#00dfc8;border-color:#00bda1}.tile-caption{opacity:.8}
.shape-cube{background:var(--brand-gradient);border-color:#c0ffe8;box-shadow:10px 10px 0 #0cb38530}.shape-ring{border-color:#35f7b0;background:#00b59d;box-shadow:8px 6px 0 #009c7829,inset 2px 2px 4px #00896930}.shape-stack{background:linear-gradient(135deg,#1affc3,#00d8cc);box-shadow:0 8px 0 #6fffe0,0 14px 0 #baffee}.mini-products .object,.mini-products>div:nth-child(2) .object,.mini-products>div:nth-child(3) .object{background:#e9fff5;border-color:#c9f1e0}.mini-products>div:nth-child(2) .object{background:#e0fff2}.mini-products>div:nth-child(3) .object{background:#e5fffa}.demo-canvas h3{font-size:19px;letter-spacing:-.7px;line-height:1.4}
.manifesto{background:#f0fff7;border-color:#d4f2e3}.manifesto:after{color:#00b77d15}.circle-link{background:#008562;border-color:#008562;border-radius:19px}.circle-link:hover{background:#006b51}.playground-frame{background:#f0fff7;border-color:#d3f2e4;border-radius:22px}.playground-stage{background:radial-gradient(ellipse at 15% 85%,#57ffad3b,transparent 60%),radial-gradient(ellipse at 80% 15%,#00ded139,transparent 65%),linear-gradient(#11aa8510 1px,transparent 1px),linear-gradient(90deg,#11aa8510 1px,transparent 1px),#e9fcf4;background-size:auto,auto,28px 28px,28px 28px}.playground-stage .browser{border-color:#b3dfcf}.playground-stage .demo-canvas h3{font-size:19px}
.playground-copy .btn{font-size:15px;min-height:52px;padding:15px 20px;border-radius:20px;background:#fff;border-color:#b8e2ce}.category-tile{border-radius:20px;border-color:#d3ece0}.category-tile:hover{background:#ecfff5;border-color:#5ddaad}.category-tile .category-icon,.category-tile:nth-child(2) .category-icon,.category-tile:nth-child(3) .category-icon,.category-tile:nth-child(5) .category-icon{color:#00a77f}.category-tile:last-child{background:var(--brand-gradient);color:#005942;border-color:#5cefa9}.category-tile:last-child .category-icon,.category-tile:last-child .category-top,.category-tile:last-child p{color:#007357}
.journal-banner{background:#edfff8;border-color:#cff0e2}.journal-banner p{color:#608376}.journal-page.back{background:var(--brand-gradient);border-color:#65eab0;box-shadow:0 10px 25px #00bb8c1c}.journal-page{border-color:#c3ead9}.journal-page b{font-size:21px;line-height:1.5;letter-spacing:-.8px}.journal-page small,.journal-page i{color:#00a47c}
.closing{background:radial-gradient(ellipse at 95% 85%,#00e9d228,transparent 50%),radial-gradient(ellipse at 60% 0%,#5cffab44,transparent 60%),#eefff6;color:#124431;border-color:#c7f1dd;border-radius:25px}.closing-top{color:#448b70}.closing h2{font-size:clamp(31px,4vw,51px);line-height:1.3;letter-spacing:-1.8px;padding-right:100px}.closing h2 i{font:inherit;color:#00a07b}.closing-arrow{background:var(--brand-gradient);color:#00765c;border-radius:24px}.closing-bottom p{color:#5a8874}
.motion-demo>span,.motion-demo small{color:#558d78}.magnetic-btn{background:#008062;color:#fff;border-color:#06bf91;border-radius:24px;font-size:19px;padding:24px 29px}.magnetic-btn:hover,.magnetic-btn.clicked{background:#009981;color:#fff;box-shadow:0 0 30px #00dba032}.nav-demo{background:#fff}.nav-demo-menu button.active{background:#008062;color:#fff}.nav-demo-title{font-family:LF Display,Arial,sans-serif;font-size:37px;line-height:1.4;letter-spacing:-1px}
.product-card .card-art{background:radial-gradient(ellipse at 65% 35%,#64ffb257,transparent 70%),#e9fff5}.art-slider>div{background:#fff}.art-slider>div:nth-child(2){background:#caffeb;border-color:#96ebc8}.demo-large{background:#e8fff4}.demo-large>.fine,.demo-large .range{color:#4c8d72}.purchase .btn,.form .btn{font-size:17px;border-radius:22px}.new-faq .faq details{background:#f2fcf7;border-color:#dbeee4;border-radius:17px}.new-faq .faq details[open]{background:#eafff2;border-color:#76dfb2}.notice{background:#f2fcf8;border-color:#d7eee2;color:#658578}
@media(max-width:1000px){.tech-hero h1{font-size:44px;letter-spacing:-1.8px}.tech-hero .btn{font-size:14px;padding:15px 18px}.tech-hero .actions{flex-wrap:wrap}.preview-text{font-size:23px}.new-section h2{font-size:34px}.manifesto h2{font-size:32px}.journal-banner h2{font-size:29px}.closing h2{font-size:41px}.playground-copy h3{font-size:21px}.playground-stage .demo-canvas h3{font-size:16px}}
@media(max-width:640px){header{padding:17px 20px}.logo{font-size:21px;letter-spacing:-1px;gap:5px}.login{font-size:11px;padding:10px 12px;border-radius:16px}.tech-hero h1{font-size:39px;letter-spacing:-1.7px;line-height:1.25}.tech-hero p{font-size:14px}.tech-hero .btn{font-size:15px;padding:16px 19px;min-height:55px;border-radius:20px}.hero-caption{font-size:8px}.preview-text{font-size:25px}.tech-hero{padding-top:36px}.new-section h2,.manifesto h2{font-size:27px;letter-spacing:-1px;line-height:1.35}.huge-type{font-size:30px;letter-spacing:-1.3px}.shop-copy h3{font-size:12px;line-height:1.5;letter-spacing:-.4px}.layout-art>div{font-size:16px;letter-spacing:-.6px}.shop-copy h3 br{display:block}.shop-copy h3{margin-top:7px}.design-wall{grid-template-rows:245px 135px}.category-tile h3{font-size:12px;letter-spacing:-.25px;line-height:1.5}.category-tile p{font-size:11px}.category-tile{padding:16px}.playground-copy h3{font-size:21px}.playground-copy .btn{font-size:15px;padding:15px 18px}.demo-switch button{font-size:11px;padding:12px 11px;gap:6px;border-radius:15px}.demo-switch button span{font-size:8px}.workflow-list h3{font-size:16px}.journal-banner h2{font-size:25px}.journal-page b{font-size:17px}.closing h2{font-size:29px;padding-right:0;line-height:1.5;letter-spacing:-1px}.closing-bottom .btn{font-size:15px;padding:16px 20px}.page-top h1{font-size:29px;letter-spacing:-1px}.auth h1{font-size:23px}.prose h2{font-size:24px}.product-card h3{font-size:18px}.purchase .btn,.form .btn{font-size:16px}.demo-canvas h3,.playground-stage .demo-canvas h3{font-size:17px}.nav-demo-title{font-size:29px}.magnetic-btn{font-size:17px;padding:20px 24px}.footer-top .logo{font-size:24px}.btn{font-size:15px;padding:16px 21px;border-radius:20px}}