:root{--blue:#0b63f6;--deep:#0b1f3a;--ink:#172b4d;--muted:#71829a;--line:#e6edf5;--bg:#f6f9fc;--soft:#eef5ff;--green:#19a974;--orange:#ff9b4a;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","DM Sans",sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{width:100%;border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:12px 13px;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b63f614}textarea{resize:vertical}.app-shell{max-width:1440px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 70px #173b6810}.topbar{height:76px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand,.footer-brand{display:flex;align-items:center;gap:10px;color:var(--deep);text-decoration:none}.brand strong{display:block;font:700 18px "DM Sans",sans-serif;letter-spacing:.1px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;font:700 21px "DM Sans";box-shadow:0 7px 16px #0b63f633}.brand-mark.small{width:26px;height:26px;border-radius:8px;font-size:16px}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-button{border:0;background:#f2f6fb;border-radius:10px;width:36px;height:36px;color:var(--blue);font-size:20px}.save-status{font-size:12px;color:var(--muted)}.save-status i,.summary-live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;vertical-align:1px}.hero{background:linear-gradient(110deg,#edf5ff 0%,#fff 66%);min-height:350px;padding:62px clamp(20px,8vw,118px);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-copy{max-width:640px;position:relative;z-index:1}.eyebrow{color:var(--blue);font:700 11px "DM Sans";letter-spacing:1.7px;margin:0 0 18px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-1px;margin:0;color:var(--deep)}.hero h1 em{font-style:normal;color:var(--blue)}.hero-text{max-width:590px;line-height:1.9;color:#5b708d;margin:22px 0 20px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row span{background:#fff;border:1px solid #dce9fa;border-radius:99px;padding:7px 12px;font-size:11px;color:#52709d}.platform-cloud{width:310px;height:230px;position:relative;flex:0 0 310px}.cloud-ring{position:absolute;width:190px;height:190px;border:1px dashed #b9d2f9;border-radius:50%;left:59px;top:16px}.cloud-icon{position:absolute;display:grid;place-items:center;color:#fff;font:700 21px "DM Sans";width:52px;height:52px;border-radius:22%;box-shadow:0 13px 22px #144b8a20}.cloud-fb{background:#1877f2;left:0;top:63px}.cloud-ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b 52%,#6228d7);left:89px;top:0}.cloud-tt{background:#101828;right:0;top:49px}.cloud-li{background:#0a66c2;left:37px;bottom:8px}.cloud-yt{background:#ff0033;left:132px;bottom:31px}.cloud-pin{background:#e60023;right:26px;bottom:0}.cloud-x{background:#101828;right:63px;top:115px}.cloud-note{position:absolute;left:132px;top:82px;text-align:center;color:var(--deep)}.cloud-note b{display:block;font-size:25px}.cloud-note small{display:block;color:var(--muted);font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;padding:50px clamp(20px,5vw,80px) 70px}.main-column{min-width:0}.section-block{padding-bottom:46px;margin-bottom:45px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.section-heading>div:first-child{display:flex;gap:14px}.step{font:700 12px "DM Sans";color:var(--blue);background:var(--soft);border-radius:8px;padding:8px 7px;height:29px}.section-heading h2{font-size:20px;margin:0 0 5px;color:var(--deep)}.section-heading p{margin:0;color:var(--muted);font-size:12px}.required-note{font-size:11px;color:#a2adbb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.form-grid label{font-size:12px;color:#60728c}.form-grid label>span{color:#ed5e62}.form-grid input,.form-grid textarea{display:block;margin-top:7px}.wide{grid-column:1/-1}.input-with-action{display:flex;gap:8px}.mini-action{border:1px solid #dce5ef;background:#fff;color:var(--blue);width:45px;border-radius:10px;font-size:20px}.account-state{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px;align-items:center;margin-top:22px}.sub-label{font-size:12px;color:#60728c}.radio-card{display:grid;grid-template-columns:18px 1fr;column-gap:8px;row-gap:2px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer}.radio-card input{grid-row:1/3;width:16px;height:16px;accent-color:var(--blue);margin:2px 0 0}.radio-card b{font-size:12px}.radio-card small{font-size:10px;color:var(--muted)}.account-note{grid-column:2/-1}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.platform-card{min-height:164px;position:relative;border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px;cursor:pointer;transition:.2s;overflow:hidden}.platform-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #16487d0d}.platform-card.selected{border-color:var(--platform);background:var(--tint);box-shadow:0 0 0 2px color-mix(in srgb,var(--platform) 16%,transparent)}.platform-card input{position:absolute;opacity:0}.platform-logo{width:39px;height:39px;border-radius:22%;background:var(--platform);color:#fff;display:grid;place-items:center;font:700 19px "DM Sans";margin-bottom:18px}.platform-card h3{margin:0 0 4px;font-size:14px;color:var(--deep)}.platform-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.tag{position:absolute;top:14px;right:12px;color:var(--platform);font-size:9px;background:#fff8;border:1px solid color-mix(in srgb,var(--platform) 20%,white);border-radius:99px;padding:4px 6px}.service-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:15px;cursor:pointer}.service-toggle.selected{border-color:#bcd5fb;background:#f8fbff}.service-toggle input{display:none}.checkmark{width:21px;height:21px;border:1px solid #bfcede;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:14px}.service-toggle.selected .checkmark{background:var(--blue);border-color:var(--blue)}.service-icon{width:38px;height:38px;border-radius:10px;background:#fff1e6;color:#ff8c3a;display:grid;place-items:center;font-size:18px}.service-copy{flex:1}.service-copy b,.service-copy small{display:block}.service-copy b{font-size:13px}.service-copy small{color:var(--muted);font-size:10px;margin-top:3px}.service-price{font:700 14px "DM Sans";color:var(--deep)}.gift-banner{display:flex;align-items:center;gap:10px;background:#fff9ee;border:1px solid #ffe4bd;padding:12px 14px;border-radius:12px;margin-top:12px}.gift-banner>span{font-size:20px}.gift-banner div{flex:1}.gift-banner b,.gift-banner small{display:block}.gift-banner b{font-size:11px;color:#a46016}.gift-banner small{font-size:10px;color:#9d7c50;margin-top:2px}.gift-banner strong{font-size:10px;color:#b88648}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.duration-card{position:relative;text-align:center;border:1px solid var(--line);border-radius:13px;padding:15px 9px;cursor:pointer}.duration-card:has(input:checked){border-color:var(--blue);background:var(--soft);box-shadow:0 0 0 2px #0b63f614}.duration-card input{position:absolute;opacity:0}.duration-card b{display:block;font:700 25px "DM Sans";color:var(--deep)}.duration-card b span{font:500 11px "Noto Sans SC";margin-left:3px}.duration-card small{color:var(--muted);font-size:10px}.duration-card i{position:absolute;top:-9px;right:8px;background:var(--blue);color:white;font-style:normal;font-size:9px;padding:3px 6px;border-radius:99px}.duration-card:nth-child(4) i{background:#ff9b4a}.text-button{background:none;border:0;color:var(--blue);font-size:12px;font-weight:600}.detail-item{border-top:1px solid var(--line)}.detail-item:last-child{border-bottom:1px solid var(--line)}.detail-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer}.detail-head strong{font-size:13px}.detail-head span{color:var(--blue);font-size:18px}.detail-body{display:none;padding:0 0 16px;color:var(--muted);font-size:11px;line-height:1.8}.detail-item.open .detail-body{display:block}.detail-body p{margin:0 0 5px;color:#557091}.detail-body ol{margin:0;padding-left:20px}.notice-block{background:#f8fbff;border-radius:14px;padding:18px 20px;color:var(--muted);font-size:10px;line-height:1.8}.notice-title{display:flex;align-items:center;gap:8px;color:var(--deep);font-size:12px;margin-bottom:8px}.notice-title span{width:17px;height:17px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 11px "DM Sans"}.notice-block ol{margin:0;padding-left:17px}.summary-card{align-self:start;position:sticky;top:102px;border:1px solid #dce8f7;border-radius:16px;background:#fff;padding:22px;box-shadow:0 14px 40px #1b4d810f}.summary-top{display:flex;justify-content:space-between;align-items:center}.summary-label{font:700 10px "DM Sans";letter-spacing:1px;color:var(--blue)}.summary-live{font-size:10px;color:var(--green)}.summary-client{font-size:13px;font-weight:600;margin:21px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-price{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-price small,.summary-price strong,.summary-price em{display:block}.summary-price small{color:var(--muted);font-size:11px}.summary-price strong{font:700 35px "DM Sans";color:var(--deep);margin:5px 0}.summary-price em{font-style:normal;color:var(--green);font-size:10px}.summary-line{display:flex;justify-content:space-between;padding-top:15px;font-size:11px;color:var(--muted)}.summary-line b{color:var(--deep)}.gift-text{color:var(--orange)!important}.summary-divider{height:1px;background:var(--line);margin:20px 0 15px}.summary-list-title{font-size:11px;color:var(--muted);margin-bottom:10px}.selected-platforms{display:flex;flex-wrap:wrap;gap:6px;min-height:32px}.selected-platforms span:not(.empty-state){display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:#f1f6fc;padding:5px 8px;font-size:10px;color:var(--ink)}.selected-platforms .dot{width:6px;height:6px;border-radius:50%;background:var(--platform)}.empty-state{font-size:10px;color:#a2adbb}.primary-button,.secondary-button{width:100%;border-radius:10px;padding:12px;margin-top:19px;font-weight:700}.primary-button{border:0;background:var(--blue);color:#fff;box-shadow:0 8px 16px #0b63f633}.primary-button span{font-size:18px;margin-left:8px}.secondary-button{border:1px solid #dce5ef;background:#fff;color:var(--ink);margin-top:9px}.summary-footnote{text-align:center;color:#9ba8b8;font-size:9px;line-height:1.7;margin:17px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(20px,5vw,80px);background:var(--deep);color:#9fb1c9;font-size:10px}.footer-brand{color:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--deep);color:#fff;padding:11px 17px;border-radius:99px;font-size:12px;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{padding:48px 28px}.platform-cloud{transform:scale(.8);margin-right:-30px}.content-grid{grid-template-columns:1fr}.summary-card{position:relative;top:auto;order:-1}.platform-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topbar{height:65px;padding:0 17px}.save-status{display:none}.hero{min-height:0;padding:36px 20px 24px;display:block}.hero h1{font-size:39px}.hero-text{font-size:12px;line-height:1.8}.platform-cloud{width:280px;height:168px;margin:16px auto -18px;transform:scale(.73)}.content-grid{padding:30px 17px 40px;gap:0}.section-block{padding-bottom:32px;margin-bottom:33px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px;line-height:1.6}.required-note{display:none}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.account-state{grid-template-columns:1fr 1fr;margin-top:18px}.sub-label{grid-column:1/-1}.account-note{grid-column:1/-1}.platform-grid{grid-template-columns:repeat(2,1fr);gap:9px}.platform-card{min-height:146px;padding:13px}.platform-card h3{font-size:13px}.platform-logo{margin-bottom:15px}.tag{font-size:8px}.duration-grid{gap:7px}.duration-card{padding:13px 3px}.duration-card b{font-size:21px}.service-copy small{max-width:150px;line-height:1.5}.service-price{font-size:12px}.footer{flex-direction:column;gap:9px;text-align:center}.footer-brand{margin-bottom:4px}.summary-card{margin-bottom:36px}.summary-price strong{font-size:32px}}
/* Layout fixes for generated preview stability. */
.detail-heading{display:inline-flex;align-items:center;gap:10px;min-width:0}
.service-detail-image{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.detail-heading strong{font-size:14px}
.platform-accounts-panel{margin-top:16px;border:1px solid #dce8f7;border-radius:12px;background:#f8fbff;padding:16px}
.platform-accounts-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--deep)}
.platform-accounts-heading small{color:var(--muted);font-size:10px;font-weight:400}
.platform-accounts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.platform-account-field{display:block;color:#60728c;font-size:11px}
.platform-account-field>span{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-weight:700;color:var(--deep)}
.platform-account-field img{width:20px;height:20px;border-radius:5px;object-fit:cover}
.platform-account-field input{margin-top:0;background:#fff}
@media(max-width:640px){.platform-accounts-grid{grid-template-columns:1fr}.platform-accounts-heading{display:block}.platform-accounts-heading small{display:block;margin-top:4px}}
.required-note,.count-badge,.text-button{white-space:nowrap}
.radio-card{display:flex;align-items:flex-start;gap:8px;min-width:0}
.radio-card input{width:16px;height:16px;flex:0 0 auto;margin:2px 0 0}
.radio-dot{width:16px;height:16px;border:1px solid #cbd8e6;border-radius:50%;margin-top:2px;flex:0 0 auto}
.radio-card input:checked~.radio-dot{border-color:var(--blue);box-shadow:inset 0 0 0 4px var(--blue)}
.radio-copy{display:flex;flex-direction:column;min-width:0}
.radio-card b{line-height:1.3}
.radio-card small{line-height:1.4}
@media(max-width:640px){.account-state{gap:8px}.section-heading{align-items:flex-start}.count-badge,.text-button{font-size:11px}}
.radio-card{display:flex;align-items:flex-start;gap:8px;min-width:0}
.radio-card input{width:16px;height:16px;flex:0 0 auto;margin:2px 0 0}
.radio-dot{width:16px;height:16px;border:1px solid #cbd8e6;border-radius:50%;margin-top:2px;flex:0 0 auto}
.radio-card input:checked~.radio-dot{border-color:var(--blue);box-shadow:inset 0 0 0 4px var(--blue)}
.radio-copy{display:flex;flex-direction:column;min-width:0}
.radio-card b{line-height:1.3}
.radio-card small{line-height:1.4}
.account-note-panel{grid-column:2/-1;display:grid;gap:7px;margin-top:2px;transition:.2s ease}
.account-note-label{font-size:12px;color:var(--muted)}
.required-note,.count-badge,.text-button,.sub-label{white-space:nowrap}
body{font-size:16px}
input,textarea{font-size:16px;padding:13px 14px}
.brand strong{font-size:19px}
.hero h1{font-size:clamp(40px,5vw,66px)}
.hero-text{font-size:16px}
.section-heading h2{font-size:23px}
.form-grid label{font-size:14px}
.platform-card h3{font-size:16px}
.platform-card p,.service-copy small,.gift-banner small,.detail-body,.summary-line,.summary-footnote{font-size:12px}
.service-copy b{font-size:14px}
.service-price{font-size:15px}
.duration-card b{font-size:27px}
.summary-client{font-size:15px}
.summary-label,.summary-live,.summary-list-title{font-size:12px}
@media(max-width:640px){.account-state{grid-template-columns:1fr 1fr}.account-note-panel{grid-column:1/-1}.hero-text{font-size:14px}.section-heading h2{font-size:20px}.platform-card h3{font-size:15px}.service-copy b{font-size:14px}.duration-card b{font-size:22px}}

/* Final requested layout and visual refinements. */
.brand-logo{width:150px;height:42px;object-fit:contain;display:block}
.brand .brand-logo+span{display:none}
.footer-logo{width:34px;height:34px;object-fit:contain;border-radius:8px}
.cloud-icon{object-fit:cover;background:#fff;padding:0}
.content-grid{display:block;max-width:1060px;margin:0 auto}
.main-column{width:100%}
.summary-card{position:relative;top:auto;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);padding:26px;box-shadow:0 16px 44px #1b4d8112;margin:0 0 42px}
.summary-card-bottom{border-bottom:0}
.summary-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.summary-services{display:grid;gap:18px}
.summary-service-group{display:grid;gap:12px}
.summary-service-group h3{margin:0;color:var(--deep);font-size:15px}
.summary-service-item{border:1px solid #e1ebf8;border-radius:12px;background:#fff;padding:14px 15px}
.summary-service-item h4{margin:0 0 8px;color:var(--deep);font-size:14px}
.summary-service-item p{margin:0;color:#5e728d;font-size:12px;line-height:1.75}
.summary-service-item ol{margin:8px 0 0;padding-left:18px;color:#5e728d;font-size:12px;line-height:1.75}
.summary-service-item div{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.summary-service-item span{border-radius:99px;background:#eef5ff;color:#315d9a;padding:6px 9px;font-size:11px}
.summary-empty{margin:0;color:#98a7ba;font-size:12px}
.platform-grid{grid-template-columns:repeat(3,1fr)}
.platform-card{min-height:268px;padding:18px;display:flex;flex-direction:column;background:linear-gradient(0deg,color-mix(in srgb,var(--platform) 16%,white) 0%,rgba(255,255,255,.76) 58%,rgba(255,255,255,.92) 100%);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffffb8,0 12px 30px color-mix(in srgb,var(--platform) 10%,transparent)}
.platform-card.selected{background:linear-gradient(0deg,color-mix(in srgb,var(--platform) 22%,white) 0%,rgba(255,255,255,.78) 58%,rgba(255,255,255,.94) 100%);box-shadow:0 0 0 2px color-mix(in srgb,var(--platform) 18%,transparent),inset 0 1px 0 #ffffffd8,0 16px 34px color-mix(in srgb,var(--platform) 16%,transparent)}
.platform-card::before{display:none}
.platform-logo{width:48px;height:48px;background:none;box-shadow:0 8px 18px #153c7012;overflow:hidden}
.platform-logo img{width:100%;height:100%;object-fit:cover;display:block}
.platform-tags,.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.platform-tags i,.service-tags i{font-style:normal;border-radius:99px;padding:5px 8px;background:#fff;border:1px solid color-mix(in srgb,var(--platform,var(--blue)) 22%,white);color:var(--platform,var(--blue));font-size:11px;line-height:1}
.platform-card p{font-size:12px;line-height:1.72;color:#5e728d;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.design-card{position:relative}
.design-card .checkmark{position:absolute;right:14px;top:14px}
.design-logo{background:#fff1e6;color:#ff8c3a;font-size:22px;box-shadow:0 8px 18px #ff9b4a22}
.platform-price{margin-top:auto;color:var(--deep);font:700 15px "DM Sans"}
.service-toggle{align-items:flex-start;border-radius:15px;padding:18px;background:#fff;min-height:178px}
.service-toggle.selected{background:#f8fbff;box-shadow:0 0 0 2px #0b63f614}
.service-copy small{font-size:12px;line-height:1.75;max-width:none}
.service-price{margin-left:auto;padding-top:12px}
.duration-grid{overflow:visible;padding-top:10px}
.duration-card{overflow:visible;background:rgba(255,255,255,.52);backdrop-filter:blur(14px);border-color:#dfeafa;box-shadow:inset 0 1px 0 #ffffffb8,0 10px 24px #1b4d8108}
.duration-card i{top:-11px;right:12px;min-width:34px;text-align:center;white-space:nowrap;z-index:2}
.duration-card:nth-child(1){background:linear-gradient(135deg,rgba(225,247,255,.7),rgba(255,255,255,.5))}
.duration-card:nth-child(2){background:linear-gradient(135deg,rgba(235,241,255,.75),rgba(255,255,255,.5))}
.duration-card:nth-child(3){background:linear-gradient(135deg,rgba(223,237,255,.78),rgba(242,250,255,.52))}
.duration-card:nth-child(4){background:linear-gradient(135deg,rgba(255,238,222,.75),rgba(255,255,255,.5))}
.duration-card:has(input:checked){background:linear-gradient(135deg,rgba(224,238,255,.88),rgba(255,255,255,.62));backdrop-filter:blur(18px)}
.radio-card input{position:absolute;opacity:0;pointer-events:none}
.radio-dot{width:18px;height:18px}
.radio-card input:checked~.radio-dot{border-color:var(--blue);box-shadow:inset 0 0 0 5px #fff;background:var(--blue)}
.detail-head span.detail-arrow{width:24px;height:24px;border-radius:50%;background:#eaf3ff;position:relative;flex:0 0 auto}
.detail-head span.detail-arrow::before{content:"";position:absolute;left:7px;top:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--blue);transition:.2s}
.detail-item.open .detail-arrow::before{transform:rotate(180deg);top:7px}
@media(max-width:900px){.content-grid{max-width:none}.summary-card{order:0}.platform-grid{grid-template-columns:repeat(2,1fr)}.summary-detail-grid{grid-template-columns:1fr 1fr}.brand-logo{width:132px}}
@media(max-width:640px){.platform-card{min-height:264px}.platform-grid{grid-template-columns:1fr}.summary-detail-grid{grid-template-columns:1fr}.brand-logo{width:122px;height:38px}.account-state{grid-template-columns:1fr}.duration-grid{grid-template-columns:repeat(2,1fr)}}
.radio-card{position:relative}
.radio-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.radio-card .radio-dot{width:18px;height:18px;border:1px solid #cbd8e6;border-radius:50%;background:#fff;margin-top:2px;flex:0 0 auto}
.radio-card input:checked~.radio-dot{border-color:var(--blue);background:radial-gradient(circle at center,var(--blue) 0 5px,#fff 5px 100%);box-shadow:none}
.platform-cloud{opacity:.78;transform:scale(.9)}
.cloud-icon{width:46px;height:46px;opacity:.88;box-shadow:0 10px 18px #144b8a18}
.cloud-note{opacity:.82}
.footer-brand b{display:none}
.footer-logo{width:128px;height:42px;object-fit:contain;border-radius:0}
.summary-notice{margin-top:18px}

/* Current interaction refinements. */
.hero{position:relative}
.hero .platform-cloud{position:absolute;right:clamp(34px,8vw,118px);top:82px;z-index:0;opacity:.28;transform:none;pointer-events:none;filter:saturate(.88)}
.hero-copy{position:relative;z-index:1}
.hero .cloud-ring{width:176px;height:176px;left:67px;top:27px;opacity:.72}
.hero .cloud-icon{opacity:.64;filter:saturate(.82);box-shadow:0 16px 28px #144b8a16}
.hero .cloud-ig{left:128px;top:-4px;width:50px;height:50px;transform:translateY(-4px)}
.hero .cloud-tt{left:210px;top:32px;width:42px;height:42px;transform:translate(5px,-2px)}
.hero .cloud-x{left:226px;top:112px;width:56px;height:56px;transform:translate(2px,5px)}
.hero .cloud-pin{left:176px;top:182px;width:45px;height:45px;transform:translate(5px,4px)}
.hero .cloud-yt{left:88px;top:180px;width:52px;height:52px;transform:translate(-3px,6px)}
.hero .cloud-fb{left:34px;top:112px;width:47px;height:47px;transform:translate(-6px,2px)}
.hero .cloud-li{left:55px;top:30px;width:43px;height:43px;transform:translate(-4px,-3px)}
.hero .cloud-note{opacity:.52;left:139px;top:98px}
.account-register-panel{grid-column:2/-1;display:grid;gap:10px;border:1px solid #dce8f7;border-radius:12px;background:#f8fbff;padding:12px;margin-top:2px}
.account-register-panel[hidden]{display:none}
.account-register-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--deep);font-size:13px}
.account-phone-list{display:grid;gap:8px}
.register-phone{margin:0}
.gift-banner{background:linear-gradient(135deg,#fff8ec,#fffdf8);border-color:#f1c991;padding:14px 16px}
.gift-banner>span{display:none}
.gift-banner>img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.gift-banner b{font-size:13px;color:#8d571b}
.gift-banner small{font-size:12px;line-height:1.7;color:#80613d}
.gift-banner strong{font-size:12px;white-space:nowrap}
.platform-card{isolation:isolate}
.platform-bg-logo{position:absolute;right:-54px;bottom:-50px;width:235px;height:235px;object-fit:cover;opacity:.105;filter:saturate(.9) blur(.2px);pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,#000 0 48%,rgba(0,0,0,.65) 62%,transparent 78%);mask-image:radial-gradient(circle at center,#000 0 48%,rgba(0,0,0,.65) 62%,transparent 78%)}
.platform-card::before{z-index:-1}
.card-check{position:absolute;right:13px;top:13px;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--platform) 25%,white);border-radius:8px;background:#ffffffb5;color:transparent;display:grid;place-items:center;font-weight:800;font-size:14px;box-shadow:0 5px 13px color-mix(in srgb,var(--platform) 12%,transparent);z-index:1}
.platform-card.selected .card-check{background:var(--platform);border-color:var(--platform);color:#fff}
.design-card .card-check{right:13px;top:13px}
.design-card .checkmark{display:none}
.design-bg-logo{position:absolute;right:-18px;bottom:-28px;font-size:170px;line-height:1;color:#ff9b4a;opacity:.09;font-weight:800;pointer-events:none;z-index:-1}
.platform-price:empty{display:none}
.selected-platforms span:not(.empty-state){gap:6px;padding:6px 9px;background:#f5f8fc}
.selected-platforms img{width:16px;height:16px;border-radius:5px;object-fit:cover;display:block}
.summary-detail-grid{grid-template-columns:repeat(2,1fr);align-items:start}
.summary-line{gap:12px}
.summary-line b{text-align:right;overflow-wrap:anywhere}
.summary-price{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){.hero .platform-cloud{right:-18px;top:126px;transform:none;opacity:.24}.account-register-panel{grid-column:1/-1}.summary-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.hero{position:relative;overflow:hidden}.hero .platform-cloud{position:absolute;right:-54px;top:92px;opacity:.18;transform:none;margin:0;z-index:0}.hero-copy{position:relative;z-index:1}.account-state{grid-template-columns:1fr}.gift-banner{align-items:flex-start}.platform-bg-logo{right:-34px;bottom:-34px;width:178px;height:178px;opacity:.08}.design-bg-logo{font-size:136px;right:-14px;bottom:-22px}.summary-line b{text-align:left}.summary-price strong{font-size:32px}}
.success-modal{position:fixed;inset:0;background:#0b1f3a66;display:grid;place-items:center;padding:24px;z-index:50}
.success-modal[hidden]{display:none}
.success-page{background:#f6f9fc}
.success-dialog{width:min(420px,100%);border-radius:16px;background:#fff;padding:30px 28px;text-align:center;box-shadow:0 24px 70px #0b1f3a38}
.success-page .success-dialog{animation:success-page-in .42s ease both}
.success-icon{width:72px;height:72px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 16px;font-size:36px;font-weight:800;animation:success-check-pop .55s .12s cubic-bezier(.2,.9,.25,1.3) both}
.success-dialog h2{margin:0 0 8px;color:var(--deep);font-size:24px}
.success-dialog p{margin:0 0 22px;color:var(--muted);line-height:1.8}
.success-dialog .primary-button{margin-top:0}
@keyframes success-page-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes success-check-pop{from{opacity:0;transform:scale(.35) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.field-missing{border-color:#ff5d5d!important;background:#fff8f8!important;box-shadow:0 0 0 3px #ff5d5d1f!important}
.section-alert{border:1px solid #ffc7c7;background:#fff5f5;color:#b42318;border-radius:10px;padding:10px 12px;margin:-8px 0 18px;font-size:13px;line-height:1.6}
.summary-live{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:22px}
.summary-live img{width:34px;height:22px;object-fit:contain;display:block}
.summary-hidden{display:none}
.duration-grid{grid-template-columns:repeat(3,1fr)}
#summaryCard .summary-detail-grid{grid-template-columns:1fr}
#summaryCard .summary-line{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start}
#summaryCard .summary-line b{text-align:right}