.pack-section{background:radial-gradient(ellipse at 90% 18%,#0a3b541f,transparent 55%)}
.pack-section .section-heading{align-items:flex-start}.pack-section .section-heading h2{font-size:clamp(31px,3.6vw,45px)}.pack-section .section-heading>p{padding-top:39px;max-width:330px}
.pack-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:28px;align-items:start}.pack-controls{min-width:0;display:grid;gap:24px}
.pack-group{min-width:0;margin:0;padding:25px;border:1px solid #253746;border-radius:18px;background:linear-gradient(140deg,#101b25,#0c121b)}
.pack-group legend{float:left;display:flex;align-items:center;gap:12px;width:100%;padding:0;margin:0 0 16px;font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.035em;color:#edf6fc}.pack-group legend>span{flex-shrink:0;font-size:11px;line-height:1.4;letter-spacing:.06em;color:var(--blue)}.pack-group>legend+*{clear:both}
.pack-group>.pack-intro{font-size:12px;margin:0 0 20px;color:#acbbca}.pack-web-grid,.pack-ads-grid,.pack-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-extra-grid{grid-template-columns:1fr}
.pack-option{position:relative;display:flex;padding:19px 17px;min-width:0;border:1px solid #2b3b4a;border-radius:12px;background:#0b121c;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.pack-option:hover{border-color:#4884a3;background:#101e2b}.pack-option:has(input:checked){border-color:var(--blue);background:linear-gradient(145deg,#143447,#0e1c2b);box-shadow:inset 0 0 20px #35b9ef07,0 0 20px #35b9ef07}.pack-option:has(input:focus-visible){outline:3px solid #9be2ff;outline-offset:4px}
.pack-option>input{position:absolute;top:19px;right:16px;width:22px;height:22px;margin:0;opacity:0;z-index:2;cursor:pointer}
.pack-choice-content{display:grid;gap:10px;min-width:0;width:100%}.pack-choice-heading{display:grid;gap:9px;padding-right:27px}.pack-choice-heading strong{font-size:14px;line-height:1.45;letter-spacing:-.025em;font-weight:800}.pack-choice-heading b{font-size:23px;line-height:1.3;letter-spacing:-.04em;color:#edf7fe;font-weight:800}.pack-choice-heading b small{font-size:11px;letter-spacing:0;margin-left:3px;font-weight:400;color:#b6cbda}.pack-choice-heading b em{font-style:normal;font-size:11px;letter-spacing:0;font-weight:400}
.pack-choice-description{font-size:12px;line-height:1.75;color:#b2c2d1}.pack-tax{font-size:10px;line-height:1.5;color:#9fb5c6}.pack-select-mark{position:absolute;right:16px;top:19px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #4b6578;border-radius:50%;background:#0c1721;color:transparent;transition:background .18s,border-color .18s}.pack-select-mark svg{width:13px;height:13px}.pack-check .pack-select-mark{border-radius:5px}.pack-option:has(input:checked) .pack-select-mark{background:#35b9ef;border-color:#35b9ef;color:#06111b}
.pack-existing{display:flex;align-items:flex-start;gap:10px;margin-top:19px;font-size:12px;color:#c4d4e0;cursor:pointer;line-height:1.7}.pack-existing input{flex-shrink:0;width:18px;height:18px;margin:1px 0 0;accent-color:#35b9ef}.pack-existing[hidden]{display:none}.pack-group .pack-info{font-size:11px;line-height:1.85;color:#a9bdcc;margin:15px 0 0}.pack-option.is-disabled{cursor:not-allowed;background:#0b1119;border-color:#27333e}.pack-option.is-disabled .pack-choice-heading,.pack-option.is-disabled .pack-choice-description{color:#93a6b5}.pack-option.is-disabled input{cursor:not-allowed}
.pack-reset{justify-self:start;background:transparent;padding:10px 0;color:#b5cada;font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px}.pack-reset:hover{color:var(--blue)}
.pack-summary{min-width:0;border:1px solid #336480;border-radius:18px;padding:26px;background:radial-gradient(ellipse at top right,#164b683b,transparent 60%),#0e1924;box-shadow:0 15px 45px #0002}.pack-summary-top{display:flex;gap:14px;align-items:center;padding-bottom:24px;border-bottom:1px solid #314658;margin-bottom:22px}.pack-summary-top p{font-size:8px;letter-spacing:.12em;color:#9dbdd1;margin-bottom:6px}.pack-summary-top h3{font-size:30px;letter-spacing:-.045em}.pack-summary-top .icon-box{width:40px;height:40px}.pack-picked-web{display:grid;gap:7px}.pack-picked-web>span,.pack-form-label{font-size:9px;letter-spacing:.13em;color:#6bcdf5;font-weight:800}.pack-picked-web>strong{font-size:18px;line-height:1.4;letter-spacing:-.035em}.pack-picked-web>small{font-size:12px;color:#b2c6d6}.pack-summary-items{list-style:none;padding:0;margin:20px 0;display:grid;gap:15px}.pack-summary-items:empty{display:none}.pack-summary-items li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:12px;line-height:1.6}.pack-summary-items li>span{color:#d4e4ee}.pack-summary-items small{display:block;font-size:10px;color:#9fb8ca;line-height:1.65;margin-top:2px}.pack-summary-items b{font-size:12px;white-space:nowrap;font-weight:600;color:#c5e4f5}.pack-empty{font-size:12px;line-height:1.8;margin:18px 0;color:#afc4d3}
.pack-totals{padding-top:4px}.pack-total{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #30495b;padding:19px 0}.pack-total>span{font-size:12px;color:#bcd0de;max-width:145px;line-height:1.7}.pack-total>strong{font-size:29px;font-weight:800;letter-spacing:-.055em;line-height:1.3;white-space:nowrap;text-align:right;color:#f0f8ff}.pack-total strong em{display:block;font-style:normal;font-size:11px;letter-spacing:0;font-weight:400;color:#a9c4d6}.pack-total strong small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#adc8d9}.pack-total-later{padding:14px 0}.pack-total-later>strong{font-size:24px;color:#72d1f7}.pack-maintenance-note{background:#122c3c;border:1px solid #2a5069;border-radius:9px;padding:13px;font-size:11px;line-height:1.8;color:#bed6e5;margin:2px 0 17px}.pack-summary-tax{font-size:11px;color:#c2d9e7;margin:8px 0}.pack-summary-note{font-size:11px;line-height:1.8;color:#9db8ca}.pack-summary .button{width:100%;font-size:11px;gap:12px;margin-top:22px;padding:15px 13px;background:#1278a5;border-color:#258eb8}.pack-summary .button:hover{background:#116f9b}.pack-summary .button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.pack-summary #pack-status{font-size:11px;line-height:1.8;color:#96d5ef;margin-top:12px}.pack-summary #pack-status:empty{display:none}
.contact-pack-summary{padding:22px;background:#0c202e;border:1px solid #34738f;border-radius:12px;margin-bottom:25px}.contact-pack-summary[hidden]{display:none}.contact-pack-summary .pack-form-label{margin:0 0 18px}.contact-pack-summary .pack-total>strong{font-size:25px}.contact-pack-summary .pack-maintenance-note{margin-top:10px}.contact-pack-summary .text-link{font-size:12px;margin-top:13px}#contact-form{scroll-margin-top:110px}
@media(min-width:1051px){.pack-summary.pack-sticky{position:sticky;top:100px}}
@media(max-width:1050px){.pack-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.pack-group{padding:20px}.pack-web-grid,.pack-ads-grid{grid-template-columns:1fr}.pack-summary{padding:22px}.pack-section .section-heading{gap:30px}.pack-section .section-heading>p{max-width:280px;padding-top:30px}}
@media(max-width:750px){.pack-layout{grid-template-columns:1fr;gap:28px}.pack-web-grid,.pack-ads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-section .section-heading{display:block}.pack-section .section-heading>p{max-width:540px;padding-top:22px}.pack-summary{position:static}.pack-summary-top p{font-size:9px}.pack-total>span{max-width:65%}}
@media(max-width:500px){.pack-web-grid,.pack-ads-grid{grid-template-columns:1fr}.pack-group{padding:20px 16px;border-radius:14px}.pack-group legend{font-size:17px}.pack-option{padding:18px 16px}.pack-choice-heading{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline;padding-right:28px}.pack-choice-heading strong{flex:1 1 100%}.pack-choice-heading b{font-size:25px}.pack-summary{padding:22px}.pack-total>strong{font-size:29px}.pack-section .eyebrow{font-size:9px;letter-spacing:.1em}.pack-section .section-heading h2{font-size:31px}.contact-pack-summary{padding:18px}.contact-pack-summary .pack-summary-items li{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pack-option,.pack-select-mark{transition:none}}