/* A future constructor, presented in the same architectural language as KONTUR. */
.builder-offer{padding-top:0;scroll-margin-top:28px}
.builder-panel{display:grid;grid-template-columns:1.04fr 1fr;background:#222d25;color:#fafbf8;overflow:hidden;border:1px solid #303e31}
.builder-copy{padding:54px 24px 52px 52px;position:relative;z-index:1;min-width:0}
.builder-heading{display:flex;align-items:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}
.builder-heading .eyebrow{color:#c5f467;font-size:10px;letter-spacing:1.7px;margin:0}
.builder-soon{font-size:10px;line-height:1;border:1px solid #65745c;color:#d1ddc5;border-radius:20px;padding:6px 10px}
.builder-copy h2{font-size:clamp(36px,4.15vw,62px);line-height:1.09;letter-spacing:-2.5px}
.builder-copy h2 em{color:var(--lime);font-style:normal}
.builder-copy>p{max-width:420px;font-size:14px;line-height:1.9;color:#d0d8cb;margin:25px 0 0}
.builder-copy>.builder-result{color:#aab9a4;font-size:13px;margin-top:15px}
.builder-action{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.builder-launch{white-space:nowrap;gap:36px}
.builder-availability{font-size:10px;line-height:1.6;color:#b5c2ae;max-width:60px}
.builder-visual{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 50% 46%,#41543b55,transparent 68%);padding:30px 30px 24px 0}
.builder-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-left:20px;color:#a9b7a1;font-size:9px;letter-spacing:1.4px}
.builder-3d-label{border:1px solid #65745c;padding:7px 9px;color:#d6e7c8;font-size:10px}
.builder-illustration{display:grid;place-items:center;width:calc(100% + 30px);max-width:none;aspect-ratio:680/460;margin:-12px 0 -18px -10px}.builder-illustration>img,.builder-scene{display:block;width:100%;height:100%;max-height:inherit;min-height:0;object-fit:contain}
.builder-visual-footer{display:flex;align-items:center;gap:13px;padding-left:20px;color:#a9b7a1;font-size:10px;line-height:1.8}
.builder-visual-footer b{font-weight:500;color:#d2dec9}
.builder-orbit-icon{font-size:33px;font-weight:400;line-height:1;color:#c5f467}
.builder-axes{width:36px;height:36px;color:#7d9270;margin-left:auto}
.builder-steps{grid-column:1/-1;list-style:none;padding:25px 38px 27px 52px;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;border-top:1px solid #485640}
.builder-steps li{display:flex;align-items:flex-start;gap:14px;min-width:0}
.builder-steps li>span{font-size:10px;color:#b5db86;letter-spacing:.7px;padding-top:3px}
.builder-steps strong{display:block;font-size:12px;font-weight:550;line-height:1.7}
.builder-steps small{display:block;font-size:10px;line-height:1.8;color:#a9b7a1;margin-top:3px}
.header nav [data-nav=builder]{display:flex;align-items:center;gap:7px}
.nav-builder-soon{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#596c43;border:1px solid #c4d0b7;padding:3px 5px;line-height:1}
.builder-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:46px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin:auto;overflow:auto}
.builder-dialog::backdrop{background:#152019b8;backdrop-filter:blur(6px)}
.builder-dialog .eyebrow{font-size:10px;letter-spacing:1.7px;color:#61744b;margin:0 35px 28px 0}
.builder-dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;font-size:24px;font-weight:400;line-height:1}
.builder-dialog-close:hover{background:#e9ede4}
.builder-dialog-symbol{display:block;width:62px;height:62px;margin-bottom:22px;background:#ebf2e1;padding:11px}
.builder-dialog-symbol svg{width:100%;height:100%;stroke:#607c40;stroke-width:1.5;stroke-linejoin:round}
.builder-dialog h2{font-size:42px;letter-spacing:-1.8px}
.builder-dialog p{font-size:13px;line-height:1.9;color:#646e5c;margin:22px 0 28px}
.builder-dialog>.button{width:100%;font-size:12px;gap:18px}
.builder-dialog-back{display:block;background:transparent;border:0;border-bottom:1px solid #b8c2af;padding:7px 0;font-size:12px;margin:18px auto 0;color:#646e5c}
.builder-dialog-open{overflow:hidden}
.builder-animation-toggle{display:none;place-items:center;flex:none;width:32px;height:32px;margin-left:4px;padding:6px;border:1px solid #66795c;background:transparent;color:#d4e4c5;line-height:0}
.builder-animation-ready .builder-animation-toggle{display:grid}
.builder-animation-toggle:hover{background:#35462f;border-color:#a9c58a}
.builder-animation-toggle>svg{display:block;width:18px;height:18px}
.builder-play-icon,.builder-animation-paused .builder-pause-icon{display:none}
.builder-animation-paused .builder-play-icon{display:block}
.builder-scene{--builder-loop:12s}
.builder-scene .builder-layout{animation:builder-layout-cycle var(--builder-loop) linear infinite}
.builder-scene .builder-module-b{animation:builder-place-b var(--builder-loop) cubic-bezier(.22,.61,.36,1) infinite}
.builder-scene .builder-module-c{animation:builder-place-c var(--builder-loop) cubic-bezier(.22,.61,.36,1) infinite}
.builder-scene .builder-deck{animation:builder-deck-cycle var(--builder-loop) ease infinite}
.builder-scene .builder-targets{animation:builder-target-cycle var(--builder-loop) ease infinite}
.builder-scene .builder-cursor{animation:builder-cursor-cycle var(--builder-loop) cubic-bezier(.22,.61,.36,1) infinite;filter:drop-shadow(0 3px 3px #0d1b10aa);pointer-events:none}
.builder-scene .builder-cursor-path{animation:builder-cursor-grab var(--builder-loop) linear infinite}
.builder-scene .builder-cursor-pulse{transform-box:fill-box;transform-origin:center;animation:builder-cursor-pulse var(--builder-loop) linear infinite}
.builder-scene .builder-selection-b{animation:builder-select-b var(--builder-loop) ease infinite}
.builder-scene .builder-selection-c{animation:builder-select-c var(--builder-loop) ease infinite}
.builder-scene .builder-orbit{animation:builder-orbit-cycle var(--builder-loop) ease infinite}
.builder-animation-paused .builder-scene *,.builder-animation-offscreen .builder-scene *{animation-play-state:paused}
@keyframes builder-layout-cycle{0%,90%,100%{opacity:1}94%,97%{opacity:0}}
@keyframes builder-place-b{0%,18%,96%,100%{transform:translate(92px,54px)}34%,92%{transform:translate(0,0)}}
@keyframes builder-place-c{0%,46%,96%,100%{transform:translate(-24px,70px)}62%,92%{transform:translate(0,0)}}
@keyframes builder-deck-cycle{0%,56%,96%,100%{opacity:.22}65%,90%{opacity:1}}
@keyframes builder-target-cycle{0%,46%,100%{opacity:.35}64%,96%{opacity:0}}
@keyframes builder-cursor-cycle{0%,5%{transform:translate(602px,346px);opacity:0}10%{transform:translate(500px,272px);opacity:1}14%,18%{transform:translate(458px,241px);opacity:1}34%,37%{transform:translate(366px,187px);opacity:1}43%,46%{transform:translate(128px,238px);opacity:1}62%{transform:translate(152px,168px);opacity:1}69%{transform:translate(570px,334px);opacity:1}75%{transform:translate(590px,345px);opacity:0}100%{transform:translate(602px,346px);opacity:0}}
@keyframes builder-cursor-grab{0%,14%,35%,43%,63%,100%{fill:#fafbf8}18%,34%,46%,62%{fill:#c5f467}}
@keyframes builder-cursor-pulse{0%,12%,20%,41%,50%,100%{opacity:0;transform:scale(.6)}14%,44%{opacity:.8;transform:scale(.6)}19%,49%{opacity:0;transform:scale(1.65)}}
@keyframes builder-select-b{0%,10%,45%,100%{opacity:0}16%,34%{opacity:1}39%{opacity:.3}}
@keyframes builder-select-c{0%,39%,72%,100%{opacity:0}45%,62%{opacity:1}66%{opacity:.3}}
@keyframes builder-orbit-cycle{0%,59%,96%,100%{opacity:0}66%,90%{opacity:1}}
@media(prefers-reduced-motion:reduce){.builder-scene *{animation:none!important}.builder-scene .builder-cursor,.builder-scene .builder-targets,.builder-scene .builder-selection-b,.builder-scene .builder-selection-c{opacity:0}.builder-animation-ready .builder-animation-toggle{display:none}}
@media(min-width:1500px){.builder-copy{padding-left:65px}.builder-copy>p{max-width:490px;font-size:15px}.builder-copy>.builder-result{font-size:14px}.builder-illustration{max-height:405px}.builder-steps{padding-left:65px}}
@media(max-width:1150px){.header nav{gap:23px}.builder-copy{padding:42px 20px 40px 34px}.builder-visual{padding:25px 22px 25px 0}.builder-copy h2{font-size:44px}.builder-copy>p{font-size:13px}.builder-copy>.builder-result{font-size:12px}.builder-action{gap:13px}.builder-steps{padding:23px 32px;gap:20px}.builder-steps li{gap:10px}.builder-steps strong{font-size:11px}.builder-visual-heading{font-size:8px;letter-spacing:1px}}
@media(max-width:900px){.header nav{gap:16px;font-size:13px}.nav-builder-soon{display:none}.builder-copy{padding:34px 14px 34px 28px}.builder-copy h2{font-size:39px;letter-spacing:-1.8px}.builder-heading{gap:10px;margin-bottom:25px}.builder-heading .eyebrow{font-size:9px}.builder-visual{padding-right:18px}.builder-visual-heading{font-size:7px;margin-left:6px}.builder-visual-footer{padding-left:6px;font-size:9px}.builder-availability{max-width:none}.builder-steps{padding:22px 28px;gap:17px}.builder-steps small{font-size:9px}}
@media(max-width:1050px) and (min-width:901px){.header nav{gap:18px;font-size:13px}.nav-builder-soon{display:none}}
@media(max-width:900px) and (min-width:761px){.header{height:auto;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:14px}.header nav{order:3;width:100%;justify-content:space-between}}
@media(max-width:700px){.builder-panel{grid-template-columns:minmax(0,1fr)}.builder-copy{padding:34px 28px 16px}.builder-copy h2{font-size:clamp(37px,8vw,50px)}.builder-copy>p{font-size:13px;max-width:500px;margin-top:22px}.builder-copy>.builder-result{font-size:12px;margin-top:13px}.builder-heading{margin-bottom:26px}.builder-heading .eyebrow{font-size:10px}.builder-action{margin-top:25px;gap:18px}.builder-visual{padding:12px 25px 22px}.builder-visual-heading{font-size:8px;letter-spacing:1px;margin-left:0}.builder-illustration{width:100%;max-height:310px;margin:-12px 0 -22px}.builder-visual-footer{font-size:10px;padding-left:0}.builder-axes{width:30px;height:30px}.builder-steps{grid-template-columns:1fr;padding:24px 28px;gap:19px}.builder-steps li{gap:16px}.builder-steps li>span{padding-top:2px}.builder-steps strong{font-size:12px}.builder-steps small{font-size:10px;margin-top:1px}.builder-dialog{padding:34px 27px}.builder-dialog h2{font-size:36px}.builder-dialog .eyebrow{font-size:9px}}
@media(max-width:380px){.header nav{font-size:11px;gap:8px}.builder-copy{padding:30px 22px 14px}.builder-copy h2{font-size:35px}.builder-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.builder-heading{gap:10px}.builder-launch{padding:16px 18px;gap:28px;font-size:13px}.builder-availability{font-size:9px}.builder-visual{padding-left:20px;padding-right:20px}.builder-axes{display:none}.builder-animation-toggle{margin-left:auto}.builder-steps{padding-left:22px;padding-right:22px}.builder-dialog{padding:32px 22px}.builder-dialog>.button{padding:16px;font-size:11px}}
@media(prefers-reduced-motion:no-preference){.builder-launch:hover span{transform:translate(2px,-2px)}.builder-launch span{transition:transform .2s}}
