:root{--paper:#f5f4ef;--ink:#20211e;--muted:#777971;--lime:#d7fa52;--line:#dcded3;--serif:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #769828;outline-offset:5px}header{height:103px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.logo{font:800 33px 'Inter',sans-serif;letter-spacing:-2px;display:flex;align-items:center;gap:8px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;background:var(--ink);color:var(--paper);border-radius:50%;font:28px sans-serif;transform:rotate(-2deg)}.registered{font:12px sans-serif;align-self:flex-start;margin-top:9px;letter-spacing:0}.logo:hover .brand-icon{transform:rotate(45deg);transition:.4s}nav{display:flex;gap:32px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--ink);transition:.3s}nav a:hover:after{width:100%}.nav-cta{background:transparent;border:1px solid #bcbeb3;border-radius:40px;padding:12px 20px;font-size:13px}.nav-cta span{margin-left:25px}.hero{max-width:1440px;margin:auto;padding:40px 5% 0}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:inline-flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#719333;box-shadow:0 0 0 4px #71933312;flex-shrink:0}.hero-note{font-size:12px;line-height:1.5;color:#707267}.hero h1{font:500 clamp(70px,8.8vw,130px)/1.03 'Inter',sans-serif;letter-spacing:-7px;margin:35px 0 30px;position:relative;width:fit-content}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.065em}.scribble{position:absolute;bottom:-17px;right:0;width:52%;height:28px;fill:none;stroke:#a4c72f;stroke-width:3;stroke-linecap:round;stroke-dasharray:1100;animation:draw 2s ease both}.hero-bottom{display:flex;align-items:center;gap:32px;margin:42px 0 48px}.hero-bottom p{font-size:16px;line-height:1.65;margin:0}.hero-small{font-size:11px;line-height:1.8;color:#777971;margin-left:auto}.button{border-radius:50px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:33px;font-size:13px;font-weight:500;border:1px solid var(--ink);transition:transform .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button span{font-size:18px;line-height:1}.dark{background:var(--ink);color:white}.dark:hover{background:#3b3e33}.outline{background:transparent}.outline:hover{background:var(--ink);color:white}.stage{height:490px;background:#e8eadf;position:relative;border-radius:12px;overflow:hidden;perspective:1200px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#a1a89520 1px,transparent 1px),linear-gradient(90deg,#a1a89520 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#0008,transparent 75%)}.stage-label{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:10px}.browser-card{position:absolute;left:18%;top:76px;width:570px;background:#fff;border-radius:10px;box-shadow:0 28px 60px #343e2822;transform:rotate(-4deg);transition:transform .65s,opacity .65s;animation:enter .9s ease both}.browser-bar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #eee;font-size:9px;color:#8a8b82}.window-dots{font-size:8px;letter-spacing:3px;color:#c4c6be}.demo-app{display:flex;height:260px}aside{width:145px;border-right:1px solid #eee;padding:20px 12px;font-size:9px;position:relative}.demo-logo{font-weight:700;font-size:18px;margin-bottom:25px}aside small{font-size:7px;color:#999}aside>div:not(.demo-logo){padding:8px}.active{background:#eef1e8;border-radius:5px;margin-top:9px}.mini-profile{position:absolute;bottom:12px;font-size:8px}.mini-profile span,.avatar{background:#dacceb;border-radius:50%;padding:7px;margin-right:3px}.demo-main{padding:24px;width:calc(100% - 145px)}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading small{font-size:6px;letter-spacing:1px}.demo-heading h3{font-size:21px;font-weight:500;margin:5px 0 14px;letter-spacing:-1px}.avatar{font-size:9px}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.metric-row small{font-size:8px;display:block;color:#929589}.metric-row strong{font-size:13px;display:block;margin-top:4px;font-weight:500}.metric-row strong span{color:#91a456}.pill{font-size:8px;border:1px solid #e3e6dc;border-radius:20px;padding:5px}.chart{height:95px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #e9ecdf;padding:5px 0 0}.chart span{flex:1;height:var(--h);background:#d9efb9;border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow 1.5s both}.chart span:nth-child(2n){background:#bbd897}.chart span:last-child{background:#506e35}.demo-bottom{font-size:7px;display:flex;justify-content:space-between;margin-top:9px;color:#8b8c82}.code-card{position:absolute;top:172px;right:11%;width:290px;background:#242923;color:#e9ecdf;border-radius:9px;box-shadow:0 25px 60px #20261e33;transform:rotate(5deg);transition:transform .65s,opacity .65s;animation:enter 1.3s ease both}.code-card>div{padding:15px;font-size:8px;border-bottom:1px solid #ffffff15;display:flex;gap:10px;align-items:center}.code-card>div>span:last-child{margin-left:auto}.code-card pre{font:10px/1.9 monospace;margin:20px}.code-card em{color:#c7b6ef;font-style:normal}.code-card b{color:#d7fa88;font-weight:400}.code-card strong{color:#d7daaf;font-weight:400}.code-card footer{padding:13px;font-size:7px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;color:#a1b98b}.floating-label{position:absolute;padding:11px 15px;border-radius:5px;font-size:12px;box-shadow:0 5px 20px #0000000d;animation:float 5s ease-in-out infinite}.design-label{top:90px;right:13%;background:var(--lime);transform:rotate(8deg)}.code-label{bottom:90px;left:10%;background:#d4c6ec;transform:rotate(-8deg);animation-delay:-2s}.cursor{position:absolute;font-size:24px;animation:float 6s ease-in-out infinite}.cursor span{display:inline-block;font-size:10px;background:#cbb9ec;padding:8px 12px;border-radius:0 5px 5px 5px;transform:translateY(15px)}.cursor-one{left:9%;top:156px}.cursor-two{right:4%;bottom:87px;animation-delay:-3s}.cursor-two span{background:var(--lime)}.stage-footer{position:absolute;bottom:21px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#73786a}.view-switch{display:flex;background:#f6f7f0;padding:4px;border-radius:30px;gap:2px;box-shadow:0 2px 5px #00000008}.view-switch button{border:0;background:transparent;font-size:10px;padding:8px 14px;border-radius:30px}.view-switch .selected{background:var(--ink);color:#fff}.stage[data-mode=design] .browser-card{transform:translateX(12%) rotate(0deg) scale(1.07);z-index:2}.stage[data-mode=design] .code-card{transform:translateX(70%) rotate(10deg);opacity:.2}.stage[data-mode=code] .code-card{transform:translateX(-65%) translateY(-30px) rotate(0) scale(1.25);z-index:2}.stage[data-mode=code] .browser-card{transform:translateX(-25%) rotate(-8deg);opacity:.2}.marquee{overflow:hidden;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-top:64px;padding:23px 0;font-size:11px;letter-spacing:2px}.marquee>div{display:flex;width:max-content;gap:40px;align-items:center;animation:marquee 32s linear infinite}.marquee span{font-size:25px}.section{max-width:1440px;margin:auto;padding:112px 5%}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font:500 clamp(42px,4.4vw,65px)/1.08 'Inter',sans-serif;letter-spacing:-3px;margin:27px 0}.section h2 .serif{font-family:var(--serif);font-weight:400}.muted{color:#919487}.lead{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:35px 0 24px}.subtext{font-size:14px;color:#74776b;line-height:1.9;max-width:390px}.steps{margin-top:35px}.steps article{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:25px}.steps article>span{font-size:10px;color:#818779;padding-top:5px}.steps article>span:last-child{margin-left:auto;font-size:20px}.steps h3{font-size:17px;margin:0 0 8px;font-weight:500;letter-spacing:-.4px}.steps p{font-size:12px;color:#74776b;max-width:340px;margin:0;line-height:1.7}.playground{border-top:1px solid var(--line);padding-top:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:#74776b;line-height:1.8}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.work-card{border-radius:9px;overflow:hidden;position:relative;padding:25px 30px 28px;height:565px}.lime{background:#e5ebce}.lavender{background:#e1dced}.work-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px}.work-caption>span:last-child{font-size:20px}.web-poster{background:var(--lime);width:86%;height:333px;margin:28px auto 22px;padding:25px;position:relative;transform:rotate(-5deg);box-shadow:0 20px 35px #53652822;transition:.6s}.work-card:hover .web-poster{transform:rotate(0) translateY(-5px)}.web-poster>span{font-weight:700;font-size:15px;letter-spacing:-1px}.web-poster h3{font:500 43px/.98 'Inter',sans-serif;letter-spacing:-3px;position:relative;z-index:1;margin:31px 0}.web-poster h3 i{font-family:var(--serif);font-weight:400}.web-poster button{position:absolute;bottom:23px;left:25px;border:0;background:var(--ink);color:#fff;padding:10px 14px;border-radius:30px;font-size:8px}.orbital-art{position:absolute;right:25px;bottom:22px;width:140px;height:140px;animation:spin 25s linear infinite}.orbital-art i{position:absolute;inset:0;border:13px solid #2f3924;border-radius:50%;transform:rotateY(60deg) rotate(20deg)}.orbital-art i:nth-child(2){transform:rotateY(60deg) rotate(70deg)}.orbital-art i:nth-child(3){transform:rotateX(60deg) rotate(40deg)}.orbital-art i:nth-child(4){transform:rotateX(60deg) rotate(100deg)}.work-description{position:absolute;bottom:28px;left:30px;right:30px}.work-description h3{font-size:21px;letter-spacing:-.7px;font-weight:500;margin:0 0 8px}.work-description p{font-size:11px;color:#676b5d;margin:0 0 14px}.work-description small{font-size:7px;letter-spacing:1px;color:#777b6e}.phone{width:213px;height:363px;background:#f8f6f0;border:5px solid #33352f;border-radius:32px;margin:17px auto 0;position:relative;transform:rotate(7deg);box-shadow:15px 20px 30px #55486122;padding:12px 15px;transition:.6s;overflow:hidden}.work-card:hover .phone{transform:rotate(0) translateY(-5px)}.phone-notch{position:absolute;top:6px;left:69px;background:#33352f;width:64px;height:16px;border-radius:15px}.phone-top{display:flex;justify-content:space-between;font-size:8px;margin-bottom:24px}.phone-brand{font-size:9px}.phone h3{font:500 27px/1.07 'Inter',sans-serif;letter-spacing:-1.4px;margin:15px 0 0}.phone h3 i{font-family:var(--serif);font-weight:400}.phone-art{font-size:104px;text-align:center;line-height:1.15;color:#7c739a;transition:transform 4s}.phone.breathing .phone-art{transform:scale(1.22) rotate(100deg)}.phone-progress{padding:11px;background:#e9e4ef;border-radius:10px}.phone-progress>span{font-size:7px;display:block;color:#7c7390}.phone-progress strong{font-size:12px;display:block;margin-top:3px;font-weight:500}.phone-progress button{display:flex;justify-content:space-between;background:none;border:0;border-top:1px solid #cbc3d6;width:100%;font-size:8px;padding:8px 0 0;margin-top:8px}.capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.capabilities span{border:1px solid #d5d9cc;border-radius:30px;padding:10px 18px;font-size:11px}.pricing{background:#eceee5;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.pricing-note{display:flex;align-items:center;justify-content:space-between;margin:54px 0 20px;font-size:10px;color:#717668}.pricing-note>span:first-child{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{background:var(--paper);border:1px solid #d6dbcb;border-radius:9px;padding:30px 27px 0;position:relative;transition:transform .3s}.plan:hover{transform:translateY(-6px)}.plan-index{font-size:8px;letter-spacing:1.4px;color:#73786c}.plan h3{font:500 30px 'Inter',sans-serif;letter-spacing:-1.5px;margin:19px 0 11px}.plan>p{font-size:12px;color:#767b6c;line-height:1.7}.price{font:500 45px 'Inter',sans-serif;letter-spacing:-2.5px;margin:27px 0 24px}.price span{font:400 12px 'Inter',sans-serif;letter-spacing:0;color:#777e6b;margin-left:7px}.plan .button{width:100%;font-size:11px;padding:14px 18px;gap:8px}.plan ul{padding:0;list-style:none;margin:27px 0;font-size:11px;line-height:2.8}.plan li:before{content:'✓';margin-right:10px;color:#6e7e52}.plan-foot{border-top:1px solid #d6dbcb;font-size:9px;color:#6c7460;padding:19px 0;min-height:53px}.featured{background:var(--lime);border-color:#a4c23b}.featured .plan-index,.featured>p,.featured li:before,.featured .plan-foot{color:#485831}.popular{position:absolute;right:16px;top:-13px;background:var(--ink);color:var(--lime);border-radius:30px;padding:8px 11px;font-size:8px;letter-spacing:.5px}.capacity-note{font-size:10px;line-height:1.8;color:#777e6d;max-width:790px;margin:21px auto 43px;text-align:center}.custom{border:1px solid #cbd2be;display:flex;align-items:center;gap:27px;padding:31px;border-radius:9px}.custom-symbol{font-size:83px;line-height:1;font-family:var(--serif)}.custom .eyebrow{font-size:8px}.custom h3{font:500 24px 'Inter',sans-serif;letter-spacing:-.8px;margin:10px 0}.custom p{font-size:11px;color:#737b65;line-height:1.8;margin:0}.custom>div:last-child{margin-left:auto}.custom-price{display:block;font-size:10px;text-align:center;margin-bottom:14px;color:#646e58}.custom .button{font-size:11px;gap:25px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-list{padding-top:15px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;transition:.3s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:#74796b;line-height:1.9;margin:0 25px 23px 0;animation:enter .3s ease}.closing{padding:74px 5% 78px;max-width:1296px;margin:0 auto;background:var(--lime);border-radius:12px;position:relative;overflow:hidden}.closing h2{font:500 clamp(44px,5.3vw,77px)/1.12 'Inter',sans-serif;letter-spacing:-4px;margin:26px 0 32px}.closing h2 .serif{font-family:var(--serif);font-weight:400}.closing-star{position:absolute;right:8%;top:27%;font-size:160px;animation:spin 30s linear infinite}.closing-small{font-size:11px;margin-left:20px}.site-footer{padding:48px 5%;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .logo{font-size:26px}.site-footer .brand-icon{width:28px;height:28px;font-size:23px}.site-footer>span,.site-footer>a:last-child{font-size:10px;color:#777c6e}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:18px;padding:42px;width:min(520px,92vw);max-height:90vh;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#252c2099;backdrop-filter:blur(7px)}dialog h2{font:500 48px/1.1 'Inter',sans-serif;letter-spacing:-2px;margin:24px 0 13px}dialog h2 .serif{font-family:var(--serif)}.close-modal{position:absolute;right:20px;top:15px;background:transparent;border:0;font-size:28px}.close-modal:hover{transform:rotate(90deg);transition:.3s}#selected-plan{font-size:12px;color:#647344;margin-bottom:24px}form label{display:block;font-size:11px;margin:16px 0}input,textarea{display:block;background:transparent;border:1px solid #cbd0bf;border-radius:7px;width:100%;padding:11px;margin-top:7px;font-size:13px;resize:vertical}input:focus,textarea:focus{outline:2px solid #98ac53;outline-offset:2px}form .button{width:100%;margin-top:7px}.form-note{font-size:10px;line-height:1.7;color:#737b68}#brief-result p{font-size:14px;line-height:1.7}.edit-brief{background:none;border:0;text-decoration:underline;display:block;margin-top:20px;font-size:12px}@keyframes draw{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@keyframes enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes bar-grow{from{scale:1 .1}to{scale:1 1}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes spin{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.hero h1{font-size:130px}}@media(max-width:1000px){.hero h1{letter-spacing:-5px}.hero-small{display:none}.browser-card{left:9%;width:540px}.code-card{right:5%}.approach{gap:35px}.custom{gap:18px}.custom-symbol{display:none}.plan{padding:25px 18px 0}.plan ul{font-size:10px}.work-card{padding:22px}.web-poster{width:95%;padding:20px}.web-poster h3{font-size:36px}.orbital-art{width:110px;height:110px}.faq{gap:35px}.closing{margin:0 5%}.site-footer>span:first-of-type{display:none}}@media(max-width:700px){header{height:80px;padding:0 6%}nav{display:none}.logo{font-size:29px}.nav-cta{padding:10px 15px;font-size:11px}.hero{padding:28px 6% 0}.hero-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(53px,11.5vw,80px);letter-spacing:-3px;margin-top:28px}.hero-bottom{display:block;margin:32px 0}.hero-bottom p{font-size:13px;margin-bottom:21px}.hero-bottom .button{padding:14px 20px;font-size:12px}.stage{height:390px}.stage-label{top:19px;left:17px;font-size:7px}.browser-card{width:420px;left:7%;top:85px;transform:rotate(-5deg) scale(.8);transform-origin:top left}.demo-app{height:250px}.code-card{top:196px;right:5%;width:220px;transform:rotate(5deg) scale(.75);transform-origin:top right}.code-card pre{font-size:9px;margin:15px}.code-card footer{font-size:6px}.design-label{font-size:9px;top:53px;right:8%;padding:8px}.code-label{bottom:81px;left:6%;font-size:9px;padding:8px}.cursor{display:none}.stage-footer{left:14px;right:14px;bottom:16px;justify-content:center}.stage-footer>span{display:none}.stage[data-mode=design] .browser-card{transform:rotate(0) scale(.8) translateX(-10px)}.stage[data-mode=code] .code-card{transform:translate(-22%,-70px) rotate(0) scale(1)}.stage[data-mode=code] .browser-card{transform:translateX(-60%) rotate(-8deg) scale(.8)}.marquee{margin-top:38px;padding:15px 0;font-size:9px}.marquee>div{gap:25px}.section{padding:66px 6%}.section h2{font-size:44px;letter-spacing:-2.5px}.approach,.faq{grid-template-columns:1fr;gap:12px}.lead{font-size:23px;margin-top:0}.approach .section-intro h2 br:last-child{display:none}.subtext{font-size:13px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card{height:525px}.web-poster{max-width:350px;width:88%;height:310px}.web-poster h3{font-size:40px}.phone{height:340px;width:203px;margin-top:9px}.phone-art{font-size:85px}.work-description{left:25px;bottom:24px}.capabilities{gap:7px}.capabilities span{font-size:9px;padding:8px 12px}.pricing-note{margin-top:32px;font-size:8px}.pricing-note>span:first-child{font-size:7px}.plans{grid-template-columns:1fr;gap:25px}.plan{padding:28px 25px 0}.plan h3{font-size:30px}.plan>p br{display:none}.price{margin:20px 0;font-size:47px}.plan .button{font-size:12px}.plan ul{font-size:12px;line-height:2.6}.plan-foot{font-size:10px}.capacity-note{text-align:left;font-size:10px}.custom{display:block;padding:25px}.custom h3{font-size:26px}.custom p br{display:none}.custom>div:last-child{margin-top:24px}.custom-price{text-align:left}.custom .button{width:100%}.faq-list{padding-top:0}summary{font-size:13px}.closing{padding:40px 25px;margin:0 6%;border-radius:9px}.closing h2{font-size:41px;letter-spacing:-2px;position:relative;z-index:1}.closing-star{font-size:130px;opacity:.15;right:-28px;top:10px}.closing-small{display:block;margin:17px 0 0}.site-footer{padding:30px 6%;flex-wrap:wrap}.site-footer>span:nth-of-type(2){order:4;width:100%;font-size:9px}.site-footer>a:last-child{margin-left:auto}dialog{padding:32px 25px}dialog h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Remove promotional badges and leave the content to establish the hierarchy. */
.hero{padding-top:24px}.hero h1{margin-top:20px}.hero-bottom .button{margin-left:auto}.pricing-note>span:first-child{font-size:12px;letter-spacing:0}.plan h3{margin-top:0}.plan{padding-top:32px}.closing h2{margin-top:0}.approach{margin-top:64px;border-top:1px solid var(--line)}@media(max-width:700px){.hero{padding-top:20px}.hero h1{margin-top:15px}.approach{margin-top:38px}.hero-bottom .button{margin-left:0}}
.serif{font-family:'Inter',sans-serif;font-style:normal;font-weight:450;letter-spacing:-.06em}.hero h1{font-weight:500}.sculpture{height:530px;position:relative;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#f8f8f2 0%,#e8eadf 65%,#e1e4d7 100%);isolation:isolate}.sculpture canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab;z-index:1}.sculpture canvas.dragging{cursor:grabbing}.sculpture canvas:focus-visible{outline:2px solid #8c9d67;outline-offset:-5px;border-radius:12px}.scene-caption{position:absolute;top:29px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none;z-index:2;font-size:12px;color:#535e45}.scene-description{font-size:10px;color:#858e79}.scene-controls{position:absolute;bottom:24px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:3;font-size:10px;color:#637052}.scene-controls>button{border:0;background:transparent;color:inherit;font-size:10px;text-decoration:underline;text-underline-offset:4px}.scene-hint{width:90px}.scene-switch{display:flex;gap:4px;padding:5px;background:#fafbf5d9;border:1px solid #cbd0bd;border-radius:30px;backdrop-filter:blur(10px)}.scene-switch button{background:transparent;border:0;padding:10px 17px;border-radius:24px;font-size:11px;color:#657251}.scene-switch button.selected{background:#2a3025;color:#f6f8ef}.sculpture-fallback{position:absolute;inset:15% 10% 10%;display:flex;justify-content:center;align-items:center}.sculpture-fallback span{width:200px;height:260px;border:40px solid #bedf5b;border-radius:95px;transform:rotate(-28deg);box-shadow:inset 8px 9px 14px #0002,15px 22px 25px #0002}.sculpture-fallback span+span{margin-left:-65px;border-color:#aeb1a8;transform:rotate(28deg)}.webgl-ready .sculpture-fallback{display:none}.scene-fallback-note{display:none;position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:#6d7960}.no-webgl .scene-controls,.no-webgl canvas{display:none}.no-webgl .scene-fallback-note{display:block}.deliverables{border-top:1px solid var(--line);padding-top:90px}.delivery-tabs{display:flex;border-bottom:1px solid #d2d8c7;gap:30px;margin-top:45px}.delivery-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 0;font-size:13px;color:#89927c;margin-bottom:-1px;transition:color .2s}.delivery-tabs button[aria-selected=true]{border-color:#3e4f28;color:#303c24}.delivery-example{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 0 45px;border-bottom:1px solid var(--line)}.delivery-label{font-size:11px;color:#8a927e}.delivery-brief h3{font-size:29px;line-height:1.35;letter-spacing:-1.2px;font-weight:500;max-width:440px;margin:18px 0}.delivery-brief p{font-size:14px;line-height:1.8;color:#747e66;max-width:450px}.delivery-format{font-size:11px;display:inline-block;margin-top:15px;color:#4f603b;padding:9px 13px;border:1px solid #c7d0b8;border-radius:5px}.delivery-details>div+div{margin-top:25px}.delivery-details h4{font-size:12px;margin:0 0 9px;font-weight:600;color:#4d5c3d}.delivery-details p{font-size:12px;line-height:1.9;color:#778369;margin:0}.delivery-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:37px 0}.delivery-rules article>span{font-size:10px;color:#8f9b81}.delivery-rules h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:17px 0 12px}.delivery-rules p{font-size:12px;line-height:1.8;color:#778369;margin:0}.scope-boundary{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:30px;background:#e9ecdf;border-radius:8px;margin-top:10px}.scope-boundary h3{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0 0 12px}.scope-boundary p{font-size:12px;line-height:1.8;color:#758266;margin:0}.scope-boundary button{background:none;border:0;padding:0;margin-top:16px;color:#3e532c;font-size:12px;text-decoration:underline;text-underline-offset:4px}.capacity-note a{display:inline-block;margin-bottom:9px;font-size:12px;color:#435b2c;text-decoration:underline;text-underline-offset:4px}.hero-bottom p{max-width:500px}.work-description h3{font-size:20px}.plan ul{font-size:10px}
@media(max-width:700px){.sculpture{height:430px}.scene-caption{top:20px;left:20px;right:20px;font-size:10px}.scene-description{display:none}.scene-controls{left:15px;right:15px;bottom:20px;flex-wrap:wrap;justify-content:center;gap:14px}.scene-switch{order:-1;width:100%;justify-content:center;max-width:340px}.scene-switch button{font-size:11px;padding:9px 14px}.scene-hint{width:auto;margin-right:15px;font-size:9px}.scene-controls>button{font-size:9px}.sculpture-fallback span{width:130px;height:210px;border-width:28px}.delivery-tabs{gap:0;justify-content:space-between;margin-top:22px;overflow-x:auto}.delivery-tabs button{font-size:10px;padding:14px 7px;white-space:nowrap}.delivery-example{grid-template-columns:1fr;gap:27px;padding:25px 0}.delivery-brief h3{font-size:25px}.delivery-brief p{font-size:13px}.delivery-rules{grid-template-columns:1fr;gap:24px;padding:30px 0}.delivery-rules h3{margin:9px 0}.scope-boundary{grid-template-columns:1fr;gap:30px;padding:25px}.plan ul{font-size:11px}.deliverables{padding-top:60px}.hero h1{letter-spacing:-3.5px}}
@media(max-width:700px){.hero h1{font-size:clamp(40px,10vw,69px);letter-spacing:-.055em}.hero h1 .serif{letter-spacing:-.055em}.scene-controls .scene-switch{flex-basis:100%;max-width:none}}
/* Product preview: real interface layers, composed in a Three.js CSS3D scene. */
.product-stage{height:550px;position:relative;border-radius:14px;overflow:hidden;background:#e9ece2;isolation:isolate}.product-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 42%,#fafbf6 0%,#f4f5ee55 42%,transparent 72%)}.product-grid{position:absolute;inset:0;background-image:linear-gradient(#6e7e4f08 1px,transparent 1px),linear-gradient(90deg,#6e7e4f08 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#0008,transparent 80%)}#product-world,.product-renderer{position:absolute;inset:0}.product-panel{backface-visibility:hidden}.ui-panel{width:720px;height:430px;background:#fdfefa;border:1px solid #dbe0d2;border-radius:11px;box-shadow:0 28px 60px #3543251f,0 3px 6px #35432508}.panel-chrome{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ede1;padding:0 14px;font-size:9px;color:#95a085}.chrome-dots{font-size:8px;letter-spacing:4px;color:#ccd3bf}.orbit-layout{display:flex;height:396px;overflow:hidden;border-radius:0 0 11px 11px}.orbit-sidebar{width:160px;padding:24px 15px;background:#f4f6ed;border-right:1px solid #e5eada;position:relative;flex-shrink:0}.orbit-wordmark{font-size:24px;font-weight:600;letter-spacing:-1.5px;display:block;margin-bottom:33px}.orbit-wordmark>span{font-size:26px;color:#819b56;margin-right:5px}.orbit-sidebar>small{font-size:7px;letter-spacing:1px;color:#a2ac92;display:block;margin:0 10px 12px}.orbit-nav{display:block;padding:11px 10px;font-size:10px;color:#83916e;margin-bottom:4px}.orbit-nav.active{background:#e3ebd5;border-radius:5px;color:#536939}.orbit-nav b{float:right;font-size:8px;background:#d3dfbe;padding:1px 5px;border-radius:3px}.orbit-sidebar-bottom{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:9px;font-size:9px}.orbit-person{width:25px;height:25px;border-radius:50%;background:#ded3e9;color:#8f7c9e;display:grid;place-items:center;font-size:10px;flex-shrink:0}.orbit-sidebar-bottom small{display:block;font-size:7px;margin-top:4px;color:#a2ac92}.orbit-content{padding:27px 28px;flex:1;min-width:0}.orbit-heading{display:flex;align-items:center;justify-content:space-between}.orbit-heading small{font-size:8px;color:#a0a990}.orbit-heading h3{font-size:23px;font-weight:500;letter-spacing:-.9px;margin:5px 0 0}.orbit-add{font-size:8px;padding:9px 11px;border:1px solid #dce3ce;border-radius:5px;color:#64784b}.orbit-metrics{display:grid;grid-template-columns:1.3fr 1fr;margin:26px 0 22px;gap:20px}.orbit-metrics small{font-size:8px;display:block;color:#95a083;margin-bottom:8px}.orbit-metrics strong{font-size:25px;letter-spacing:-1px;font-weight:500;display:flex;align-items:center;gap:13px}.orbit-metrics strong span{font-size:7px;letter-spacing:0;background:#edf3e2;padding:5px;color:#86a05f;border-radius:3px}.orbit-chart-head{display:flex;justify-content:space-between;font-size:8px;color:#869672;margin-bottom:9px}.orbit-chart-head>span:last-child{font-size:7px;color:#a1ad91}.orbit-chart{height:102px;position:relative;border-bottom:1px solid #e8eddf;background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,#eaf0e0 33px,#eaf0e0 34px)}.orbit-chart svg{position:absolute;left:32px;top:0;width:calc(100% - 32px);height:100%;overflow:visible}.chart-guides{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:#aeb89f;padding-bottom:9px}.trend-line{stroke-dasharray:620;stroke-dashoffset:0;animation:chart-draw 10s ease-in-out infinite}.area-fill{animation:chart-area 10s ease-in-out infinite}.chart-tooltip{position:absolute;right:27px;top:-12px;background:#fff;border:1px solid #e1e8d4;border-radius:5px;padding:7px 9px;font-size:7px;box-shadow:0 4px 10px #4f612112;animation:tooltip-reveal 10s infinite}.chart-tooltip span{color:#8ea966;margin-left:6px}.chart-months{display:flex;justify-content:space-between;margin:8px 0 18px;padding-left:33px;font-size:6px;color:#a7b399}.orbit-project{border-top:1px solid #e9eee0;padding-top:14px;display:flex;align-items:center;gap:10px}.project-swatch{background:#ece5f1;color:#a593b4;padding:8px;border-radius:5px;font-size:13px}.orbit-project strong{font-size:9px;font-weight:500;display:block}.orbit-project small{display:block;font-size:7px;color:#a4ae95;margin-top:5px}.project-progress{width:60px;height:4px;background:#ebefdf;margin-left:auto;border-radius:10px}.project-progress i{display:block;width:64%;height:100%;background:#b4c896;border-radius:10px}.selection-outline{position:absolute;inset:33px -1px -1px 159px;border:1px solid #a995d0;pointer-events:none;animation:selection-cycle 10s infinite}.selection-handle{position:absolute;width:5px;height:5px;background:#fff;border:1px solid #a995d0}.tl{top:-3px;left:-3px}.tr{top:-3px;right:-3px}.bl{bottom:-3px;left:-3px}.br{bottom:-3px;right:-3px}.selection-size{position:absolute;bottom:-18px;left:42%;font-size:7px;background:#a995d0;color:#fff;padding:3px 6px;border-radius:2px}.editor-panel{width:380px;height:326px;background:#252b27;color:#c6d1c1;border:1px solid #465144;border-radius:9px;box-shadow:0 32px 55px #27302138,0 3px 8px #0002;overflow:hidden}.editor-tabs{height:35px;display:flex;align-items:center;gap:14px;font-size:8px;border-bottom:1px solid #414a3d;padding:0 12px;color:#8e9b84}.editor-tabs>span:first-child{font-size:15px}.editor-file{color:#d9e6cc;padding:12px 3px 10px;border-bottom:1px solid #a5bf8a}.editor-file b{font-weight:400;color:#859278;margin-left:13px}.editor-menu{margin-left:auto}.editor-breadcrumb{font-size:7px;padding:11px 15px;color:#748469}.editor-breadcrumb span{padding:0 7px;color:#5d6d52}.code-content{padding:0 13px 5px}.code-content ol{padding-left:21px;margin:0;font:9px/1.65 'SFMono-Regular',Consolas,monospace;counter-reset:code}.code-content li{color:#6d7d60;padding-left:10px;white-space:pre;min-height:14.8px}.code-content code{color:#c2d1b5;font:inherit}.code-content em{color:#c6b0df;font-style:normal}.code-content strong{color:#d4dfa6;font-weight:400}.code-content b{color:#a9c991;font-weight:400}.code-focus{background:#6b805f1c}.typed-property{display:inline-block;max-width:9ch;overflow:hidden;vertical-align:bottom;animation:code-type 10s steps(8,end) infinite}.typing-caret{display:inline-block;width:1px;height:10px;background:#c9dba8;vertical-align:middle;animation:blink 1s step-end infinite}.editor-terminal{padding:9px 14px 11px;border-top:1px solid #3d4936}.editor-terminal>span{font-size:6px;color:#98a68d;letter-spacing:.5px}.editor-terminal p{font:8px monospace;margin:8px 0;color:#b3c7a0}.editor-terminal p>span{margin-right:5px;color:#c4e39e}.editor-terminal b{font-weight:400;color:#60744f;margin-left:22px}.build-track{height:2px;background:#3b4833;overflow:hidden}.build-track i{display:block;width:100%;height:100%;background:#9cbd78;transform-origin:left;animation:build-progress 10s infinite}.editor-status{font-size:6px;background:#343f2d;color:#a5b695;display:flex;justify-content:space-between;padding:6px 12px}.editor-status>span:last-child>span{margin-left:8px}.live-toast{width:237px;background:#fafcf5;border:1px solid #d6dfc6;border-radius:8px;padding:13px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 14px 35px #3b492820;animation:toast-cycle 10s infinite}.live-check{width:28px;height:28px;background:#e2edcc;color:#7b9d4e;border-radius:50%;display:grid;place-items:center;font-size:13px}.live-toast strong{font-size:10px;font-weight:500;display:block}.live-toast small{display:block;font-size:7px;color:#9aa789;margin-top:5px}.live-arrow{font-size:16px;color:#a1b18c;margin-left:auto}.design-pointer{width:90px;height:50px;animation:pointer-cycle 10s infinite}.design-pointer>span{font-size:21px;color:#9c81c4;display:block;transform:rotate(-110deg);width:23px}.design-pointer b{position:absolute;top:24px;left:16px;padding:6px 9px;border-radius:0 4px 4px;background:#aa91cc;color:#fff;font-size:9px;font-weight:400}.product-controls{position:absolute;left:28px;right:28px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10;font-size:9px;color:#81916f}.product-switch{display:flex;padding:5px;background:#f8faf3d9;border:1px solid #d9e1cc;border-radius:30px;gap:3px;backdrop-filter:blur(10px)}.product-switch button{background:none;border:0;border-radius:25px;padding:9px 17px;font-size:11px;color:#6b7b58}.product-switch .selected{background:#293024;color:#fff}.product-controls>button{border:0;background:none;font-size:9px;color:#81916f;text-decoration:underline;text-underline-offset:4px}.product-stage[data-view=design] .editor-panel,.product-stage[data-view=code] .ui-panel{opacity:.16;transition:opacity .5s}.product-stage[data-view=together] .editor-panel,.product-stage[data-view=together] .ui-panel{opacity:1;transition:opacity .5s}.motion-paused *,.scene-offscreen *{animation-play-state:paused!important}
@keyframes chart-draw{0%,5%{stroke-dashoffset:620}38%,91%{stroke-dashoffset:0}100%{stroke-dashoffset:620}}@keyframes chart-area{0%,10%{opacity:0}42%,90%{opacity:1}100%{opacity:0}}@keyframes tooltip-reveal{0%,30%{opacity:0;translate:0 5px}45%,85%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes selection-cycle{0%,45%{opacity:1}60%,85%{opacity:0}100%{opacity:1}}@keyframes code-type{0%,30%{max-width:0}50%,100%{max-width:9ch}}@keyframes blink{50%{opacity:0}}@keyframes build-progress{0%,45%{scale:0 1}67%,95%{scale:1 1}100%{scale:0 1}}@keyframes toast-cycle{0%,55%{opacity:0}65%,90%{opacity:1}100%{opacity:0}}@keyframes pointer-cycle{0%,5%{translate:0 0}30%,60%{translate:40px -40px}80%,100%{translate:0 0}}
/* Detailed concept studies */
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.showcase-card{min-width:0}.furniture-scene,.finance-scene{height:460px;border-radius:12px;position:relative;overflow:hidden}.furniture-scene{background:#ddd8cd;padding:45px 34px;perspective:1400px}.furniture-browser{background:#f3efe5;border:1px solid #f5f3eb;border-radius:6px;box-shadow:0 35px 45px #5b492132;width:100%;height:355px;transform:rotateY(7deg) rotateZ(-3deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.furniture-showcase:hover .furniture-browser{transform:rotateY(0) rotateZ(0) translateY(-6px)}.forma-nav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #d8cfbd;color:#73674f;font-size:6px}.forma-nav strong{font-size:20px;font-weight:500;letter-spacing:-1.4px;color:#403b30}.forma-nav strong>span{font-size:7px;vertical-align:super;letter-spacing:0}.forma-hero{height:265px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 67% 36%,#eee6d5,transparent 62%),#e8dfcc}.forma-copy{position:absolute;left:21px;top:34px;z-index:1}.forma-copy>small{font-size:5px;letter-spacing:1px;color:#9f8d6c}.forma-copy h3{font-size:clamp(29px,3vw,44px);line-height:1.03;letter-spacing:-2px;font-weight:450;margin:17px 0 12px;color:#443c2b}.forma-copy p{font-size:7px;line-height:1.8;color:#928161}.forma-shop{display:inline-block;font-size:6px;border-bottom:1px solid #948260;padding-bottom:6px;margin-top:15px;color:#695a40}.chair-art{position:absolute;right:-12%;top:-20px;width:81%;height:310px;filter:drop-shadow(8px 12px 6px #58482310);transition:transform 1.2s}.furniture-showcase:hover .chair-art{transform:translateY(-5px) rotate(-2deg)}.chair-caption{position:absolute;bottom:12px;left:21px;right:16px;display:flex;justify-content:space-between;font-size:5px;color:#9c8968;z-index:1}.forma-bottom{height:46px;display:flex;justify-content:space-between;align-items:center;font-size:6px;padding:0 20px;color:#9b8d71}.material-chip{position:absolute;bottom:25px;right:28px;display:flex;align-items:center;gap:5px;padding:10px 12px;background:#f8f5ed;border:1px solid #e1d8c6;border-radius:30px;box-shadow:0 7px 20px #5e4c2620;transform:rotate(3deg)}.material-dot{width:15px;height:15px;border-radius:50%;border:1px solid #0001}.walnut{background:repeating-linear-gradient(80deg,#745134,#745134 2px,#936e4b 3px,#936e4b 4px)}.linen{background:repeating-linear-gradient(0deg,#d7cbb3,#d7cbb3 1px,#ece3d1 2px,#ece3d1 3px)}.sage{background:#7b8067}.material-chip>span:last-child{font-size:7px;color:#8d7d60;margin-left:6px}.finance-scene{background:radial-gradient(ellipse at 70% 30%,#566358,#39473c 70%);perspective:1400px}.finance-desktop{position:absolute;top:43px;left:27px;width:390px;height:350px;border:1px solid #7a8b703d;border-radius:8px;background:#222d25;box-shadow:0 25px 45px #16261f55;color:#d9e4d5;transform:rotateY(8deg) rotateZ(-5deg);transition:transform .8s}.finance-showcase:hover .finance-desktop{transform:rotateY(0deg) rotateZ(-2deg) translateY(-5px)}.folio-nav{height:43px;border-bottom:1px solid #667a572a;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.folio-nav strong{font-size:19px;font-weight:500;letter-spacing:-1px}.folio-nav strong span{font-size:6px;vertical-align:super;margin-left:1px}.folio-nav>span{font-size:6px;color:#94a386}.folio-nav>span:last-child{font-size:6px;background:#526147;padding:6px;border-radius:50%;color:#b3c2a2}.folio-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;font-size:11px;color:#b9c9ac}.folio-heading small{font-size:6px;color:#718662}.folio-balance{padding:19px 20px 0}.folio-balance>span{font-size:7px;color:#889d78}.folio-balance>strong{font-size:30px;font-weight:450;letter-spacing:-1px;display:block;margin:7px 0 5px}.folio-balance>strong>span{font-size:22px;color:#6b815c}.folio-balance small{font-size:6px;color:#acd18a}.folio-chart{display:flex;gap:9px;align-items:end;height:64px;margin:16px 20px 0;border-bottom:1px solid #63744f44}.folio-chart>span{height:var(--bar);flex:1;background:#728e53;border-radius:3px 3px 0 0;transform-origin:bottom;animation:folio-bars 7s ease-in-out infinite}.folio-chart>span:nth-child(2n){background:#98b56f;animation-delay:.12s}.folio-chart>span:last-child{background:#d6e6aa}.folio-chart-months{display:flex;justify-content:space-between;padding:7px 20px;color:#6d855b;font-size:5px}.folio-transactions{padding:13px 20px 0}.folio-transactions>strong{display:flex;justify-content:space-between;font-size:7px;font-weight:400;color:#a2b78d}.folio-transactions>strong>span{font-size:5px;color:#7b9366}.folio-transactions>div{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:6px}.folio-transactions i{background:#415735;color:#9db784;font-style:normal;padding:7px;border-radius:4px;font-size:8px}.folio-transactions small{display:block;font-size:5px;margin-top:3px;color:#70895a}.folio-transactions b{font-weight:400;margin-left:auto;color:#b0c697;font-size:6px}.folio-phone{position:absolute;right:25px;top:89px;width:173px;height:340px;background:#f1f3e9;border:5px solid #202921;border-radius:26px;color:#37492d;padding:12px 13px;box-shadow:0 27px 35px #12251966;transform:rotateY(-10deg) rotateZ(8deg);transition:transform .8s}.finance-showcase:hover .folio-phone{transform:rotateY(0) rotateZ(4deg) translateY(-7px)}.folio-island{width:51px;height:12px;background:#202921;position:absolute;top:5px;left:55px;border-radius:20px}.folio-phone-top{display:flex;justify-content:space-between;font-size:6px;padding:0 2px}.folio-phone-header{display:flex;justify-content:space-between;align-items:center;margin-top:23px;margin-bottom:16px}.folio-phone-header strong{font-size:17px;font-weight:600;letter-spacing:-1px}.folio-phone-header>span{font-size:6px;background:#dfe6cf;padding:5px;border-radius:50%}.folio-phone>small{font-size:7px;color:#8a9b75}.folio-phone h3{font-size:23px;font-weight:500;letter-spacing:-1px;margin:5px 0 12px}.folio-phone h3>span{font-size:17px;color:#a2b18d}.folio-card{background:linear-gradient(125deg,#587246,#354a2a 70%);border-radius:7px;height:86px;padding:10px;color:#dce7c8;position:relative;overflow:hidden}.folio-card:after{content:'';width:90px;height:90px;border:1px solid #b1c29233;position:absolute;right:-26px;top:-33px;transform:rotate(40deg);box-shadow:0 0 0 12px #a9c28908,0 0 0 24px #a9c28908}.folio-card>div{display:flex;justify-content:space-between;font-size:10px}.folio-card-number{font-size:7px;letter-spacing:.8px;display:block;margin:13px 0 9px}.folio-card small{font-size:4px;letter-spacing:.8px}.folio-actions{display:flex;justify-content:space-around;text-align:center;margin:13px 0;font-size:12px;color:#5e7944}.folio-actions small{display:block;font-size:5px;margin-top:4px}.folio-phone-activity>strong{font-size:8px;font-weight:500}.folio-phone-activity>div{display:flex;gap:5px;align-items:center;font-size:5px;padding:8px 0;border-bottom:1px solid #dbe3ca}.folio-phone-activity i{font-style:normal;background:#e0e8d3;border-radius:4px;padding:5px;color:#83a45f}.folio-phone-activity small{display:block;font-size:4px;margin-top:3px;color:#99ac80}.folio-phone-activity b{margin-left:auto;font-size:5px;font-weight:500}.showcase-description{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 12px}.showcase-description>div>span{font-size:8px;letter-spacing:1px;color:#8f977f}.showcase-description h3{font-size:21px;font-weight:500;letter-spacing:-.8px;margin:11px 0}.showcase-description p{font-size:12px;line-height:1.7;color:#929b82;margin:0;max-width:380px}.showcase-description button{width:41px;height:41px;border-radius:50%;background:transparent;border:1px solid #d7deca;flex-shrink:0;font-size:21px;color:#6a7e54;transition:background .2s}.showcase-description button:hover{background:#e3ebd5}.study-disclaimer{font-size:9px;color:#9ca58b;display:block;margin-top:15px}.study-dialog-content{font-size:13px;line-height:1.9;color:#768867}.study-dialog-content h3{font-size:18px;color:#354d28;letter-spacing:-.5px}.study-dialog-content ul{padding-left:19px}.study-dialog-content .button{margin-top:10px}.study-dialog-content p{margin:15px 0}@keyframes folio-bars{0%,100%{scale:1 .85}50%{scale:1 1}}
@media(max-width:1000px){.furniture-scene,.finance-scene{height:400px}.furniture-scene{padding:36px 22px}.furniture-browser{height:320px}.forma-hero{height:230px}.forma-copy h3{font-size:33px}.chair-art{height:270px;right:-19%;width:87%}.forma-nav{padding:0 13px}.forma-nav>span:nth-child(2){font-size:5px}.forma-bottom{font-size:5px;height:46px;padding:0 13px}.forma-copy{left:15px;top:25px}.forma-copy p{font-size:6px}.finance-desktop{left:17px;width:330px;top:35px;transform:rotateY(8deg) rotateZ(-5deg) scale(.9);transform-origin:top left}.folio-phone{right:16px;top:85px;transform:rotateY(-10deg) rotateZ(8deg) scale(.85);transform-origin:top right}.finance-showcase:hover .folio-phone{transform:rotateZ(4deg) scale(.85)}.showcase-description h3{font-size:19px}.material-chip{bottom:18px}}
@media(max-width:700px){.product-stage{height:410px}.product-controls{left:16px;right:16px;bottom:17px;flex-wrap:wrap;gap:12px;justify-content:center}.product-switch{order:-1;flex-basis:100%;justify-content:center}.product-demo-label{font-size:8px}.product-controls>button{font-size:8px;margin-left:12px}.showcase-grid{grid-template-columns:1fr;gap:37px}.furniture-scene,.finance-scene{height:390px}.furniture-scene{padding:33px 28px}.furniture-browser{height:324px}.forma-hero{height:235px}.forma-copy h3{font-size:36px}.forma-copy p{font-size:7px}.chair-art{height:284px;right:-15%;width:82%}.finance-desktop{width:365px;left:23px;top:27px;transform:rotateZ(-5deg) scale(.88)}.folio-phone{right:24px;top:62px;transform:rotateZ(8deg) scale(.88)}.finance-showcase:hover .folio-phone{transform:rotateZ(4deg) scale(.88)}.showcase-description{margin-top:19px}.showcase-description h3{font-size:21px}.showcase-description p{font-size:12px}.material-chip{bottom:19px;right:20px}.furniture-showcase:hover .furniture-browser{transform:rotateZ(-1deg)}}
@media(prefers-reduced-motion:reduce){.product-stage *,.showcase-card *{animation:none!important;transition:none!important}}
.finance-desktop{height:370px;overflow:hidden}.folio-phone{height:355px;overflow:hidden}
.process-section{padding-top:95px;padding-bottom:85px}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.process-heading h2{margin:0}.process-heading>p{font-size:14px;line-height:1.8;color:#7b856e;margin:0 0 5px;max-width:350px}.process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;outline-offset:5px}.process-card{min-width:0}.process-image{display:block;border-radius:11px;overflow:hidden;background:#e8eddd;aspect-ratio:600/440}.process-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.process-image:hover img{transform:scale(1.035)}.process-copy{display:flex;align-items:start;gap:14px;margin-top:23px}.process-copy>span{font-size:10px;color:#9aa58a;padding-top:6px}.process-copy>div{flex:1}.process-copy h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0 0 12px;line-height:1.35}.process-copy p{font-size:12px;line-height:1.85;color:#818d73;margin:0;max-width:310px}.process-copy>a{font-size:21px;color:#879974;line-height:1;margin-top:4px;transition:transform .2s}.process-copy>a:hover{transform:translate(2px,-2px)}.process-scroll-hint{display:none}@media(max-width:1000px){.process-cards{gap:17px}.process-copy{gap:10px}.process-copy h3{font-size:18px}.process-copy p{font-size:11px}.process-heading>p{font-size:13px}}@media(max-width:700px){.process-section{padding-top:64px;padding-bottom:62px}.process-heading{display:block;margin-bottom:28px}.process-heading>p{margin-top:23px;font-size:13px}.process-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:17px;padding:0 6% 15px;margin-right:-6.82%;margin-left:-6.82%;padding-left:6.82%;scrollbar-width:thin;scrollbar-color:#bbc8a7 transparent;scroll-padding-left:6%}.process-card{flex:0 0 85%;scroll-snap-align:start}.process-image{border-radius:9px}.process-copy{margin-top:20px;gap:12px}.process-copy h3{font-size:21px}.process-copy p{font-size:12px}.process-scroll-hint{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#95a386;margin:16px 0 0}.process-scroll-hint span{font-size:19px}}

/* A quiet typographic entrance; the offer stays readable throughout. */
.hero h1.service-headline{font-size:clamp(36px,7.5vw,108px);line-height:1.08;letter-spacing:-.06em;width:100%;font-weight:500}
.headline-line{display:block;padding-bottom:.06em;overflow:hidden}
.headline-line>span{display:inline-block;animation:headline-arrive .85s cubic-bezier(.22,1,.36,1) both;transition:font-weight .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.headline-line+ .headline-line{color:#85897b}
.headline-line+ .headline-line>span{animation-delay:.12s}
@keyframes headline-arrive{from{opacity:0;translate:0 .3em}to{opacity:1;translate:0 0}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.headline-line>span:hover{font-weight:550;transform:translateX(3px)}}
@media(max-width:700px){.hero h1.service-headline{font-size:clamp(30px,7.8vw,54px);letter-spacing:-.06em;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.headline-line>span{animation:none;transition:none;transform:none}}