/* All subpages share the supplied light wizard/card/button reference. */
.subpage{--flow-purple:#6342e8;--flow-deep:#4f46e5;--flow-text:#172033;--flow-muted:#6b7280;--flow-border:#e3e5ed;--primary-soft:#4f46e5;--primary-strong:#7c3aed;margin:0;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 15% 3%,#f5f0ff70,transparent 35%),#f4f5f8;color:var(--flow-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.subpage *{box-sizing:border-box}.subpage img{max-width:100%}.subpage main{min-height:calc(100vh - 320px)}.subpage a{color:inherit}.subpage h1,.subpage h2,.subpage h3,.subpage p{margin-top:0}.subpage input,.subpage textarea,.subpage select,.subpage button{font-family:inherit}.subpage [hidden]{display:none!important}
.subpage .site-header{background:#ffffffed;backdrop-filter:blur(16px);border-color:#e9e5f0}.subpage .site-header-inner{max-width:1440px;height:80px;padding:12px 28px;gap:18px}.subpage .site-header .brand-logo{height:auto;width:174px}.subpage .site-header .main-nav{gap:6px}.subpage .site-header .nav-link,.subpage .site-header .nav-link-btn{font-size:14px;padding:9px 10px;color:#625a70}.subpage .site-header .header-auth-btn{padding:10px 18px;font-size:13px;width:auto;margin:0}.subpage .mega-panel{border-color:#e7e0f0;border-radius:18px}.subpage .mega-link{padding:10px}.subpage .mega-link-title{font-size:14px;font-weight:600}.subpage .mega-link-desc{font-size:12px}
.subpage .btn,.subpage button.btn,.subpage .btn-primary{border:1px solid #dedfea;border-radius:999px;background:#fff;color:#514a61;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;min-height:38px;font-size:14px;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;text-decoration:none}
.subpage .btn:hover{background:#f5f2ff;border-color:#c4b5fd;color:#4f46e5;transform:translateY(-1px)}
.subpage .btn.btn-primary,.subpage .btn-primary{border:1px solid transparent;color:#fff;background:linear-gradient(110deg,#4f46e5,#7c3aed);box-shadow:0 12px 24px #5d42de38;font-weight:500}
.subpage .btn.btn-primary:hover,.subpage .btn-primary:hover{color:#fff;background:linear-gradient(110deg,#5a4ce9,#852ce7);box-shadow:0 14px 28px #5d42de4a}
.subpage .btn:disabled{cursor:not-allowed;transform:none;box-shadow:none}.subpage .btn.active,.subpage .btn.selected:not(.btn-primary){background:#eee9ff;color:#4f46e5;border-color:#7561e8;box-shadow:0 7px 17px #6c3df21a}
.subpage .btn:focus-visible,.subpage [role=button]:focus-visible{outline:3px solid #ad92f6;outline-offset:3px}
.subpage-main,.subpage .panel-wrap{width:100%;max-width:1320px;margin:0 auto;padding:28px 28px 64px}.subpage-heading{margin:0 0 26px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#9691a2;font-size:12px;margin:0 0 19px;flex-wrap:wrap}.breadcrumbs a:hover{color:#6342e8}.page-kicker{display:block;font-size:11px;font-weight:650;letter-spacing:1.8px;color:#9982b0;margin-bottom:8px}.subpage-heading h1{font-size:31px;font-weight:700;line-height:1.22;letter-spacing:-.8px;margin:0 0 9px;color:#172033}.subpage-heading>p{font-size:15px;line-height:1.8;color:#7b7488;max-width:800px;margin:0}.subpage .small{font-size:12px;color:#8b829a;line-height:1.7}.subpage .preview-note{font-size:12px;line-height:1.8;background:#f7f2ff;border:1px solid #e9def6;color:#8a70a1;padding:12px 15px;border-radius:12px}
.subpage .card{background:#fff;border:1px solid #e4e1ec;border-radius:20px;padding:26px;box-shadow:0 10px 30px #31134206}.subpage .card h2{font-size:24px;line-height:1.3;letter-spacing:-.55px;margin:8px 0 14px}.subpage .card h3{font-size:17px;line-height:1.4}.subpage .card p{font-size:14px;color:#80738e;line-height:1.9}.subpage .card .btn{margin-top:9px}.subpage input:not([type=checkbox]):not([type=radio]):not([type=file]),.subpage textarea,.subpage select{width:100%;max-width:100%;padding:10px 12px;border:1px solid #dfe3eb;border-radius:10px;background:#fbfcfe;color:#273044;font-size:14px;line-height:1.4;outline:none;box-shadow:0 1px 2px #18253a03;min-width:0}.subpage input:focus,.subpage textarea:focus,.subpage select:focus{border-color:#9b87ef;background:#fff;box-shadow:0 0 0 3px #6c3df20d}.subpage input[type=checkbox],.subpage input[type=radio]{width:16px;height:16px;flex-shrink:0;accent-color:#6551e8;vertical-align:middle;margin:0;cursor:pointer}.subpage textarea{resize:vertical;min-height:96px}.subpage label{color:#6c7484;font-size:14px}.subpage .field-row,.subpage .service-field-row{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.subpage .service-field{gap:7px}.subpage .service-field label{font-size:14px}.subpage input[type=file]{font-size:13px;color:#7a7f8d;max-width:100%;padding:0;border:0;background:transparent}.subpage input[type=file]::file-selector-button{background:#fff;border:1px solid #d8dce6;border-radius:7px;padding:7px 10px;color:#5b5369;font-size:13px;cursor:pointer;margin-right:8px}
/* Wizard surfaces match the reference screenshot. */
.design-page main{max-width:1440px;width:100%;margin:0 auto;padding:28px 28px 64px}.design-page .wizard-card,.service-page .service-wizard-card{padding:24px 23px 25px;border:1px solid #e3e4ec;border-radius:22px;background:radial-gradient(ellipse at top left,#f3efff 0,#fff 54%,#fbfcfe 100%);box-shadow:0 25px 50px #232c4010}
.service-page main.page{max-width:none;margin:0;padding:0}.service-page main.page>section{padding:0}.service-page main.page>.container,.service-page main.page>section>.container{max-width:1380px;padding:0 28px}.service-page .service-wizard-wrap{width:100%;max-width:none;margin:0 auto;padding:28px 0 64px}.subpage .stepper,.subpage .service-step-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 26px;font-size:14px}
.subpage .step-pill,.subpage .service-step-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;min-height:39px;border-radius:999px;border:1px solid transparent;background:#ffffffed;color:#777b87;box-shadow:none;font-size:14px;cursor:pointer;line-height:1.3;font-weight:400;white-space:nowrap;transition:background .18s,box-shadow .18s,border-color .18s}
.subpage .step-pill .dot,.subpage .service-step-pill-num{width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;background:#e7e8ef;color:#666d7c;border:0;border-radius:50%;font-size:13px;font-weight:600}
.subpage .step-pill.active,.subpage .service-step-pill.active{border-color:#6755df;color:#41368f;background:#f2edff;box-shadow:0 8px 20px #5f43e420}
.subpage .step-pill.active .dot,.subpage .service-step-pill.active .service-step-pill-num{color:#fff;background:#5c48e4;box-shadow:none}
.subpage .step-pill[aria-disabled=true],.subpage .service-step-pill[aria-disabled=true]{opacity:.8}.subpage .step-title,.subpage .service-step h3{font-size:18px;font-weight:650;letter-spacing:-.15px;margin:0 0 6px;color:#1c2537}.subpage .step-desc,.subpage .service-step small{font-size:14px;color:#818596;line-height:1.7;margin:0 0 15px}.subpage .service-step-body{border:0;border-radius:0;background:transparent;padding:0;margin:0 0 16px}.subpage .options-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.subpage .option-card,.subpage .pkg-card,.subpage .service-chip{border-radius:17px;border:1px solid #e1e1ec;background:linear-gradient(125deg,#fbfaff,#f4f3fe);padding:17px 16px;text-align:left;white-space:normal;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;min-width:0;color:#1c2537;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.subpage .option-card{min-height:128px}.subpage .option-title{font-size:15px;font-weight:650;line-height:1.4}.subpage .option-sub{font-size:13px;line-height:1.6;color:#7e8090}.subpage .option-detail{font-size:12px;line-height:1.7;margin-top:3px;color:#878294}.subpage .option-card:hover,.subpage .pkg-card:hover,.subpage .service-chip:hover{border-color:#a696ec;box-shadow:0 8px 20px #6552b611;transform:translateY(-2px)}
.subpage .option-card.selected,.subpage .pkg-card.selected,.subpage .service-chip.selected{background:linear-gradient(125deg,#eef0ff,#e7e6ff);border-color:#6b58e5;box-shadow:0 20px 34px #6751e64a;transform:none;color:#1e2444}
.subpage .pkg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 21px}.subpage .pkg-card{min-height:106px;gap:10px}.subpage .pkg-card strong{font-size:17px;color:#32304e}.subpage .pkg-card span{font-size:13px;color:#868198;line-height:1.7}.subpage .service-plan-options,.subpage .service-channel-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 24px}.subpage .service-package-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 24px}.subpage .service-chip{min-height:108px;font-size:14px;line-height:1.7;gap:7px}.subpage .service-chip-badge{background:transparent;border:0;padding:0;margin:0;color:#2c2946;font-size:16px;font-weight:650;text-transform:none;letter-spacing:0}.subpage .service-chip .small{display:block;margin-top:5px;color:#89829d;font-size:12px}.subpage .service-wizard-footer,.subpage .wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-top:0;flex-wrap:wrap}.subpage .wizard-footer>div:last-child,.subpage .service-wizard-footer-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.subpage #stepInfo,.subpage .service-wizard-footer-left{font-size:13px;color:#858294}.subpage .live-price{margin-top:23px;background:#ffffffb3;padding:12px 15px;border:1px solid #eae4f6;border-radius:12px;font-size:14px;color:#7d61a5;font-weight:500}.subpage .service-summary{padding:7px 0;font-size:14px;display:grid;grid-template-columns:minmax(140px,.6fr) 1.4fr;gap:0 24px}.subpage .service-summary dt,.subpage .service-summary dd{padding:12px 0;margin:0;border-bottom:1px solid #eee9f5;font-size:14px;line-height:1.8}.subpage .service-summary dt{color:#786486;font-weight:500}.subpage .service-summary dd{color:#657084}.subpage .social-type-options{margin:18px 0 22px}.social-type-options .field-caption{display:block;font-size:13px;color:#797185;margin-bottom:10px}.social-type-options [role=group]{display:flex;gap:9px;flex-wrap:wrap}.social-type-options .btn{min-width:90px}.subpage #custom-counts{grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}.subpage .quantity-row{background:#f7f5fd;border:1px solid #e6def2;border-radius:14px;padding:14px;flex-direction:column;align-items:flex-start;gap:10px}.subpage .quantity-row input{max-width:100%}
/* Large three-column brief grid, as supplied by the user. */
.design-page #step-3>.field-row{background:#f8f6fd;border:1px solid #ebe5f4;padding:18px;border-radius:15px;margin:17px 0 10px}.design-page #step-3>.field-row>label{display:flex;flex-direction:column;gap:7px}.design-page .extra-controls{margin:22px 0;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.design-page .extra-controls>label{min-width:210px;display:flex;flex-direction:column;gap:7px}.design-page .extra-controls>.btn{margin-bottom:0}.design-page .design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;align-items:stretch}.design-page .design-box{display:flex;flex-direction:column;gap:15px;min-width:0;padding:17px 17px 19px;border:1px solid #dfe2eb;border-radius:15px;background:#fff!important;box-shadow:0 2px 5px #25334d04;transform:none!important}.design-page .design-box:hover{box-shadow:0 5px 14px #25334d07;border-color:#d4d6e5;transform:none}.design-page .design-box-header{display:flex;align-items:center;gap:7px;min-height:25px;font-size:14px}.design-page .item-heading{font-size:15px;font-weight:650;color:#343a48}.design-page .badge{margin-left:auto;background:#eff1f6;color:#66738c;padding:3px 9px;font-size:12px;font-weight:500;border:0;border-radius:999px;white-space:nowrap}.design-page .remove-item{font-size:11px;padding:3px 7px;border-color:#eadfea;color:#a4769b}.design-page .preview-block{display:flex;flex-direction:column;gap:0}.design-page .preview-caption{font-size:13px;color:#7b8aa2;display:flex;gap:6px;align-items:center;justify-content:space-between;margin-bottom:5px}.design-page .preview-size{font-size:10px;color:#abb4c5}.design-page .design-preview{width:100%;height:auto!important;min-height:100px;max-height:none;border:1px dashed #d1d9eb;border-radius:11px;aspect-ratio:9/16;position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,#f3f6ff 0,#f3f6ff 9px,#fff 9px,#fff 18px);display:block;margin:0;padding:0;transition:aspect-ratio .2s}.design-page .design-preview .uploaded-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#ffffffad}.design-page .preview-logo{position:absolute;right:12px;bottom:12px;background:#ffffffdf;color:#9c86b0;font-size:13px;padding:5px 12px;border-radius:7px;border:1px solid #e2d7ef}.design-page .orientation-options{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;padding-top:7px;flex-wrap:wrap;color:#7e8ba1}.design-page .orientation-options>span{font-size:13px;font-weight:600;color:#66768f}.design-page .orientation-options label{display:inline-flex;align-items:center;gap:5px;color:#71809b;font-size:13px;margin:0;cursor:pointer}.design-page .brief-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#75849e;margin:0}.design-page .brief-field>input{padding:10px 11px;font-size:14px;background:#fafbfc}.design-page .brief-field>textarea{min-height:100px;padding:10px 11px;line-height:1.5;font-size:14px;background:#fafbfc}.design-page .design-dimensions{border:1px solid #ebe8f1;border-radius:10px;background:#fcfbfe;padding:10px 11px;margin:0}.design-page .design-dimensions summary{font-size:11px;color:#9b8aa8;cursor:pointer;line-height:1.6}.design-page .dimension-fields{display:flex;flex-direction:column;gap:9px;margin-top:10px}.design-page .dimension-fields>label,.design-page .dimension-fields .field-row>label{display:flex;flex-direction:column;gap:4px;color:#8290a7;font-size:12px}.design-page .dimension-fields .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.design-page .dimension-fields input,.design-page .dimension-fields select{font-size:13px;padding:8px}.design-page .visual-source{display:flex;flex-direction:column;gap:8px;margin-top:0;font-size:13px;color:#748098}.design-page .visual-source>span{font-weight:600;color:#64738b}.design-page .visual-source>label{display:flex;align-items:center;gap:7px;font-size:13px;color:#75829b;line-height:1.6;margin:0;cursor:pointer}.design-page .file-field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#7d8ba3}.design-page .upload-name{display:block;font-size:10px;line-height:1.8;color:#a3aabb;margin-top:5px;overflow-wrap:anywhere}.design-page .logo-check{display:flex;align-items:center;gap:8px;color:#707c91;font-size:13px;margin:1px 0 0;line-height:1.6;cursor:pointer}.design-page .ai-options,.design-page .reels-options{margin-top:7px;padding:15px 13px;background:linear-gradient(140deg,#f8f9fb,#edf0f4);border:1px solid #e5e7ed;border-radius:13px;display:flex;flex-direction:column;gap:11px}.design-page .ai-options{background:#fbf8ff;border-color:#ece4f6}.design-page .ai-options h3,.design-page .reels-options h3{font-size:14px;font-weight:600;color:#4a5262;line-height:1.5;margin:0}.design-page .reels-options h3>span{color:#e9b445;font-size:18px;margin-right:3px}.design-page .ai-option{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e4eb;border-radius:10px;padding:12px 10px;margin:0;cursor:pointer;min-width:0}.design-page .ai-option>span{flex:1;min-width:0}.design-page .ai-option strong{display:block;font-size:12px;color:#586172;font-weight:500;line-height:1.65}.design-page .ai-option small{display:block;color:#a1a5b1;font-size:10px;line-height:1.7;margin-top:2px}.design-page .ai-option>b{font-size:12px;color:#2aa38b;font-weight:600;white-space:nowrap}.design-page .ai-option:has(input:checked){border-color:#c2a8ed;box-shadow:0 0 0 2px #a480e911;background:#fefcff}.design-page .summary-card{position:static;display:block;background:#fff;border:1px solid #e3dcea;border-radius:15px;padding:21px;margin:24px 0 0;box-shadow:none;clear:both}.design-page .summary-row{font-size:14px;padding:6px 0;gap:18px;color:#6b667c}.design-page .summary-row.total{font-size:16px;font-weight:650;border-top:1px solid #eee5f5;padding-top:13px;margin-top:7px;color:#584278}.design-page .summary-row span:last-child{white-space:nowrap}.design-page #orderSummary>.small{margin:12px 0 0}
/* Directory, pricing, guide and resource pages. */
.service-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.directory-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px 31px 28px;border:1px solid #e6deee;border-radius:23px;background:linear-gradient(140deg,#fff,#f6f1fe);box-shadow:0 10px 30px #412c6a05}.directory-social{background:linear-gradient(140deg,#fff,#fff3fa);border-color:#f1e1ec}.directory-ads{background:linear-gradient(140deg,#fff,#fff6ed);border-color:#f1e6db}.directory-seo{background:linear-gradient(140deg,#fff,#f4f8ed);border-color:#e5ecd9}.directory-top{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.5px;color:#a38ab7;margin-bottom:20px}.directory-number{height:37px;width:37px;border-radius:12px;background:#fff;border:1px solid #e7dcef;display:grid;place-items:center;color:#9276aa;font-size:14px}.directory-card h2{font-size:28px;letter-spacing:-.8px;line-height:1.3;margin:0 0 13px}.directory-card p{font-size:14px;line-height:1.9;color:#8f809b;max-width:440px;margin:0}.check-list{list-style:none;padding:0;margin:20px 0 25px;font-size:13px;color:#8b7a98;line-height:1.8}.check-list li{position:relative;padding-left:23px;margin:9px 0}.check-list li::before{content:'✓';position:absolute;left:0;color:#aa8bc5;font-size:13px}.directory-card>.btn{margin-top:auto}.soft-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f1ebfa;border:1px solid #e5daf0;padding:27px 30px;border-radius:19px;margin-top:28px}.soft-callout h2{font-size:21px;letter-spacing:-.3px;margin:0 0 7px}.soft-callout p{font-size:13px;color:#957caa;margin:0;line-height:1.8}.guide-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.guide-number{width:36px;height:36px;border-radius:50%;background:#efe9ff;border:1px solid #ddd1f3;color:#7554b2;display:grid;place-items:center;font-size:15px;margin-bottom:20px}.subpage .guide-card h2{font-size:23px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-top:25px}.two-columns .card{display:flex;flex-direction:column;align-items:flex-start}.two-columns .card>.btn{margin-top:auto}.resource-card{display:flex;flex-direction:column;align-items:flex-start}.resource-card>.btn{margin-top:auto}.resource-card .page-kicker{font-size:10px;margin-bottom:13px}.subpage .resource-card h2{font-size:25px}.brief-guide{margin-top:25px}.brief-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:25px}.brief-guide-grid b{font-size:13px;color:#b196c7;font-weight:400}.brief-guide-grid h3{margin:10px 0}.subpage .pricing-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.subpage .price-detail{padding:25px 22px;display:flex;flex-direction:column;align-items:flex-start}.subpage .price-detail:first-child{border-color:#c9b5eb;background:linear-gradient(135deg,#f5efff,#fff);box-shadow:0 14px 32px #7152a014}.subpage .price-detail h2{font-size:32px;color:#5c4180;margin:20px 0 14px;letter-spacing:-1px}.price-detail h2 small{display:block;font-size:12px;color:#a28cb3;letter-spacing:0;font-weight:400;margin-top:5px}.subpage .price-detail>p{font-size:13px;min-height:64px;line-height:1.8}.price-detail .check-list{font-size:12px;margin:13px 0 24px}.price-detail>.btn{margin-top:auto!important;font-size:13px}.extras-table{margin-top:26px}.rate-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee9f4;padding:14px 0;font-size:14px;color:#8a7b97}.rate-row strong{font-size:13px;color:#9274a8;font-weight:500}.extras-table>.small{margin-top:18px!important}.subpage .auth-wrap{width:100%;max-width:550px;margin:38px auto 65px;padding:0 22px}.subpage .auth-wrap h1{font-size:27px;letter-spacing:-.7px}.subpage .auth-tabs{gap:9px;margin:21px 0}.subpage .form-stack{gap:17px}.subpage .form-stack label{gap:7px;color:#82758e;font-size:13px}.subpage .form-stack>.btn{margin-top:0}.subpage .panel-wrap>h1{font-size:31px}.subpage .panel-wrap h2{font-size:24px}.subpage .panel-wrap>section{padding:22px 0}.subpage .panel-nav{gap:9px;margin:22px 0}.subpage .panel-row{border-color:#e7e0ef;border-radius:16px;padding:22px;box-shadow:0 5px 20px #49286b03}.subpage .panel-row h3{font-size:19px;margin-top:9px;color:#69507e}.subpage .panel-row p{font-size:14px;color:#95829f;line-height:1.8}.subpage .preview-badge{font-size:11px;background:#f3edfc;color:#a087b2}.subpage .panel-detail>div{font-size:13px;color:#8b789a;line-height:1.9;padding-top:10px}.subpage .page:has(.layout){max-width:1320px;margin:0 auto;padding:29px 28px 64px}.subpage .layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.subpage .layout .card{min-width:0}.subpage .payment-tabs{padding:4px;border-radius:999px;background:#f3effb}.subpage .payment-tab{font-size:13px;border-radius:999px;padding:8px}.subpage .payment-tab.active{background:linear-gradient(110deg,#4f46e5,#7c3aed);box-shadow:0 5px 12px #6243ce22}.subpage .layout .btn-primary{width:100%;margin-top:15px}.subpage .order-summary-row{font-size:13px;line-height:1.8;margin:9px 0;color:#97849f}.subpage .order-summary-row span:last-child{color:#716080}.subpage .order-summary-total{font-size:14px;color:#716080;padding:7px 0}.subpage .order-summary-total strong{font-size:23px;color:#654482}.subpage .hosted-placeholder{margin-top:15px;background:#faf7ff;border-color:#e2d2f2;color:#9982ac;font-size:13px;padding:25px 18px}.subpage .hosted-placeholder p{font-size:12px}.subpage .bank-box{padding:15px;border-color:#ded4e9;background:#faf8fd}.subpage .pay-method-panel{padding-top:7px}.subpage .page:has(#quote-summary){max-width:100%;padding:0}.subpage .page:has(#quote-summary)>section{padding:30px 0 65px}.subpage .page:has(#quote-summary) .container{max-width:900px}.subpage #quote-summary{display:block}.subpage #quote-summary dt,.subpage #quote-summary dd{border:0;padding:3px 0}.subpage #quote-summary dd{margin-bottom:11px}.subpage #quote-form{margin-top:24px}
/* Shared footer. */
.subpage .site-footer{padding:34px 0 0;background:#fff;border-top:1px solid #e9e4ef;color:#9984aa}.subfooter-inner{max-width:1380px;margin:0 auto;padding:0 28px}.subfooter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:27px}.subfooter-brand img{width:148px;height:auto}.subfooter-brand p{font-size:13px;line-height:1.9;margin:13px 0 0;max-width:300px;color:#a08aaf}.subfooter-grid h3{font-size:13px;color:#8e73a2;margin:0 0 12px;font-weight:600}.subfooter-grid>div>a{display:block;font-size:12px;line-height:1.8;color:#a48db2;margin:7px 0}.subfooter-grid a:hover{color:#6542b4}.subfooter-bottom{border-top:1px solid #f0eaf5;padding:18px 0 21px;display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;font-size:10px;color:#b6a5c2}.subfooter-bottom a{color:#9a7cb0}
@media(max-width:1100px){.subpage .site-header .brand-logo{width:146px}.subpage .site-header-inner{gap:10px;padding-inline:24px}.subpage .site-header .nav-link,.subpage .site-header .nav-link-btn{font-size:13px;padding:8px}.subpage .site-header .main-nav{gap:1px}.subpage .site-header .header-auth-btn{padding:9px 14px;font-size:12px}.subpage .pricing-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .price-detail>p{min-height:0}.design-page .ai-option{flex-wrap:wrap}.design-page .ai-option>b{margin-left:auto}.design-page .ai-option>span{min-width:120px}.design-page .ai-option strong{font-size:11px}.subpage .service-plan-options,.subpage .service-channel-options{gap:11px}.subpage .service-chip{padding:15px 13px}.subpage .service-summary{grid-template-columns:1fr 1.5fr}}
@media(max-width:900px){.subpage .site-header .main-nav{top:80px}.subpage .site-header .brand-logo{width:155px}.subpage .menu-toggle{background:#f7f3fc;border:0;border-radius:999px;min-height:35px;font-size:12px;padding:8px 12px}.subpage .options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .service-plan-options,.subpage .service-channel-options{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .service-package-options{grid-template-columns:1fr}.design-page .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage #custom-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.subpage .guide-grid,.subpage .resource-grid{grid-template-columns:1fr}.subpage .resource-card,.subpage .guide-card{padding:26px}.subpage .layout{grid-template-columns:1fr}.subpage .service-summary{grid-template-columns:1fr 1.5fr}.subfooter-grid{gap:25px}.subpage .directory-card{padding:25px}.directory-card h2{font-size:25px}.soft-callout h2{font-size:19px}.subpage-heading h1{font-size:29px}}
@media(max-width:600px){.subpage .site-header-inner{height:72px;padding:10px 14px;gap:7px}.subpage .site-header .brand-logo{width:118px;height:auto}.subpage .site-header .main-nav{top:72px;max-height:calc(100dvh - 72px)}.subpage .site-header .header-auth-btn{font-size:11px;padding:9px 11px;min-height:34px}.subpage .menu-toggle{font-size:11px;padding:8px 10px;min-height:32px}.subpage-main,.subpage .panel-wrap,.design-page main{padding:23px 17px 44px}.subpage-heading{margin-bottom:21px}.breadcrumbs{margin-bottom:15px;font-size:11px}.page-kicker{font-size:9px;letter-spacing:1.4px}.subpage-heading h1{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin-bottom:9px}.subpage-heading>p{font-size:13px;line-height:1.8}.design-page .wizard-card,.service-page .service-wizard-card{padding:18px 14px 20px;border-radius:18px;box-shadow:0 14px 30px #25334d09}.service-page main.page>section>.container{padding:0 17px}.service-page .service-wizard-wrap{padding:23px 0 44px}.subpage .stepper,.subpage .service-step-pills{gap:6px;margin-bottom:22px}.subpage .step-pill,.subpage .service-step-pill{padding:6px 9px;min-height:33px;font-size:11px;gap:5px}.subpage .step-pill .dot,.subpage .service-step-pill-num{height:20px;width:20px;font-size:11px}.subpage .options-grid{gap:10px}.subpage .option-card{padding:13px 12px;min-height:132px;border-radius:13px;gap:6px}.subpage .option-title{font-size:13px}.subpage .option-sub,.subpage .option-detail{font-size:11px;line-height:1.65}.subpage .option-detail{display:none}.subpage .option-card.selected,.subpage .pkg-card.selected,.subpage .service-chip.selected{box-shadow:0 12px 22px #6751e638}.subpage .step-title,.subpage .service-step h3{font-size:17px}.subpage .step-desc,.subpage .service-step small{font-size:13px}.subpage .btn{font-size:12px;padding:8px 13px;min-height:35px}.subpage .wizard-footer>div:last-child{gap:8px}.subpage #stepInfo{font-size:11px;flex-basis:100%;text-align:right}.subpage .wizard-footer{align-items:flex-end;gap:12px;margin-top:25px}.subpage .wizard-footer>div:first-child{align-self:flex-end}.subpage .wizard-footer>div:last-child{flex:1}.subpage .pkg-grid{gap:10px}.subpage .pkg-card{padding:14px 12px;min-height:105px;gap:7px;border-radius:13px}.subpage .pkg-card strong{font-size:15px}.subpage .pkg-card span{font-size:11px}.subpage #custom-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subpage .quantity-row{padding:12px;font-size:12px}.subpage .live-price{font-size:12px;padding:11px 12px}.subpage .service-chip{min-height:103px;border-radius:13px;padding:14px 12px;font-size:12px}.subpage .service-chip-badge{font-size:15px}.subpage .service-chip .small{font-size:11px}.subpage .service-plan-options,.subpage .service-channel-options{gap:10px}.subpage .service-wizard-footer{align-items:flex-end;flex-direction:row;gap:12px}.subpage .service-wizard-footer-left{font-size:11px;flex-basis:100%}.subpage .service-wizard-footer-right{gap:7px;margin-left:auto}.subpage .service-summary{display:block;padding:0}.subpage .service-summary dt,.subpage .service-summary dd{border:0;padding:4px 0;font-size:13px}.subpage .service-summary dd{padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid #eee9f4}.design-page #step-3>.field-row{padding:13px;gap:14px;margin-top:15px}.subpage .field-row,.subpage .service-field-row{grid-template-columns:1fr;gap:13px}.design-page .design-grid{grid-template-columns:1fr;gap:16px;margin-top:17px}.design-page .design-box{padding:15px;gap:15px}.design-page .item-heading{font-size:14px}.design-page .badge{font-size:11px;padding:3px 8px}.design-page .preview-caption{font-size:12px}.design-page .preview-size{font-size:9px}.design-page .orientation-options,.design-page .orientation-options label{font-size:13px}.design-page .brief-field{font-size:13px}.design-page .brief-field>input,.design-page .brief-field>textarea{font-size:14px}.design-page .visual-source>label{font-size:13px}.design-page .dimension-fields .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.design-page .ai-option{flex-wrap:nowrap;padding:12px 10px}.design-page .ai-option strong{font-size:12px}.design-page .ai-option>span{min-width:0}.design-page .ai-option>b{font-size:12px}.design-page .ai-option small{font-size:10px}.design-page .extra-controls>label{flex:1;min-width:170px}.design-page .extra-controls>.btn{min-height:37px}.design-page .summary-card{padding:15px;margin-top:20px}.design-page .summary-row{font-size:12px;gap:10px}.design-page .summary-row.total{font-size:13px}.subpage .service-directory,.subpage .two-columns,.subpage .pricing-directory{grid-template-columns:1fr;gap:16px}.subpage .directory-card{padding:24px 23px;border-radius:19px}.directory-card h2{font-size:27px}.directory-card p{font-size:13px}.directory-top{font-size:11px;margin-bottom:18px}.check-list{font-size:12px;margin:18px 0 23px}.soft-callout{flex-direction:column;align-items:flex-start;padding:23px;gap:17px;margin-top:22px}.soft-callout h2{font-size:20px}.soft-callout p{font-size:13px}.subpage .card{padding:23px;border-radius:17px}.subpage .card h2{font-size:24px}.subpage .card p{font-size:13px}.subpage .resource-card h2{font-size:25px}.brief-guide-grid{grid-template-columns:1fr;gap:16px;margin-top:22px}.subpage .price-detail{padding:27px}.subpage .price-detail h2{font-size:35px}.price-detail .check-list{font-size:13px;line-height:1.8}.price-detail h2 small{font-size:13px}.rate-row{font-size:13px;gap:12px;align-items:flex-start;flex-direction:column;padding:13px 0;gap:5px}.rate-row strong{font-size:13px}.subpage .auth-wrap{padding:0 17px;max-width:500px;margin:26px auto 44px}.subpage .auth-wrap h1{font-size:26px}.subpage .panel-wrap>h1{font-size:27px}.subpage .panel-nav{gap:7px}.subpage .panel-row{padding:18px}.subpage .panel-row h3{font-size:18px}.subpage .panel-row p{font-size:13px}.subpage .page:has(.layout){padding:24px 17px 44px}.subpage .payment-tabs{gap:2px}.subpage .payment-tab{font-size:12px;padding:8px 11px;flex-basis:auto}.subpage .page:has(#quote-summary)>section{padding:24px 0 44px}.subpage .page:has(#quote-summary) .container{padding:0 17px}.subpage .site-footer{padding-top:28px}.subfooter-inner{padding:0 20px}.subfooter-grid{grid-template-columns:1fr 1fr;gap:26px 20px;padding-bottom:20px}.subfooter-brand{grid-column:1/-1}.subfooter-brand img{width:140px}.subfooter-brand p{font-size:12px}.subfooter-grid h3{font-size:12px}.subfooter-grid>div>a{font-size:11px}.subfooter-bottom{align-items:flex-start;font-size:9px;line-height:1.9;gap:10px}.subfooter-bottom>span:nth-child(2){flex-basis:100%;order:3}}
@media(max-width:380px){.subpage .site-header-inner{padding-inline:10px;gap:5px}.subpage .site-header .brand-logo{width:92px}.subpage .site-header .header-auth-btn{padding:8px 9px;font-size:10px}.subpage .menu-toggle{padding:7px 8px;font-size:10px}.subpage-main,.subpage .panel-wrap,.design-page main{padding-inline:12px}.design-page .wizard-card,.service-page .service-wizard-card{padding:16px 11px}.subpage .step-pill,.subpage .service-step-pill{font-size:10px;padding:6px 7px;gap:4px}.subpage .step-pill .dot,.subpage .service-step-pill-num{height:18px;width:18px}.subpage .stepper,.subpage .service-step-pills{gap:4px}.subpage .btn{font-size:11px;padding:8px 11px}.design-page .design-box{padding:12px}.design-page .visual-source>label,.design-page .logo-check{font-size:12px}.design-page .ai-option{gap:6px;padding:11px 8px}.design-page .ai-option strong{font-size:11px}.design-page .ai-option>b{font-size:11px}.design-page .preview-caption{font-size:11px}.service-page main.page>section>.container{padding-inline:12px}.subpage .option-title{font-size:12px}.subpage .option-card{padding:12px 10px}.subpage .service-chip{padding:13px 11px}.subpage-heading h1{font-size:24px}.design-page .extra-controls{gap:8px}.design-page .extra-controls>label{min-width:150px}.subpage .page:has(.layout){padding-inline:12px}.subpage .layout .card{padding:19px}.subpage .payment-tab{padding:7px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.subpage *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* The menu trigger appears only when the desktop navigation is collapsed. */
.subpage button.menu-toggle{display:none}
@media(max-width:900px){.subpage button.menu-toggle{display:inline-flex}}