@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f4ee;color:#1b211d;font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.03;letter-spacing:-.055em}h2{font-size:clamp(36px,4.5vw,66px)}h3{font-size:27px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #507dff;outline-offset:5px}h3:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;padding:15px}.skip-link:focus{top:10px}.planner-header{height:94px;background:#161917;color:#f6f5ef;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff20}.planner-brand{font-size:27px;font-weight:750;letter-spacing:-1.3px;display:inline-flex;gap:5px;position:relative;align-items:baseline}.planner-brand span{font-size:11px;letter-spacing:-.2px;font-weight:500}.planner-brand i{color:#d9f175;font-size:28px;font-style:normal;position:absolute;right:-26px;top:-12px}.planner-header nav{display:flex;align-items:center;gap:36px;font-size:13px}.pill{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;padding:16px 24px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.pill span{font-size:21px;line-height:1}.lime-button{background:#d9f175;color:#182014;border-color:#d9f175}.dark-button{background:#1c231d;color:#fff;border-color:#1c231d}.underlink{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px}.planner-hero{background:#161917;color:#f5f4ee;padding:24px 5vw 0;overflow:hidden}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#b8bdb5}.hero-layout{display:grid;grid-template-columns:1fr 1.07fr;gap:2%;align-items:center;max-width:1600px;margin:55px auto 50px}.kicker{font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.6;margin-bottom:22px}.hero-wording .kicker{color:#d9f175}.hero-wording h1{font-size:clamp(75px,7.8vw,125px);line-height:.89;letter-spacing:-.07em}.hero-wording em{font-weight:450;font-style:normal;color:#d9f175}.lime{color:#d9f175}.hero-intro{font-size:15px;line-height:1.65;color:#c0c5bd;margin:28px 0 26px;max-width:380px}.hero-buttons{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.micro{font-size:10px;color:#9ca495;margin-top:15px}.hero-canvas{height:560px;position:relative;perspective:1100px}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 73%)}.canvas-note,.canvas-caption{position:absolute;font-size:8px;letter-spacing:2px;color:#a4ad9e}.canvas-note{top:12px;left:28px}.canvas-caption{bottom:0;right:30px}.hero-project{display:block;position:absolute;border-radius:9px;box-shadow:0 25px 45px #0009;transition:transform .5s}.browser-frame{overflow:hidden;border-radius:7px;background:#f6f5ef;border:1px solid #ffffff30}.browser-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#555f54;background:#f4f3ee;font-size:7px;letter-spacing:.5px}.browser-bar>span:first-child{font-size:5px;letter-spacing:2px;color:#b5b9b0}.browser-frame img{width:100%;aspect-ratio:1.778;object-fit:cover;object-position:top}.hero-project-back{width:85%;top:55px;right:0;transform:rotate(7deg) rotateY(-8deg)}.hero-project-front{width:93%;left:-8px;top:168px;transform:rotate(-6deg) rotateY(8deg)}.hero-project-small{width:45%;right:6px;top:363px;transform:rotate(8deg);border:5px solid #ddd9c5}.hero-project:hover{z-index:3;transform:rotate(0deg) translateY(-10px)}.canvas-stamp{position:absolute;top:4px;right:24px;transform:rotate(13deg);width:84px;height:84px;border-radius:50%;background:#d9f175;color:#182014;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.9;font-size:8px;font-weight:700}.canvas-stamp span{font-size:27px;line-height:.9}.hero-bottom{padding:20px 0;border-top:1px solid #ffffff20}.hero-bottom a{color:#d9f175}.planner-section{max-width:1440px;padding:100px 5vw;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading>p{max-width:350px;font-size:14px;color:#62695e}.section-heading .kicker{margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-tile{padding:28px;min-height:330px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:5px;transition:transform .3s}.product-tile:hover{transform:translateY(-7px)}.product-website{background:#e1ecb9}.product-shop{background:#eac7b7}.product-app{background:#d2dafa}.product-number{font-size:9px;letter-spacing:1.3px}.product-symbol{font-size:70px;line-height:1;margin:22px 0 30px;align-self:flex-end}.product-tile h3{font-size:clamp(22px,2.4vw,32px);max-width:260px}.product-bottom{display:flex;justify-content:space-between;margin-top:auto;padding-top:25px;font-size:15px;font-weight:650}.product-bottom small{font-size:10px;font-weight:400}.small-note{font-size:11px;line-height:1.7;color:#6c7269;margin-top:18px}.calculator-section{background:#e9eae2;scroll-margin-top:25px}.calculator-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border-radius:10px;overflow:hidden;box-shadow:0 16px 60px #202c1509;align-items:start;background:white}.calculator-main{padding:40px 44px;min-width:0}.step-status{display:flex;justify-content:space-between;font-size:10px;color:#70786c}.step-status>span:last-child{font-size:8px;letter-spacing:1px}.step-track{height:3px;background:#e8ebe4;margin:14px 0 37px}.step-track span{display:block;width:25%;height:100%;background:#52633b;transition:width .3s}#planner-step h3{font-size:clamp(26px,3vw,39px);margin-bottom:16px}.step-intro{font-size:13px;color:#656d60;line-height:1.7;margin-bottom:25px;max-width:560px}fieldset{padding:0;margin:0;border:0;display:grid;gap:10px}.choice{position:relative;border:1px solid #dce0d5;border-radius:7px;display:flex;align-items:center;gap:16px;padding:19px 20px;cursor:pointer;transition:background .2s,border-color .2s}.choice:hover{background:#f7f8f3}.choice:has(input:checked){border-color:#587735;background:#eff6df;box-shadow:inset 0 0 0 1px #587735}.choice:has(input:focus-visible){outline:3px solid #507dff;outline-offset:3px}.choice input{position:absolute;opacity:0;width:20px;height:20px;right:20px}.choice-content{flex:1;display:flex;flex-direction:column;gap:4px}.choice-content strong{font-size:14px;font-weight:600}.choice-content>span{font-size:11px;color:#68725d;line-height:1.5}.choice-check{width:20px;height:20px;border:1px solid #b0b9a8;border-radius:50%;flex-shrink:0;position:relative}.choice:has(input:checked) .choice-check{background:#26391f;border-color:#26391f}.choice:has(input:checked) .choice-check:after{content:'✓';color:white;position:absolute;inset:0;text-align:center;font-size:12px}.feature-choice .choice-check{border-radius:4px}.choice-price{font-size:11px;white-space:nowrap;color:#3f4d33}.step-controls{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:15px}.back-button{background:none;border:0;color:#666e60;padding:12px 0;font-size:12px}.step-controls #planner-next{margin-left:auto}.budget-panel{background:#20271f;color:#f7f8f2;align-self:stretch;padding:42px 35px;min-width:0}.budget-label{font-size:9px;letter-spacing:1.5px;color:#c2cbb7}.budget-empty{font-size:clamp(28px,3.2vw,45px);letter-spacing:-1.7px;line-height:1.1;margin:40px 0;color:#d9f175}.budget-type{margin-top:32px;color:#d9f175;font-size:14px}.budget-price{font-size:clamp(32px,3.5vw,52px);line-height:1.2;letter-spacing:-2px;margin-top:10px}.budget-price span{display:block;color:#d9f175;font-size:.6em;letter-spacing:-1px;margin-top:6px}.budget-tax{font-size:10px;color:#bbc6b3;margin-top:12px}.budget-breakdown{padding:0;list-style:none;margin:28px 0 18px;font-size:11px}.budget-breakdown li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #ffffff18}.budget-breakdown strong{font-weight:500;white-space:nowrap}.budget-buffer{font-size:10px;color:#a6b09f}.budget-rule{height:1px;background:#ffffff20;margin:30px 0 20px}.budget-disclaimer{font-size:11px;line-height:1.8;color:#b8c2b2}.budget-person{display:flex;gap:12px;align-items:center;margin-top:35px;font-size:10px;line-height:1.7}.budget-person img{width:42px;height:42px;object-fit:cover;border-radius:50%}.budget-person strong{font-weight:500}.included-note{margin-top:22px;padding:18px;background:#f3f5ee;font-size:11px;color:#596451;line-height:1.8;border-left:2px solid #839b5c}.included-note strong{display:block;margin-bottom:5px;color:#273b1f}.brief-label{display:block;font-size:12px;font-weight:600;margin:25px 0 10px}.brief-label span{font-size:10px;font-weight:400;color:#78806e;margin-left:8px}textarea{width:100%;padding:14px;border:1px solid #ced5c7;border-radius:6px;resize:vertical;min-height:100px;font-size:12px}.result-kicker{font-size:9px;letter-spacing:2px;color:#657d3b;margin-bottom:17px}.result-price{font-size:clamp(24px,3.1vw,42px);font-weight:650;letter-spacing:-1.5px;line-height:1.3}.result-price small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:8px;color:#6b7362}.gross-price{font-size:11px;margin-top:8px;color:#6b7362}.result-scope{margin-top:30px;border-block:1px solid #e2e7db;padding:22px 0;font-size:12px}.result-scope ul{list-style:none;padding:0;margin:15px 0}.result-scope li{display:flex;justify-content:space-between;gap:15px;margin:10px 0;font-size:11px}.result-scope p{font-size:11px;color:#606c55;line-height:1.8}.result-mail{margin-top:24px}.result-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.result-actions button{background:none;border:0;border-bottom:1px solid #a6b393;padding:4px 0;font-size:11px;color:#394e28}#action-status{font-size:12px;margin-top:15px}.featured-work{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:center}.work-visual{display:block;background:var(--project-color);padding:35px 28px;position:relative;overflow:hidden;border-radius:5px}.work-visual .browser-frame{transition:transform .6s;box-shadow:0 15px 25px #10180f20;transform:rotate(-2deg)}.work-card:nth-child(2) .browser-frame{transform:rotate(2deg)}.work-visual:hover .browser-frame{transform:rotate(0) scale(1.035)}.visit-pill{position:absolute;bottom:17px;right:18px;padding:10px 16px;background:#1c221e;color:#fff;font-size:10px;border-radius:25px}.work-info{display:flex;gap:20px;padding-top:25px}.work-card:first-child .work-info{padding-top:0}.work-index{font-size:10px;color:#7f8779;padding-top:4px}.work-info .kicker{font-size:8px;margin-bottom:12px}.work-info h3{font-size:32px;margin-bottom:16px}.work-info p:not(.kicker){font-size:13px;line-height:1.8;color:#606a58;max-width:380px}.work-info small{display:block;font-size:10px;color:#7b8276;margin-top:14px}.more-work-heading{display:flex;justify-content:space-between;align-items:center;margin:80px 0 28px;gap:20px}.more-work-heading h3{font-size:30px}.more-work{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}.more-work img{aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #e5e7de;border-radius:4px;transition:transform .3s}.more-work a:hover img{transform:translateY(-5px)}.more-work a>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:14px}.more-work i{font-style:normal}.more-work small{font-size:7px;letter-spacing:.7px;display:block;margin-top:5px;color:#737d68}.app-case{margin-top:60px;padding:30px;background:#e2e7d9;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:5px}.app-case>span{font-size:10px;max-width:140px}.app-case strong{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.8px;max-width:440px}.process-section{background:#222a21;color:#f5f4ee}.process-section .kicker{color:#b9c5a8}.process-section h2{font-size:clamp(42px,6vw,86px);line-height:1.05}.process-section h2 em{font-style:normal;color:#d9f175}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}.process-grid article{border-top:1px solid #ffffff30;padding-top:20px}.process-grid article>span{font-size:11px;color:#d9f175}.process-grid h3{font-size:27px;margin:25px 0 15px}.process-grid p{font-size:13px;line-height:1.8;color:#b7c0ad}.planner-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.planner-faq details{border-bottom:1px solid #ccd0c3}.planner-faq summary{padding:22px 0;display:flex;justify-content:space-between;gap:30px;cursor:pointer;font-size:14px;font-weight:550;list-style:none}.planner-faq summary::-webkit-details-marker{display:none}.planner-faq details[open] summary span{transform:rotate(45deg)}.planner-faq details p{font-size:13px;line-height:1.8;color:#626d57;padding:0 35px 24px 0}.planner-close{background:#d9f175;text-align:center;padding:75px 24px 90px}.planner-close h2{font-size:clamp(50px,7vw,100px);margin-bottom:35px}.planner-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 5vw;font-size:12px}.planner-footer nav{display:flex;gap:25px}.in-view{animation:reveal .7s both}@keyframes reveal{from{opacity:.4;translate:0 24px}to{opacity:1;translate:0 0}}@media(min-width:1000px){.hero-wording{animation:reveal .9s both}.hero-canvas{animation:reveal 1.1s .15s both}}@media(min-width:1600px){.planner-header,.planner-hero{padding-inline:max(5vw,calc((100vw - 1440px)/2))}.hero-layout{grid-template-columns:1fr 1.1fr}.hero-canvas{height:620px}.hero-project-small{top:410px}}@media(max-width:1000px){.hero-layout{grid-template-columns:1fr 1fr}.hero-canvas{height:450px}.hero-project-back{top:65px}.hero-project-front{top:145px}.hero-project-small{top:285px}.hero-wording h1{font-size:85px}.hero-topline>span:last-child{display:none}.hero-buttons{gap:18px}.hero-buttons .pill{padding:14px 18px}.calculator-main{padding:30px 25px}.budget-panel{padding:32px 25px}.more-work{grid-template-columns:repeat(3,1fr)}.product-tile{padding:24px;min-height:315px}}@media(max-width:720px){html{scroll-padding-top:30px}.planner-header{height:78px;padding-inline:6vw}.planner-brand{font-size:24px}.planner-header nav{gap:12px}.planner-header nav>a:first-child{display:none}.planner-header .pill{font-size:10px;padding:12px 15px;gap:10px}.planner-hero{padding-inline:6vw}.hero-layout{display:flex;flex-direction:column;gap:15px;margin-top:38px;margin-bottom:22px;align-items:stretch}.hero-wording h1{font-size:clamp(58px,17vw,90px)}.hero-wording .kicker{font-size:9px;margin-bottom:24px}.hero-intro{font-size:14px;margin-top:25px;max-width:370px}.hero-buttons{gap:19px}.hero-buttons .underlink{font-size:11px}.hero-canvas{height:365px;margin-top:35px;width:100%;max-width:500px;align-self:center}.canvas-note{left:0;font-size:7px}.hero-project-back{width:80%;top:35px;right:2%}.hero-project-front{width:86%;top:115px;left:0}.hero-project-small{width:42%;top:235px;right:3%}.canvas-stamp{width:62px;height:62px;right:3%;top:3px;font-size:6px}.canvas-stamp span{font-size:20px}.canvas-caption{bottom:0;font-size:6px}.hero-bottom{font-size:7px;letter-spacing:.6px;gap:15px}.hero-bottom>span:nth-child(2){display:none}.planner-section{padding:65px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:13px;max-width:430px}.product-grid{grid-template-columns:1fr;gap:12px}.product-tile{min-height:215px;padding:24px}.product-symbol{position:absolute;right:25px;top:30px;margin:0;font-size:55px}.product-tile h3{margin-top:37px;max-width:230px;font-size:29px}.product-bottom{padding-top:22px}.calculator-shell{grid-template-columns:1fr}.calculator-main{padding:27px 20px}.budget-panel{padding:28px 24px}.budget-price{font-size:42px}.budget-price span{display:inline-block;margin-left:12px;font-size:24px}.budget-type{margin-top:18px}.budget-empty{margin:22px 0}.budget-person{margin-top:25px}.step-status>span:last-child{font-size:6px}.choice{padding:15px 13px;gap:10px}.choice-content strong{font-size:13px}.choice-content>span{font-size:10px}.choice-price{font-size:10px}.choice-check{width:18px;height:18px}.choice input{right:13px}.step-intro{font-size:12px}.featured-work{grid-template-columns:1fr;gap:42px}.work-card:first-child{display:block}.work-card:first-child .work-info{padding-top:25px}.work-visual{padding:28px 22px}.work-info h3{font-size:29px}.more-work{grid-template-columns:1fr 1fr;gap:28px 14px}.more-work-heading{display:block;margin-top:55px}.more-work-heading h3{font-size:26px;margin-bottom:15px}.more-work a>span{font-size:11px}.more-work small{font-size:6px}.app-case{display:block;padding:25px}.app-case>*{display:block;margin-bottom:16px}.app-case>span{max-width:none}.app-case>*:last-child{margin:0}.process-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.process-grid h3{margin:18px 0 12px}.planner-faq{grid-template-columns:1fr;gap:30px}.planner-faq summary{font-size:13px}.planner-footer{flex-direction:column;align-items:flex-start;padding:35px 6vw;gap:23px}.planner-close{padding-block:60px}.result-price{font-size:27px}.result-mail{font-size:11px;gap:10px;padding:15px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-project:hover,.work-visual:hover .browser-frame,.product-tile:hover,.pill:hover{transform:none}}