/* A lightweight 3D project studio and animated channel diagram. */
.budget-planner{padding:92px 0;background:linear-gradient(180deg,#f7f9fc,#edf2f8);scroll-margin-top:75px;overflow:clip}
.budget-planner>.shell{width:min(1200px,calc(100% - 80px))}
.planner-heading h1{font:600 clamp(34px,4vw,54px)/1.08 var(--corp-font);letter-spacing:-.045em;margin:18px 0 0}.planner-heading :is(h1,h2){color:#172c48}.planner-heading>p{color:#526783;line-height:1.85}
.planner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.planner-toolbar>span{display:flex;align-items:center;gap:9px;color:#426083;font:500 11px var(--corp-font);letter-spacing:.1em}
.planner-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#2a9c7c;box-shadow:0 0 0 4px #2a9c7c12}
.planner-toolbar button{display:flex;align-items:center;gap:8px;min-height:44px;background:transparent;color:#426083;font:400 12px var(--corp-font);border:0;cursor:pointer;padding:8px 0 8px 12px}
.planner-toolbar button:disabled{cursor:default}
.planner-studio{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid #dce4f0;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 15px 55px #293f6810;margin-bottom:28px}
.planner-preview{position:relative;min-height:460px;perspective:1000px;isolation:isolate;background:radial-gradient(ellipse at 35% 44%,#e0edff 0,#eff3ff 40%,#e8eef8 80%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.planner-preview-grid{position:absolute;inset:-30%;background-image:linear-gradient(#7593c51a 1px,transparent 1px),linear-gradient(90deg,#7593c51a 1px,transparent 1px);background-size:42px 42px;transform:rotateX(62deg) rotateZ(-28deg) translateY(130px);mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.planner-preview-orbit{position:absolute;width:330px;height:330px;border:1px solid #98b7e857;border-radius:50%;box-shadow:0 0 0 38px #d3e1f433,0 0 0 76px #d3e1f420;transform:rotateX(62deg) rotateZ(-25deg);animation:plan-orbit 12s ease-in-out infinite alternate}
.planner-preview-caption{position:absolute;left:26px;right:26px;top:23px;display:flex;justify-content:space-between;gap:20px;margin:0;color:#5d7392;font:500 9px var(--corp-font);letter-spacing:.14em}
.planner-preview-caption span{font-weight:400;letter-spacing:.04em}
.planner-browser{position:relative;width:77%;max-width:410px;background:#fff;border:1px solid #c4d2e7;border-radius:12px;box-shadow:-10px 25px 32px #3e5d8828,-1px 2px 0 #a6b8d0;transform:rotateY(-14deg) rotateX(10deg) rotateZ(-6deg);animation:plan-browser-float 7s ease-in-out infinite;transform-style:preserve-3d}
.planner-browser-chrome{height:29px;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid #e2e7ef;border-radius:12px 12px 0 0;background:#f8fafd}
.planner-browser-chrome>i{width:5px;height:5px;border-radius:50%;background:#ccd6e4}.planner-browser-chrome>i:first-child{background:#94abd0}
.planner-browser-chrome>span{font:400 6px var(--corp-font);text-align:center;flex:1;color:#8494a8;letter-spacing:.02em}.planner-browser-chrome>b{font-size:9px;color:#7f96b4}
.planner-browser-content{padding:18px;min-height:218px;box-sizing:border-box}
.planner-browser-nav{display:flex;gap:9px;align-items:center;margin-bottom:21px}.planner-browser-nav>b{font:600 10px var(--corp-font);letter-spacing:-.03em;color:#152f55;margin-right:auto}.planner-browser-nav>span{width:20px;height:3px;background:#d8e2ef;border-radius:5px}.planner-browser-nav>i{font:normal 11px var(--corp-font);background:#dceaff;color:#2868d7;padding:1px 5px;border-radius:5px}
.planner-mock-basic{position:relative;min-height:154px}.planner-mock-basic>small{display:block;font:500 5px var(--corp-font);letter-spacing:.13em;color:#6381a9}.planner-mock-basic>strong{display:block;font:600 clamp(15px,1.6vw,23px)/1.16 var(--corp-font);letter-spacing:-.04em;color:#1b3459;margin-top:12px;width:75%;position:relative;z-index:2}.planner-mock-basic>em{display:inline-block;margin-top:13px;font:normal 500 6px var(--corp-font);color:#fff;background:#2868d7;border-radius:12px;padding:5px 9px}
.planner-mock-sphere{position:absolute;width:92px;height:92px;right:3px;top:22px;border-radius:26px;transform:rotate(-15deg);background:linear-gradient(135deg,#d8e9ff,#7ca6eb);box-shadow:inset 1px 1px 2px #fff,10px 10px 18px #6583ba24;display:grid;place-items:center;overflow:hidden}
.planner-mock-sphere>i{position:absolute;width:85px;height:32px;transform:rotate(45deg);border-radius:50%;border:1px solid #f7fbffb0}.planner-mock-sphere>i:nth-child(2){transform:rotate(-45deg)}.planner-mock-sphere>i:nth-child(3){transform:rotate(90deg)}
.planner-mock-cards{display:flex;gap:9px;margin-top:23px}.planner-mock-cards>i{height:24px;flex:1;border:1px solid #e5ebf4;border-radius:5px;background:linear-gradient(110deg,#f7faff,#f0f5fd)}
.planner-preview[data-kind=mini] .planner-mock-cards>i:last-child{display:none}.planner-preview[data-kind=landing] .planner-mock-sphere{border-radius:50%;background:linear-gradient(135deg,#d9ddff,#b29ae5)}.planner-preview[data-kind=business] .planner-mock-cards>i{background:linear-gradient(#dce9ff 40%,#f3f7fe 40%)}
.planner-mock-store,.planner-mock-app{display:none}.planner-preview:is([data-kind=shop],[data-kind=commerce]) .planner-mock-basic,.planner-preview[data-kind=webapp] .planner-mock-basic{display:none}
.planner-preview:is([data-kind=shop],[data-kind=commerce]) .planner-mock-store{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.planner-mock-store>div{background:#f1f6fd;border:1px solid #e1e9f6;border-radius:8px;padding:11px 7px}.planner-mock-store i{display:block;width:36px;height:47px;margin:0 auto 12px;background:linear-gradient(130deg,#cad7ee,#8babe0);border-radius:9px 9px 13px 13px;transform:rotate(-9deg);box-shadow:3px 4px 7px #5475a630}.planner-mock-store>div:nth-child(2)>i{border-radius:50%;background:linear-gradient(130deg,#e2d4f5,#bc9ddd)}.planner-mock-store>div:nth-child(3)>i{border-radius:4px;transform:rotate(8deg);background:linear-gradient(130deg,#c6e3dd,#92bdb2)}.planner-mock-store span,.planner-mock-store b{display:block;height:3px;background:#c0cfe5;border-radius:3px;width:82%;margin-bottom:6px}.planner-mock-store b{width:45%;background:#7298d1}.planner-mock-store>em{grid-column:1/-1;text-align:right;font:normal 500 6px var(--corp-font);color:#2868d7;padding:8px}.planner-preview[data-kind=commerce] .planner-mock-store>div{box-shadow:0 5px 10px #5475a612;border-color:#c9d8ef}
.planner-preview[data-kind=webapp] .planner-mock-app{display:grid;grid-template-columns:32px 1fr;gap:15px;min-height:154px}.planner-mock-app>aside{border-radius:7px;background:#1d3d70;padding:11px 7px}.planner-mock-app>aside>i{display:block;height:4px;border-radius:2px;background:#a5bceb77;margin:0 0 15px}.planner-mock-app>div>span{display:block;width:45%;height:6px;background:#dce7f7;border-radius:3px;margin:7px 0 15px}.planner-mock-app svg{width:100%;height:75px;background:repeating-linear-gradient(0deg,transparent 0 24px,#e5ecf6 24px 25px);overflow:visible}.planner-mock-app path{stroke:#5289d8;fill:none;stroke-width:3;stroke-linejoin:round}.planner-mock-app footer{display:flex;gap:8px;margin-top:15px}.planner-mock-app footer>i{height:22px;flex:1;border-radius:4px;background:#e8effa}
.planner-preview-float{position:absolute;right:22px;bottom:82px;display:flex;align-items:center;gap:11px;padding:14px 18px;background:#ffffffde;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:13px;box-shadow:0 15px 35px #335c8f1a;transform:rotate(-3deg);animation:plan-card-float 7s ease-in-out infinite}
.planner-preview-float>span{width:33px;height:33px;display:grid;place-items:center;border:1px solid #cedef3;background:#e8f1ff;border-radius:10px;color:#2868d7;font-size:18px}.planner-preview-float small{display:block;font:500 6px var(--corp-font);letter-spacing:.1em;color:#7086a4}.planner-preview-float b{display:block;margin-top:5px;font:500 11px var(--corp-font);color:#1f3e6c}
.planner-preview-footer{position:absolute;bottom:24px;left:26px;right:26px;display:flex;align-items:center;gap:12px;color:#617999;font:400 7px var(--corp-font);letter-spacing:.08em}.planner-preview-footer>span:first-child{font-size:11px;color:#426897}.planner-preview-footer>i{height:1px;background:#b5c8e3;flex:1}
.planner-project-config{padding:32px}.planner-step-heading{display:flex;gap:13px;align-items:center}.planner-step-heading>span,.planner-inputs>h3>span{color:#53749e;font:400 12px var(--corp-font);background:#edf3fc;border-radius:6px;padding:7px}.planner-step-heading>h3{font:500 21px/1.25 var(--corp-font);letter-spacing:-.03em;color:#172c48;margin:0}.planner-project-config>p{font-size:13px;line-height:1.7;color:#526783;margin:13px 0 20px}
.planner-type-grid{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.planner-type{position:relative;min-width:0}.planner-type>input{position:absolute;width:1px;height:1px;opacity:0;top:50%;left:15px}.planner-type>span{display:block;height:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #dfe7f1;background:#f8fafc;border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}.planner-type>span:after{content:'↗';position:absolute;right:12px;top:12px;color:#8aa1bf;font-size:12px}.planner-type strong{display:block;font:500 12px/1.4 var(--corp-font);color:#334e72;padding-right:13px}.planner-type small{display:block;font:400 11px/1.4 var(--corp-font);margin-top:5px;color:#5c7597}.planner-type input:checked+span{background:#edf4ff;border-color:#5789d5;box-shadow:0 0 0 1px #5789d5}.planner-type input:checked+span:after{content:'✓';color:#2868d7}.planner-type input:focus-visible+span{outline:3px solid #0b57cc;outline-offset:3px}.planner-type:last-child{grid-column:1/-1}
.planner-type-estimate{margin-top:22px;padding-top:19px;border-top:1px solid #e5ebf4}.planner-type-estimate>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.planner-type-estimate span{font-size:11px;line-height:1.5;color:#5c7597}.planner-type-estimate strong{font:500 23px/1.3 var(--corp-font);letter-spacing:-.04em;white-space:nowrap;color:#204f91}.planner-type-estimate>p{font-size:12px;line-height:1.7;color:#526783;margin:10px 0 0}.planner-project-config>.planner-scope-note{font-size:11px;line-height:1.75;margin:14px 0 0;color:#60718a}
.planner-layout{gap:28px}.planner-inputs,.planner-results{padding:30px;border-radius:23px}.planner-inputs>h3{color:#172c48}.planner-service{padding:17px 14px;border-radius:13px;background:#f8faff}.planner-service-choice{gap:10px}.planner-service-choice strong{font-size:14px}.planner-service-choice small{font-size:11px;color:#5b7190;max-width:23ch}.planner-service-symbol{display:grid;place-items:center;width:32px;height:36px;flex:none;border-radius:9px;background:#e6effc;border:1px solid #d9e6f8;font:400 19px var(--corp-font);color:#3b6db7}.planner-service[data-planner-service=seo] .planner-service-symbol{background:#edeafa;color:#6c63ae;border-color:#e2def4}.planner-service[data-planner-service=local] .planner-service-symbol{background:#e2f1ed;color:#3f8473;border-color:#d3e9e2}.planner-service[data-planner-service=ads] .planner-service-symbol{background:#f8efdf;color:#9c7a36;border-color:#f0e3c9}.planner-service[data-active=false] .planner-service-symbol{filter:grayscale(1);opacity:.5}.planner-budget input{width:75px;font-size:18px;padding:4px 0}.planner-budget>small{font-size:10px}.planner-ad-slider output{font-size:17px}
.planner-results{background:radial-gradient(ellipse at 100% 0,#29497366,transparent 55%),#142943;border-color:#203c60;box-shadow:0 18px 48px #1c36551c;position:sticky;top:85px}.planner-result-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.11em;color:#b1c9e8;margin-bottom:24px}.planner-result-kicker>span{font:400 12px var(--corp-font);letter-spacing:0;padding:7px;background:#ffffff0d;border:1px solid #ffffff13;border-radius:6px}.planner-costs strong{font-size:clamp(28px,3vw,39px);font-variant-numeric:tabular-nums}.planner-costs span,.planner-metric>span{font-size:11px;color:#b2c5df}
.planner-flow{padding-top:23px}.planner-flow>p{font:400 11px var(--corp-font);color:#afc5e2;margin:0 0 5px}.planner-flow svg{display:block;width:100%;height:auto;overflow:visible}.planner-flow-track{fill:none;stroke:#5d81af50;stroke-width:1}.planner-flow-signal{fill:none;stroke:#98bdff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:5 205;animation:plan-signal 4s linear infinite;animation-delay:var(--signal-delay,0s)}.planner-flow-signal[data-enabled=false]{opacity:0;animation-play-state:paused}.planner-flow-signal-main{stroke:#8dd6c4;stroke-dasharray:6 140;animation-duration:3s}.planner-flow g{transition:opacity .25s}.planner-flow g[data-enabled=false]{opacity:.3}.planner-flow circle:not(.planner-flow-hub):not(.planner-flow-customer){fill:#213c60;stroke:#5378a656;stroke-width:1}.planner-flow text{font:500 12px var(--corp-font);fill:#c0d5f2;text-anchor:middle}.planner-flow text.planner-flow-label{font:400 10px var(--corp-font);fill:#a9c1df}.planner-flow-hub{fill:#284d7c;stroke:#729ddd80;stroke-width:1}.planner-flow-customer{fill:#24544f;stroke:#7acbb4a0;stroke-width:1}.planner-flow-browser{stroke:#c8e0ff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.planner-metrics{padding-top:0;gap:24px}.planner-metric>strong{font-variant-numeric:tabular-nums}.planner-metric:last-child{border-left:2px solid #92c0ff;padding-left:15px}.planner-metric:last-child>strong{color:#9dc8ff;font-size:38px;margin-top:4px}.planner-model-note,.planner-chart>p,.planner-math p{font-size:11px;line-height:1.85}.planner-chart-line{stroke:#90bfff;stroke-width:2.5;filter:drop-shadow(0 0 4px #7cafff65);transition:d .35s}.planner-chart-area{transition:d .35s}.planner-chart circle{transition:cx .35s,cy .35s}.planner-chart text{fill:#afc6e5}.planner-chart-ticks{font-size:10px;color:#b6cbe6}.planner-inquiry>summary{padding:18px 28px;box-shadow:0 8px 22px #2868d726}
@keyframes plan-browser-float{0%,100%{transform:rotateY(-14deg) rotateX(10deg) rotateZ(-6deg) translateY(0)}50%{transform:rotateY(-9deg) rotateX(7deg) rotateZ(-4deg) translateY(-9px)}}
@keyframes plan-card-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(0deg) translateY(7px)}}
@keyframes plan-orbit{from{transform:rotateX(62deg) rotateZ(-25deg) scale(.95)}to{transform:rotateX(60deg) rotateZ(-5deg) scale(1.08)}}
@keyframes plan-signal{to{stroke-dashoffset:-210}}
.budget-planner[data-plan-motion-state=paused] *{animation-play-state:paused!important;transition:none!important}
.budget-planner[data-plan-visible=false] *{animation-play-state:paused!important}
html[data-motion=paused] .budget-planner *{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.budget-planner *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){.planner-project-config,.planner-inputs,.planner-results{padding:25px}.planner-service-symbol{display:none}.planner-type-estimate>div{display:block}.planner-type-estimate strong{display:block;margin-top:6px}.planner-preview{min-height:510px}.planner-preview-float{right:15px}.planner-service-choice strong{font-size:13px}.planner-budget input{width:63px;font-size:16px}}
@media(max-width:900px){.budget-planner>.shell{width:calc(100% - 48px)}.planner-studio{grid-template-columns:.82fr 1fr}.planner-project-config{padding:24px}.planner-preview-caption{left:18px;right:18px;font-size:7px}.planner-preview-caption>span{display:none}.planner-preview{min-height:530px}.planner-browser{width:84%}.planner-browser-content{padding:13px;min-height:190px}.planner-mock-sphere{width:65px;height:65px;right:-3px}.planner-mock-basic>strong{font-size:16px;width:90%}.planner-mock-basic{min-height:138px}.planner-preview-float{bottom:115px;padding:12px;right:12px}.planner-preview-footer{left:18px;right:18px}.planner-preview-footer>span:last-child{font-size:6px;max-width:14ch;line-height:1.7}.planner-step-heading>h3{font-size:19px}.planner-type-grid{gap:7px}.planner-type>span{padding:10px 11px}.planner-type strong{font-size:11px}.planner-layout{grid-template-columns:1fr;gap:24px}.planner-results{position:relative;top:auto}.planner-inputs,.planner-results{padding:28px}.planner-service-symbol{display:grid}.planner-service{padding:16px}.planner-service-choice strong{font-size:14px}.planner-service-choice small{max-width:none}.planner-budget input{width:78px;font-size:18px}.planner-mobile-live{display:grid}.planner-mobile-live small{font-size:11px;color:#526783}.planner-mobile-live b{font-size:25px}.planner-mobile-live>a{font-size:12px;color:#42638d}.planner-costs strong{font-size:40px}.planner-metric>strong{font-size:35px}.planner-metric:last-child>strong{font-size:42px}.planner-flow svg{max-height:200px}}
@media(max-width:620px){.budget-planner{padding:55px 0}.budget-planner>.shell{width:calc(100% - 36px)}.planner-heading :is(h1,h2){font-size:35px}.planner-toolbar{margin-bottom:12px;gap:10px}.planner-toolbar>span{font-size:9px;letter-spacing:.08em}.planner-toolbar button{font-size:10px}.planner-studio{grid-template-columns:1fr;border-radius:21px;margin-bottom:20px}.planner-preview{min-height:310px}.planner-browser{width:69%;max-width:320px}.planner-browser-content{padding:16px;min-height:205px}.planner-browser-nav{margin-bottom:18px}.planner-mock-basic>strong{font-size:21px;width:85%}.planner-mock-sphere{width:84px;height:84px;right:3px}.planner-mock-basic{min-height:140px}.planner-preview-caption{top:16px;font-size:8px}.planner-preview-caption>span{display:block;font-size:7px}.planner-preview-float{bottom:39px;right:23px;padding:11px 14px}.planner-preview-float b{font-size:10px}.planner-preview-footer{bottom:14px}.planner-preview-footer>span:last-child{max-width:none;font-size:6px}.planner-project-config{padding:25px 21px}.planner-step-heading>h3{font-size:20px}.planner-project-config>p{font-size:12px}.planner-type>span{padding:13px}.planner-type strong{font-size:12px}.planner-type-estimate>div{display:flex;align-items:center}.planner-type-estimate strong{font-size:23px;margin:0}.planner-type-estimate span{font-size:10px;max-width:16ch}.planner-inputs,.planner-results{padding:25px 21px;border-radius:21px}.planner-inputs>h3{font-size:20px}.planner-service{padding:15px 12px;gap:8px}.planner-service-symbol{display:none}.planner-service-choice strong{font-size:13px}.planner-service-choice small{font-size:11px;max-width:23ch}.planner-budget input{font-size:17px;width:65px}.planner-budget>small{font-size:10px}.planner-costs span{font-size:11px;min-height:34px}.planner-costs strong{font-size:32px;margin-top:7px}.planner-metrics{gap:24px 17px}.planner-metric>span{font-size:10px;min-height:32px}.planner-metric>strong{font-size:29px}.planner-metric:last-child>strong{font-size:36px;margin-top:3px}.planner-key-assumptions{font-size:10px}.planner-chart-ticks{font-size:9px;margin-left:25px}.planner-inquiry>summary{font-size:13px;gap:13px;padding:17px 22px}}
@media(max-width:360px){.budget-planner>.shell{width:calc(100% - 28px)}.planner-heading :is(h1,h2){font-size:31px}.planner-preview{min-height:280px}.planner-browser{width:72%}.planner-browser-content{padding:12px;min-height:175px}.planner-mock-basic>strong{font-size:18px}.planner-mock-sphere{width:66px;height:66px}.planner-mock-basic{min-height:118px}.planner-mock-cards{margin-top:17px}.planner-preview-float{right:15px;bottom:29px;padding:10px}.planner-preview-float>span{width:27px;height:27px}.planner-project-config,.planner-inputs,.planner-results{padding:22px 16px}.planner-step-heading>h3{font-size:18px}.planner-type strong{font-size:11px}.planner-type small{font-size:10px}.planner-type-estimate strong{font-size:21px}.planner-service{padding:13px 9px}.planner-service-choice strong{font-size:12px}.planner-service-choice small{font-size:10px;max-width:20ch}.planner-budget input{width:57px;font-size:16px}.planner-costs strong{font-size:28px}.planner-costs span{font-size:10px}.planner-metric>strong{font-size:27px}.planner-metric:last-child>strong{font-size:33px}.planner-chart-ticks{font-size:8px}}