:root{--builder-blue:#145cff;--builder-cyan:#06b6d4;--builder-violet:#7545ed;--builder-ink:#0b1736;--builder-copy:#405674;--builder-line:rgba(56,91,156,.16);--builder-card:rgba(255,255,255,.82)}
.builder-page{overflow-x:hidden}.builder-hero{min-height:760px;padding:160px 0 92px;display:flex;align-items:center;background:radial-gradient(circle at 79% 26%,rgba(45,208,241,.25),transparent 26rem),radial-gradient(circle at 18% 82%,rgba(117,69,237,.13),transparent 26rem),linear-gradient(145deg,#f9fcff,#edf6ff 55%,#f8f3ff)}.builder-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:64px;align-items:center}.builder-hero h1{max-width:760px;margin:18px 0 22px;font-size:clamp(3.3rem,6.1vw,6.6rem);line-height:.98;letter-spacing:-.065em;color:var(--builder-ink);text-wrap:balance}.builder-hero p{max-width:680px;color:var(--builder-copy);font-size:1.08rem;line-height:1.75}.builder-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:25px 0 0;padding:0;list-style:none;color:#314d72;font-size:.86rem;font-weight:700}.builder-trust li:before{content:'✓';margin-right:7px;color:#07829d}.builder-orbit{position:relative;min-height:500px;display:grid;place-items:center}.builder-orbit:before,.builder-orbit:after{content:'';position:absolute;border:1px solid rgba(20,92,255,.15);border-radius:50%}.builder-orbit:before{width:480px;height:480px}.builder-orbit:after{width:360px;height:360px}.builder-screen{position:relative;z-index:2;width:min(480px,90%);aspect-ratio:1.22;padding:30px;border:1px solid rgba(255,255,255,.9);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(220,244,255,.65));box-shadow:0 38px 100px rgba(31,70,145,.2),inset 0 1px #fff;backdrop-filter:blur(24px);transform:perspective(1000px) rotateY(-7deg) rotateX(4deg);animation:builderFloat 5s ease-in-out infinite}.screen-nav{width:100%;height:38px;border-radius:13px;background:rgba(255,255,255,.78)}.screen-copy{position:absolute;left:30px;top:100px;width:42%;height:92px;border-radius:16px;background:linear-gradient(#163058 0 13px,transparent 13px 25px,#90a9c7 25px 32px,transparent 32px 44px,#b8c9dd 44px 51px,transparent 51px 68px,#145cff 68px)}.screen-visual{position:absolute;right:30px;top:96px;width:43%;height:155px;border-radius:28px 60px 28px 50px;background:radial-gradient(circle at 62% 20%,#7ee9f8,transparent 35%),linear-gradient(145deg,#145cff,#7045ed)}.screen-cards{position:absolute;left:30px;right:30px;bottom:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-cards i{height:80px;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 25px rgba(31,70,145,.1)}.orbit-chip{position:absolute;z-index:3;padding:10px 15px;border:1px solid #fff;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(31,70,145,.14);color:#174391;font-size:.75rem;font-weight:800;backdrop-filter:blur(14px)}.chip-one{left:0;top:17%}.chip-two{right:-3%;top:34%}.chip-three{left:6%;bottom:9%}@keyframes builderFloat{50%{transform:perspective(1000px) rotateY(-3deg) rotateX(1deg) translateY(-12px)}}
.builder-pricing{background:#f7fbff!important}.billing-toggle{width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;display:flex;border:1px solid var(--builder-line);border-radius:999px;background:#fff;box-shadow:0 12px 28px rgba(31,70,145,.1)}.billing-toggle button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#405674;font-weight:800;cursor:pointer}.billing-toggle button span{margin-left:6px;color:#087f9c;font-size:.7rem}.billing-toggle button.is-active{background:#102d5a;color:#fff}.billing-toggle button.is-active span{color:#b8f1ff}.builder-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.builder-plan{position:relative;padding:32px;display:flex;flex-direction:column;border:1px solid var(--builder-line);border-radius:29px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:0 22px 58px rgba(31,70,145,.11)}.builder-plan.is-featured{border-color:rgba(20,92,255,.38);box-shadow:0 30px 75px rgba(20,92,255,.18);transform:translateY(-8px)}.plan-badge{position:absolute;top:17px;right:17px;padding:6px 10px;border-radius:999px;background:#e5f6ff;color:#075aa9;font-size:.68rem;font-weight:850}.plan-kicker{color:#07819e;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.builder-plan h3{margin:12px 0 4px;color:var(--builder-ink);font-size:1.65rem}.plan-price{display:flex;align-items:end;gap:6px;margin:10px 0 22px}.plan-price strong{color:#0d2855;font:700 2.5rem/1 'Space Grotesk',sans-serif}.plan-price span{color:#64748b;font-size:.82rem}.builder-plan ul{min-height:170px;margin:0 0 24px;padding:0;display:grid;gap:11px;list-style:none;color:#405674}.builder-plan li:before{content:'✓';margin-right:8px;color:#0795b1;font-weight:900}.builder-plan .btn{margin-top:auto}.pricing-note{max-width:760px;margin:25px auto 0;color:#64748b;text-align:center;font-size:.8rem}
.builder-config-section{background:radial-gradient(circle at 8% 20%,rgba(6,182,212,.11),transparent 25rem),#edf5ff!important}.builder-shell{max-width:1180px;margin:auto;border:1px solid rgba(255,255,255,.95);border-radius:34px;background:rgba(255,255,255,.76);box-shadow:0 36px 90px rgba(31,70,145,.16);overflow:hidden;backdrop-filter:blur(24px)}.builder-progress{padding:25px 34px;border-bottom:1px solid var(--builder-line);background:rgba(248,252,255,.85)}.progress-track{height:5px;margin-bottom:18px;border-radius:99px;background:#dbe7f5;overflow:hidden}.progress-track i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--builder-cyan),var(--builder-blue),var(--builder-violet));transition:width .35s ease}.builder-progress ol{margin:0;padding:0;display:flex;justify-content:space-between;list-style:none;color:#74839b;font-size:.74rem;font-weight:750}.builder-progress li{display:flex;align-items:center;gap:7px}.builder-progress li span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e6edf7}.builder-progress li.is-active{color:#1452b5}.builder-progress li.is-active span{background:#145cff;color:#fff}.builder-shell form{padding:clamp(25px,4vw,52px)}.builder-step{display:none}.builder-step.is-active{display:block;animation:stepIn .35s ease both}@keyframes stepIn{from{opacity:0;transform:translateY(12px)}}.step-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}.step-heading>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#e6faff,#eae8ff);color:#0b67c2;font:800 .78rem 'Space Grotesk',sans-serif}.step-heading h3{margin:0 0 4px;color:var(--builder-ink);font-size:clamp(1.6rem,3vw,2.2rem)}.step-heading p{margin:0;color:#64748b}.package-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-options label,.choice-row label,.check-grid label,.choice-stack label{cursor:pointer}.package-options input,.style-grid input,.choice-row input,.check-grid input,.choice-stack input{position:absolute;opacity:0;pointer-events:none}.package-options label>span{min-height:136px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--builder-line);border-radius:20px;background:#fff;transition:.22s}.package-options b{color:var(--builder-ink);font-size:1.03rem}.package-options small{margin:6px 0 18px;color:#64748b}.package-options strong{margin-top:auto;color:#1455ca}.package-options input:checked+span{border-color:#145cff;box-shadow:0 0 0 3px rgba(20,92,255,.11),0 16px 35px rgba(20,92,255,.12);transform:translateY(-3px)}.builder-field{margin-top:26px}.field-label,fieldset legend{display:block;margin-bottom:10px;color:#243b61;font-size:.83rem;font-weight:800}.choice-row,.choice-stack{display:flex;flex-wrap:wrap;gap:10px}.choice-row label>span,.choice-stack label>span,.check-grid label>span{min-height:44px;padding:10px 14px;display:flex;align-items:center;border:1px solid var(--builder-line);border-radius:13px;background:#fff;color:#405674;font-weight:700;font-size:.83rem}.choice-row input:checked+span,.choice-stack input:checked+span,.check-grid input:checked+span{border-color:#145cff;background:#eaf2ff;color:#124cae;box-shadow:0 0 0 2px rgba(20,92,255,.09)}.field-grid,.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.builder-step>label,.field-grid>label,.asset-grid>label,.file-box{display:grid;gap:8px;margin-bottom:19px;color:#243b61;font-size:.83rem;font-weight:800}.builder-step input:not([type=radio]):not([type=checkbox]),.builder-step select,.builder-step textarea{width:100%;min-height:50px;padding:13px 15px;border:1px solid #cbd8e9;border-radius:13px;background:#fff;color:#14233e;font:500 .93rem/1.5 'Plus Jakarta Sans',sans-serif;outline:0}.builder-step textarea{resize:vertical}.builder-step input:focus,.builder-step select:focus,.builder-step textarea:focus{border-color:#145cff;box-shadow:0 0 0 3px rgba(20,92,255,.12)}.builder-step label small,.builder-step fieldset>small{color:#718096;font-size:.7rem;font-weight:550}.builder-step fieldset{min-width:0;margin:20px 0;padding:20px;border:1px solid var(--builder-line);border-radius:20px}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.style-card{height:100%;display:flex;flex-direction:column;border:2px solid transparent;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 35px rgba(31,70,145,.1);cursor:pointer;transition:.23s}.style-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dce8f7}.style-card b{padding:15px 16px 3px;color:#14233e}.style-card small{padding:0 16px 17px;color:#64748b}.style-grid input:checked+.style-card{border-color:#145cff;box-shadow:0 0 0 4px rgba(20,92,255,.11),0 20px 45px rgba(20,92,255,.16);transform:translateY(-4px)}.asset-grid fieldset{margin:0 0 20px}.file-box{margin-top:16px!important}.domain-row{display:grid;grid-template-columns:1fr 110px;gap:8px;margin:16px 0 7px}.review-grid{display:grid;grid-template-columns:1fr 350px;gap:28px;align-items:start}#reviewDetails{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#reviewDetails article{padding:17px;border:1px solid var(--builder-line);border-radius:16px;background:#f8fbff}#reviewDetails span{display:block;margin-bottom:5px;color:#74839b;font-size:.68rem;font-weight:800;text-transform:uppercase}#reviewDetails strong{color:#15284a;font-size:.9rem}.order-summary{padding:25px;border-radius:22px;background:linear-gradient(145deg,#0b3c79,#155cff 64%,#6d48ec);color:#fff;box-shadow:0 22px 50px rgba(20,76,190,.25)}.order-summary>span{color:#c9ecff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.order-summary h3{margin:7px 0 19px;color:#fff}.order-summary dl{margin:0}.order-summary dl div{padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.order-summary dt{color:#dce9ff}.order-summary dd{margin:0;font-weight:800}.summary-total{display:flex;justify-content:space-between;align-items:end}.summary-total strong{font-size:1.65rem}.order-summary small{color:#dce9ff}.consent{margin-top:24px!important;display:flex!important;align-items:flex-start;gap:10px!important}.consent input{width:18px!important;height:18px!important;min-height:0!important;margin-top:2px}.builder-notice{margin-top:20px;padding:20px;border-radius:18px;background:#edf8ff;border:1px solid #cfeaf9}.builder-notice strong{color:#0a4169}.builder-notice p{margin:5px 0 0;color:#405674}.builder-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:10px}.builder-error{padding:13px 15px;border-radius:12px;background:#fff0f1;color:#a11726;font-weight:700}.builder-loading{position:fixed;z-index:9999;inset:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#e3f9ff,#edf4ff 48%,#f8f5ff);text-align:center}.builder-loading[hidden]{display:none}.builder-loading h2{max-width:700px;margin:25px 0 10px;color:#0b1736;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.045em}.builder-loading p{color:#405674}.builder-loading small{max-width:560px;color:#60718b}.loading-world{position:relative;width:130px;height:130px}.loading-world span{position:absolute;inset:30px;border-radius:26px;background:linear-gradient(145deg,#06b6d4,#145cff 55%,#7545ed);box-shadow:0 22px 55px rgba(20,92,255,.3);animation:worldPulse 1.4s ease-in-out infinite}.loading-world i{position:absolute;inset:0;border:1px solid rgba(20,92,255,.22);border-radius:50%;animation:orbitSpin 2.4s linear infinite}.loading-world i:nth-child(2){inset:10px;animation-direction:reverse}.loading-world i:nth-child(3){inset:20px}.loading-line{width:min(360px,80vw);height:7px;margin:20px 0;border-radius:99px;background:#d8e5f6;overflow:hidden}.loading-line i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#145cff,#7545ed);animation:loadingMove 1.2s ease-in-out infinite}@keyframes orbitSpin{to{rotate:360deg}}@keyframes worldPulse{50%{transform:scale(.9) rotate(5deg)}}@keyframes loadingMove{0%{translate:-110%}100%{translate:350%}}
.builder-how{background:#f8fbff!important}.builder-actions>[hidden]{display:none!important}.builder-page .navbar .nav-cta{color:#fff!important;-webkit-text-fill-color:#fff!important}
.builder-page .order-summary,.builder-page .order-summary h3,.builder-page .order-summary dl,.builder-page .order-summary dt,.builder-page .order-summary dd,.builder-page .order-summary .summary-total,.builder-page .order-summary .summary-total span,.builder-page .order-summary .summary-total strong{color:#fff!important;-webkit-text-fill-color:#fff!important}.builder-page .order-summary>span,.builder-page .order-summary small{color:#dcecff!important;-webkit-text-fill-color:#dcecff!important}.summary-total{margin:18px 0 7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}.summary-total strong{font-variant-numeric:tabular-nums}.social-fieldset{margin-top:20px!important}.fieldset-help{margin:-2px 0 16px;color:#526985;font-size:.82rem;line-height:1.55}.social-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-input-card{min-width:0;padding:16px;display:grid;gap:11px;border:1px solid var(--builder-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 10px 24px rgba(31,70,145,.07);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.social-input-card:focus-within{border-color:#145cff;box-shadow:0 0 0 3px rgba(20,92,255,.1),0 14px 30px rgba(31,70,145,.1);transform:translateY(-2px)}.social-input-card>span{display:flex;align-items:center;gap:9px;color:#18345f;font-size:.82rem;font-weight:800}.social-input-card svg{width:22px;height:22px;fill:none;stroke:#086dca;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.social-input-card input{min-width:0;margin:0;font-size:.82rem!important}.social-input-card input::placeholder{color:#8190a6}
:root[data-theme=dark] .builder-hero{background:radial-gradient(circle at 79% 26%,rgba(45,208,241,.13),transparent 26rem),linear-gradient(145deg,#07101f,#0b1b32 55%,#15112b)}:root[data-theme=dark] .builder-hero h1,:root[data-theme=dark] .builder-hero p,:root[data-theme=dark] .builder-trust{color:#f2f7ff}:root[data-theme=dark] .builder-plan,:root[data-theme=dark] .builder-shell,:root[data-theme=dark] .style-card,:root[data-theme=dark] .package-options label>span,:root[data-theme=dark] .choice-row label>span,:root[data-theme=dark] .choice-stack label>span,:root[data-theme=dark] .check-grid label>span,:root[data-theme=dark] #reviewDetails article{background:#14243b!important;color:#f8fafc!important;border-color:rgba(147,181,230,.2)!important}:root[data-theme=dark] .builder-plan h3,:root[data-theme=dark] .plan-price strong,:root[data-theme=dark] .step-heading h3,:root[data-theme=dark] .style-card b,:root[data-theme=dark] #reviewDetails strong{color:#f8fafc!important}:root[data-theme=dark] .builder-progress{background:#0e1c31}:root[data-theme=dark] .builder-shell input:not([type=radio]):not([type=checkbox]),:root[data-theme=dark] .builder-shell select,:root[data-theme=dark] .builder-shell textarea{background:#0d1c31;color:#f8fafc;border-color:rgba(147,181,230,.25)}
@media(max-width:980px){.builder-hero-grid{grid-template-columns:1fr}.builder-hero{text-align:center}.builder-hero p{margin-inline:auto}.builder-hero .hero-cta,.builder-trust{justify-content:center}.builder-orbit{min-height:430px}.builder-price-grid,.style-grid{grid-template-columns:repeat(2,1fr)}.builder-plan.is-featured{transform:none}.review-grid{grid-template-columns:1fr}.order-summary{position:static}.package-options{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.builder-hero{min-height:auto;padding:130px 0 62px}.builder-hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.builder-orbit{min-height:330px}.builder-orbit:before{width:320px;height:320px}.builder-screen{padding:20px;border-radius:28px}.screen-copy{left:20px;top:76px}.screen-visual{right:20px;top:72px}.screen-cards{left:20px;right:20px;bottom:20px}.orbit-chip{display:none}.builder-price-grid,.style-grid,.field-grid,.asset-grid{grid-template-columns:1fr}.builder-progress{padding:20px 17px}.builder-progress ol{justify-content:center;gap:8px}.builder-progress li{font-size:0}.builder-progress li span{font-size:.7rem}.builder-shell form{padding:22px 16px}.step-heading{gap:10px}.step-heading>span{width:42px;height:42px}.check-grid{grid-template-columns:1fr 1fr}#reviewDetails{grid-template-columns:1fr}.builder-actions{position:sticky;z-index:10;bottom:8px;padding:8px;border:1px solid var(--builder-line);border-radius:17px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.builder-actions .btn{flex:1;padding-inline:12px}.domain-row{grid-template-columns:1fr 96px}}
@media(max-width:980px){.social-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.social-input-grid{grid-template-columns:1fr}.social-input-card{padding:14px}.social-input-card input{min-height:48px}}
:root[data-theme=dark] .social-input-card{background:#14243b!important;border-color:rgba(147,181,230,.2)!important}:root[data-theme=dark] .social-input-card>span{color:#f8fafc!important}:root[data-theme=dark] .fieldset-help{color:#b8c8dd}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}