.order-page{background:#f8f9fb;min-height:80vh;padding:56px 0 96px;color:#13285f}.order-shell{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}.order-sidebar{position:sticky;top:136px}.order-summary{background:#fff;border:1px solid #dfe4ec;border-radius:16px;padding:20px;box-shadow:0 10px 30px #13285f0a}.order-heading>span,.order-summary>span{display:block;color:#f29020;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:900}.order-summary p{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.order-summary small{grid-column:1/-1;text-transform:uppercase;letter-spacing:1.5px;color:#7b8497;font-size:9px}.order-summary strong{font-size:13px}.order-summary-total{border-top:1px solid #e6e9ef;padding-top:16px}.order-summary-total strong{font-size:20px}.order-summary em{display:block;font-size:10px;line-height:1.5;color:#687287;background:#f5f7fa;border-radius:10px;padding:10px;font-style:normal}.order-progress{list-style:none;padding:24px 0 0;margin:0}.order-progress li{display:flex;gap:12px;position:relative;padding:8px 0 18px;color:#9aa2b1}.order-progress li:not(:last-child):after{content:"";position:absolute;left:15px;top:39px;width:1px;height:20px;background:#dbe0e8}.order-progress b{width:31px;height:31px;border:1px solid #dbe0e8;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#fff;z-index:1}.order-progress span{display:grid;gap:3px}.order-progress strong{font-size:12px}.order-progress small{font-size:9px;line-height:1.4}.order-progress .active{color:#13285f}.order-progress .active b{border-color:#f29020;color:#f29020}.order-progress .done{color:#13285f}.order-progress .done b{background:#203b7d;color:#fff;border-color:#203b7d}.order-progress .done:not(:last-child):after{background:#f29020}.order-workspace{background:#fff;border:1px solid #e2e6ed;border-radius:20px;padding:36px;min-height:640px}.order-heading{border-bottom:1px solid #e7eaf0;padding-bottom:24px;margin-bottom:28px}.order-heading h1{font:800 clamp(30px,4vw,44px)/1.08 Plus Jakarta Sans,sans-serif;letter-spacing:-2px;margin:12px 0;color:#183574}.order-heading p{color:#657086;line-height:1.6;max-width:720px}.choice-row,.duration-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-row button,.duration-row button{min-height:90px;text-align:left;padding:16px;border:1px solid #dde2ea;border-radius:14px;background:#fff;color:#1d3164;cursor:pointer}.choice-row button.selected,.duration-row button.selected{border:2px solid #f39a2d;background:#fffaf3}.choice-row span,.choice-row strong,.duration-row span,.duration-row strong{display:block}.choice-row span,.duration-row span{font-size:11px;color:#727c90;margin-top:7px}.domain-entry{margin-top:22px}.domain-entry label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.4px;font-weight:800;margin-bottom:8px}.domain-entry>div{display:flex}.business-form input,.business-form textarea,.domain-entry input,.template-tools input,.template-tools select{width:100%;border:1px solid #dfe3e9;border-radius:12px;padding:14px;background:#fff;color:#13285f}.domain-entry input{border-radius:12px 0 0 12px}.domain-entry button{border:0;border-radius:0 12px 12px 0;background:#203b7d;color:#fff;font-weight:800;padding:0 22px;white-space:nowrap}.domain-ok{color:#087a4c}.domain-bad,.order-message{color:#a7362b}.manual-domain{font-size:12px;color:#687287}.manual-domain a{color:#173c8d;text-decoration:underline}.template-tools{display:grid;grid-template-columns:1fr 200px;gap:10px;margin-bottom:18px}.funnel-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.funnel-template-grid article{border:1px solid #dfe3ea;border-radius:14px;overflow:hidden;background:#fff}.funnel-template-grid article.selected{border:2px solid #f39a2d}.funnel-template-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.funnel-template-grid article>div{padding:13px}.funnel-template-grid small{color:#788198}.funnel-template-grid h2{font-size:14px;min-height:36px;margin:7px 0 12px}.funnel-template-grid article span{display:flex;gap:8px}.funnel-template-grid a,.funnel-template-grid button{flex:1;min-height:40px;border:1px solid #dce1e9;border-radius:9px;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;cursor:pointer}.funnel-template-grid button{background:#203b7d;color:#fff;border-color:#203b7d}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.package-grid article{display:flex;flex-direction:column;border:1px solid #dfe3ea;border-radius:16px;padding:20px}.package-grid article.selected{border:2px solid #f39a2d}.package-grid small{color:#788198}.package-grid h2{margin:8px 0}.package-grid>article>strong{font-size:25px}.package-grid p{color:#687287;font-size:12px;line-height:1.6;flex:1}.package-grid button,.pay-action,.primary-action{border:0;border-radius:11px;min-height:46px;background:#203b7d;color:#fff;padding:0 20px;font-weight:800;cursor:pointer}.business-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.business-form label{display:grid;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.business-form .login-required,.business-form .wide,.business-form>button{grid-column:1/-1}.login-required,.payment-note{display:grid;gap:4px;background:#f3f6fa;border-radius:12px;padding:14px;font-size:12px}.login-required span,.payment-note span{color:#687287}.review-card{border:1px solid #dfe3ea;border-radius:16px;padding:24px}.review-card dl{margin:0}.review-card dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0f4}.review-card dt{color:#6e788c}.review-card dd{margin:0;text-align:right;font-weight:800}.review-card .grand-total{font-size:20px;color:#183574;border-bottom:0}.pay-action,.payment-note{margin-top:18px}.pay-action{width:100%;background:#f39a2d;color:#172c60}.order-message{background:#fff0ed;border-radius:10px;padding:12px;font-size:12px}.order-nav{display:flex;align-items:center;gap:12px;border-top:1px solid #e7eaf0;margin-top:28px;padding-top:20px}.order-nav span{flex:1}.order-nav>a,.secondary-action{border:1px solid #cfd6e2;border-radius:11px;min-height:46px;padding:0 18px;background:#fff;color:#1c3775;display:inline-grid;place-items:center;font-weight:800;cursor:pointer}@media(max-width:900px){.order-shell{grid-template-columns:1fr}.order-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-progress{padding:0}.funnel-template-grid,.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.order-page{padding:24px 0 60px}.order-shell{width:min(100% - 24px,1180px);gap:18px}.order-sidebar{display:block}.order-progress{display:flex;overflow-x:auto;gap:8px;padding-top:14px}.order-progress li{min-width:110px}.order-progress li:after{display:none}.order-workspace{padding:20px;border-radius:15px;min-height:0}.business-form,.choice-row,.duration-row,.funnel-template-grid,.package-grid,.template-tools{grid-template-columns:1fr}.domain-entry>div{display:grid;gap:8px}.domain-entry button,.domain-entry input{border-radius:11px;min-height:48px}.review-card dl div{display:grid}.review-card dd{text-align:left}.order-nav{position:sticky;bottom:0;background:#fff;padding-bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.order-nav>span{display:none}.order-nav button,.order-nav>a{width:100%;padding-inline:10px;font-size:11px}.order-heading h1{font-size:31px;letter-spacing:-1.4px}}.order-page{--funnel-accent:var(--lime);--funnel-accent-deep:#b8ca0d;--funnel-ink:#171717;--funnel-ink-soft:#292927;--funnel-canvas:#f5f5f1;--funnel-line:#deded8;--funnel-muted:#686862;overflow-x:hidden;color:var(--funnel-ink);background:var(--funnel-canvas)}.order-summary,.order-workspace{border-color:var(--funnel-line)}.order-summary{box-shadow:0 18px 50px #1717170a}.order-heading>span,.order-summary>span{color:#657300}.order-heading{border-color:var(--funnel-line)}.funnel-empty strong,.order-heading h1,.order-progress .active,.order-progress .done,.review-card .grand-total{color:var(--funnel-ink)}.order-progress li:not(:last-child):after{background:var(--funnel-line)}.order-progress b{border-color:var(--funnel-line)}.order-progress .active b{color:var(--funnel-ink);background:var(--funnel-accent);border-color:var(--funnel-accent-deep)}.order-progress .done b{color:var(--funnel-accent);background:var(--funnel-ink);border-color:var(--funnel-ink)}.order-progress .done:not(:last-child):after{background:var(--funnel-accent-deep)}.choice-row button.selected,.duration-row button.selected,.funnel-template-grid article.selected,.package-grid article.selected{color:var(--funnel-ink);background:#fbfde9;border-color:var(--funnel-accent-deep);box-shadow:inset 0 0 0 1px var(--funnel-accent-deep)}.domain-entry button,.funnel-template-grid button,.package-grid button,.primary-action{color:var(--funnel-accent);background:var(--funnel-ink);border-color:var(--funnel-ink)}.pay-action{color:var(--funnel-ink);background:var(--funnel-accent)}.login-required,.payment-note{background:#f7f8e8;border:1px solid #e2e8a0}.funnel-empty button,.load-more-templates,.manual-domain a,.order-nav>a,.secondary-action{color:var(--funnel-ink)}.order-page input::selection,.order-page textarea::selection{color:var(--funnel-ink);background:var(--funnel-accent)}.order-heading{margin:0 0 32px;padding:0 0 28px}.order-heading>span{margin:0 0 12px;padding:0;line-height:1.4}.order-heading h1{max-width:760px;margin:0 0 12px;padding:0;letter-spacing:-.035em;text-wrap:balance}.order-heading p{max-width:68ch;margin:0;padding:0;font-size:15px;line-height:1.65}.choice-row button,.duration-row button{padding:18px}.choice-row strong,.duration-row strong{margin:0;line-height:1.35}.choice-row span,.duration-row span{margin:6px 0 0;line-height:1.45}.domain-bad,.domain-ok,.manual-domain{margin:16px 0 0}.order-message,.order-notice{margin:20px 0 0}.funnel-empty{grid-column:1/-1;padding:36px;color:#526078;text-align:center;border:1px dashed #cfd6e2;border-radius:14px}.funnel-empty strong{display:block;color:#183574}.funnel-empty p{margin:8px 0 16px}.funnel-empty button{min-height:44px;padding:0 18px;border:1px solid #cfd6e2;border-radius:10px}.funnel-empty button,.load-more-templates{color:#183574;font-weight:800;background:#fff;cursor:pointer}.load-more-templates{display:block;min-height:46px;margin:24px auto 0;padding:0 22px;border:1px solid #cfd6e2;border-radius:11px}.demo-unavailable-label{display:grid;flex:1;min-height:40px;place-items:center;color:#7a8394;font-size:10px;text-align:center;background:#f5f7fa;border-radius:9px}.template-package-badge{display:inline-flex;width:fit-content;margin-top:8px;padding:5px 8px;color:#4d5800;font-size:9px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;background:#f1f7bb;border-radius:6px}.package-grid article.unavailable{color:#676761;background:#f7f7f3;border-style:dashed}.package-grid article.unavailable button{color:#676761;background:#e7e7e1;border-color:#d5d5ce;opacity:1}.order-notice{padding:12px 14px;color:#465100;font-size:12px;line-height:1.55;background:#f1f7bb;border:1px solid #d5df78;border-radius:10px}.order-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--funnel-accent-deep);outline-offset:3px}.order-page :is(button,a){touch-action:manipulation;-webkit-tap-highlight-color:#dbef1a42}.order-page button:disabled{cursor:not-allowed;opacity:.58}.order-page :is(.choice-row button,.duration-row button,.package-grid button,.primary-action,.pay-action,.secondary-action,.order-nav>a,.funnel-template-grid a,.funnel-template-grid button,.domain-entry button,.funnel-empty button){transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.order-page :is(.choice-row button,.duration-row button,.secondary-action,.order-nav>a,.funnel-template-grid a,.funnel-empty button):hover{background:#f6f8fb;border-color:#9eabc0}.order-page :is(.package-grid button,.primary-action):hover{color:#fff;background:var(--funnel-ink-soft)}.pay-action:hover{background:#c9dc12}.order-summary strong,.package-grid>article>strong,.review-card .grand-total{font-variant-numeric:tabular-nums}.package-grid{align-items:stretch;gap:16px;margin-top:24px}.package-grid article{min-height:272px;padding:24px}.package-grid article.selected{border-width:1px}.package-grid small{display:block;margin:0 0 12px;line-height:1.4}.package-grid h2{margin:0 0 12px;line-height:1.2}.package-grid>article>strong{display:block;margin:0 0 10px;line-height:1.1}.package-grid p{margin:0 0 24px}.package-grid button{width:100%;margin-top:auto}.order-summary strong,.review-card dd{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.order-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.order-progress li,.order-progress span,.order-shell>*,.order-sidebar>*,.order-summary p,.order-workspace *{min-width:0}.order-progress b{flex:0 0 31px}.order-summary p{grid-template-columns:minmax(0,1fr)}.order-workspace{overflow-wrap:anywhere}.domain-entry input{flex:1}.business-form textarea{resize:vertical;font:inherit}.order-page :is(input,select,textarea){max-width:100%}.order-nav>:is(a,button){white-space:normal;text-align:center}.funnel-template-grid :is(a,button){min-height:44px;padding:8px}@media (min-width:901px) and (max-width:1150px){.order-shell{grid-template-columns:230px minmax(0,1fr);gap:24px}.order-workspace{padding:24px}.funnel-template-grid,.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.order-shell{grid-template-columns:minmax(0,1fr);gap:24px}.order-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.order-workspace{min-height:0}}@media (max-width:640px){.order-shell{width:calc(100% - 24px);gap:20px}.order-sidebar{display:flex;flex-direction:column;gap:16px}.order-progress{order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;width:100%;padding:0;overflow:visible}.order-progress li{min-width:0;align-items:center;gap:6px;padding:0}.order-progress small{display:none}.order-progress strong{font-size:11px}.order-summary{width:100%;padding:16px}.order-summary p{margin:12px 0;gap:4px}.order-summary em{line-height:1.6}.order-workspace{padding:20px 16px}.order-heading{margin-bottom:24px;padding-bottom:20px}.order-heading h1,.order-heading>span{margin-bottom:10px}.order-heading h1{font-size:clamp(26px,6vw,31px);line-height:1.12}.order-heading p{font-size:14px;line-height:1.6}.duration-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.duration-row button{min-height:78px;padding:12px 8px}.duration-row strong{font-size:14px}.duration-row span{font-size:11px}.package-grid{gap:16px;margin-top:20px}.package-grid article{min-height:0;padding:20px}.package-grid p{margin-bottom:20px}.order-page :is(input,select,textarea){font-size:16px}.review-card{padding:16px}.review-card dl div{gap:6px}.order-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.order-nav>:is(a,button){min-height:48px;padding:10px 8px;font-size:12px}.order-nav>:last-child:not(.primary-action){grid-column:1/-1}}