
:root{--warm:#f2ebe4;--mint:#9eedcc}html{scroll-padding-top:100px}button{border-radius:0}h1,h2,h3{font-family:Arial,ui-sans-serif,sans-serif;letter-spacing:-.055em}p{line-height:1.7}.topbar{font-size:.72rem}.brand img{width:175px}.brand-label{display:block;max-width:135px;border-left:1px solid var(--line);padding-left:14px}.header-inner{gap:18px}.primary-nav a{font-size:.83rem;padding:10px}.hero{min-height:715px;background:linear-gradient(90deg,#fff 0%,#fff 40%,#ffffffdf 58%,#ffffff38 100%),url('../images/colon2000.jpg') 50% 55%/cover}.hero-grid{padding-block:68px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(3.25rem,5.4vw,5.2rem);max-width:12ch}.hero .lead{font-size:1.08rem;max-width:47ch}.hero-visual{min-height:580px}.hero-visual .phone-a{width:244px;right:28%;top:0;animation:none;transform:rotate(7deg)}.hero-visual .phone-b{width:225px;left:0;bottom:0;animation:none;transform:rotate(-9deg)}.hero-label{position:absolute;right:0;bottom:100px;background:var(--navy);color:white;padding:20px 24px;max-width:235px;box-shadow:var(--shadow-lg);font-size:1.05rem;line-height:1.25;border-left:4px solid var(--mint)}.hero-note{font-size:.7rem;color:var(--muted);position:absolute;bottom:-20px;right:0;max-width:270px}.hero-meta{gap:20px}.hero-meta strong{font-size:1.25rem}.hero-meta span{max-width:130px;font-size:.74rem}.site-header .btn{color:white}.category-line{background:var(--navy);color:#fff;padding:23px 0}.category-line .wrap{display:flex;gap:26px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase}.category-line b{color:var(--mint)}.section{padding:90px 0}.section-header{gap:60px}.section-header h2{font-size:clamp(2.3rem,4vw,3.5rem);max-width:15ch}.section-header p{font-size:1rem}.opps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.opp{padding:34px 28px 16px 0}.opp+.opp{border-left:1px solid var(--line);padding-left:28px}.opp b{font-size:.75rem;color:var(--gx-blue);letter-spacing:.12em}.opp h3{font-size:1.8rem;margin-top:20px}.opp p{font-size:.92rem;color:var(--muted)}.micro-note{font-size:.8rem;color:var(--muted);margin:24px 0 0}.journey-section{background:#071b39;color:#c7d8ef}.journey-section h2,.journey-section h3{color:#fff}.journey-section .kicker{color:var(--mint)}.journey-section .section-header p{color:#bfd0e8}.journey-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:26px}.journey-toolbar .btn{min-width:205px}.journey-pager{font-size:.85rem;color:var(--mint)}.journey-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px}.journey-tab{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:transparent;color:#b9cce5;border:1px solid #34506d;padding:15px 12px;cursor:pointer;font-size:.77rem;line-height:1.25;min-height:90px}.journey-tab span{font-size:.7rem;color:#7ca0c8}.journey-tab[aria-pressed=true]{border-color:var(--mint);background:#143b52;color:#fff;box-shadow:inset 0 3px var(--mint)}.journey-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;background:radial-gradient(ellipse at 25% 50%,#143d68,#0a2345 65%);padding:40px 70px;min-height:580px;border:1px solid #274363}.journey-art{height:500px;display:flex;justify-content:center;align-items:center}.journey-art img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 20px 20px #0005)}.journey-detail h3{font-size:clamp(2.4rem,4vw,3.5rem);margin:20px 0}.journey-detail p{font-size:1.02rem}.journey-tag{color:var(--mint);font-weight:700;font-size:.72rem;letter-spacing:.12em}.journey-controls{display:flex;gap:12px;margin-top:28px}.journey-controls button{color:#fff;border-color:#6b87a8}.journey-controls button:disabled{opacity:.35;cursor:default}.timing{margin-top:28px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;border-top:1px solid #34506d;padding-top:28px}.timing h3{font-size:1.45rem;letter-spacing:-.03em}.timing p{font-size:.87rem;color:#b9cce5;margin:0}.slots{display:grid;grid-template-columns:1fr 1fr;gap:24px}.slot{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);overflow:hidden;background:white;min-height:440px}.slot-art{background:linear-gradient(150deg,#edf4fb,#f4e9e3);padding:25px 20px;position:relative;display:grid;place-items:center}.slot-art img{max-height:350px;filter:drop-shadow(0 12px 12px #14254428)}.slot-num{position:absolute;left:16px;top:12px;font-size:.7rem;font-weight:800;color:var(--gx-blue)}.slot-copy{padding:30px 24px}.slot-copy .kicker{font-size:.65rem;letter-spacing:.08em;margin-bottom:9px}.slot-copy h3{font-size:1.65rem;margin-bottom:14px}.slot-copy p{font-size:.86rem;color:var(--muted)}.specs{font-size:.73rem;color:var(--gx-blue-dark);display:grid;gap:6px;border-block:1px solid var(--line);padding:14px 0;margin:18px 0}.price small{display:block;font-size:.7rem;color:var(--muted)}.price strong{font-size:1.9rem;line-height:1.3;color:var(--navy);letter-spacing:-.05em}.price span{font-size:.7rem;color:var(--muted)}.slot-copy .btn{margin-top:16px;font-size:.75rem;padding:10px 12px;min-height:40px}.slot-copy .quantity{font-size:.7rem}.price-disclaimer{border-left:3px solid var(--gx-blue);padding:14px 20px;background:#edf5ff;font-size:.8rem;color:#314b69;margin-top:26px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.package{padding:28px 24px;background:white;border:1px solid var(--line);position:relative}.package:last-child{background:var(--navy);color:white}.package h3{font-size:1.4rem}.package:last-child h3{color:white}.package .package-q{font-size:2.35rem;font-weight:800;line-height:1.2;letter-spacing:-.06em;margin:28px 0 3px}.package .package-unit{font-size:.72rem;color:var(--muted);line-height:1.35;min-height:35px}.package:last-child .package-unit{color:#bcd0ea}.package-price{font-size:1.7rem;font-weight:700;margin:24px 0 2px}.package .btn{width:100%;margin-top:22px;font-size:.73rem}.package .estimated{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.config{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:45px;background:white}.config-input{padding:40px}.config h3{font-size:2rem;max-width:17ch}.config p{font-size:.88rem;color:var(--muted)}label{display:block;font-size:.78rem;font-weight:700;color:var(--navy);margin-top:18px}select,input{margin-top:7px;display:block;width:100%;border:1px solid #a9bad0;background:white;color:var(--ink);padding:12px;min-height:48px;border-radius:0}.config-output{padding:40px;background:#eef5ff;display:flex;flex-direction:column;justify-content:center}.output-label{font-size:.73rem;color:var(--muted)}.budget{font-size:clamp(2.8rem,4.5vw,4.25rem);font-weight:800;letter-spacing:-.07em;line-height:1.2;color:var(--navy);margin:12px 0 20px}.delivery{padding-top:20px;border-top:1px solid #c4d6ec;margin-bottom:16px}.delivery strong{font-size:1.2rem;color:var(--navy);display:block}.delivery span{font-size:.8rem}.config-output .btn{align-self:flex-start}.faq-list{margin-top:20px}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:700;font-size:1rem;color:var(--navy)}.faq-list p{font-size:.9rem;margin:16px 0 0;color:var(--muted)}.cta-band .wrap{gap:30px}.cta-band h2{max-width:19ch;font-size:2.6rem}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.site-footer{font-size:.84rem}.site-footer .footer-brand img{width:175px}.site-footer .small{font-size:.7rem}.site-footer h3{font-size:1.05rem;letter-spacing:-.02em}.footer-links a{font-size:.8rem}.footer-bottom{font-size:.7rem}dialog{border:1px solid var(--line);padding:35px;max-width:min(600px,calc(100vw - 32px));color:var(--ink);box-shadow:var(--shadow-lg)}dialog::backdrop{background:#071b39b8;backdrop-filter:blur(3px)}dialog h2{font-size:2rem}dialog .dialog-summary{padding:20px;background:#edf5ff;white-space:pre-line;margin:20px 0;font-size:.94rem}dialog p{font-size:.82rem;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1100px){.primary-nav a{padding:9px 7px}.brand-label{display:none}.slot{grid-template-columns:155px 1fr}.slot-copy{padding:25px 20px}.hero-visual .phone-a{right:13%}.hero-visual .phone-b{left:-6%}.hero-label{right:-5%;bottom:115px}.journey-stage{padding:35px;gap:40px}.package{padding:24px 17px}.package .package-q{font-size:2rem}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:3.3rem}.hero-visual .phone-a{width:205px;right:4%;top:30px}.hero-visual .phone-b{width:190px;left:0;bottom:15px}.hero-label{bottom:90px;max-width:180px;font-size:.9rem}.hero-visual{min-height:520px}.hero-meta{gap:13px}.hero-meta span{max-width:100px}.hero-meta strong{font-size:1rem}.section-header{gap:35px}.slots{grid-template-columns:1fr}.slot{grid-template-columns:210px 1fr;min-height:390px}.slot-art img{max-height:340px}.journey-tabs{grid-template-columns:repeat(4,1fr)}.journey-tab{min-height:75px}.journey-stage{grid-template-columns:.9fr 1.1fr;padding:25px;gap:30px}.journey-art{height:430px}.package-grid{grid-template-columns:repeat(2,1fr)}.config-input,.config-output{padding:30px}.footer-main{grid-template-columns:1.4fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:86px}.topbar .wrap{min-height:42px;gap:8px}.topbar-links{font-size:.62rem;gap:0}.brand img{width:150px}.header-inner{min-height:70px}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:15px 20px;box-shadow:var(--shadow-sm)}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;gap:6px}.primary-nav a{padding:12px}.hero-grid{display:flex;flex-direction:column;padding-block:45px 28px;gap:20px}.hero{background:linear-gradient(180deg,#fff 0%,#fff 35%,#ffffffd6 65%,#ffffff33 100%),url('../images/colon2000.jpg') 50% 70%/cover}.hero h1{font-size:3.5rem;max-width:12ch}.hero .lead{font-size:1rem}.kicker{font-size:.68rem}.hero .button-row{gap:8px}.hero .btn{font-size:.8rem;padding:12px 14px}.hero-meta{margin-top:24px;gap:20px}.hero-meta div{min-width:70px}.hero-meta span{max-width:100px}.hero-visual{width:100%;min-height:460px}.hero-visual .phone-a{width:188px;right:14%;top:0}.hero-visual .phone-b{width:175px;left:6%;bottom:20px}.hero-label{right:0;bottom:75px;max-width:168px;font-size:.85rem;padding:16px}.hero-note{bottom:0;right:0;font-size:.63rem;max-width:220px}.category-line .wrap{gap:12px;font-size:.65rem}.section{padding:60px 0}.section-header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-header h2{font-size:2.55rem}.opps{grid-template-columns:1fr}.opp,.opp+.opp{padding:25px 0 10px;border-left:0;border-bottom:1px solid var(--line)}.opp h3{margin-top:12px}.journey-toolbar{align-items:flex-start}.journey-toolbar .btn{min-width:0;font-size:.75rem;padding:11px 13px}.journey-pager{font-size:.73rem;padding-top:10px}.journey-tabs{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.journey-tab{min-width:116px;min-height:76px;scroll-snap-align:start}.journey-stage{grid-template-columns:1fr;padding:25px;gap:25px}.journey-art{height:340px}.journey-detail h3{font-size:2.4rem;margin:14px 0}.journey-detail p{font-size:.9rem}.journey-tag{font-size:.63rem}.journey-controls{margin-top:20px}.timing{grid-template-columns:1fr;gap:12px}.slot{grid-template-columns:130px 1fr;min-height:430px}.slot-art{padding:30px 9px}.slot-art img{max-height:280px}.slot-copy{padding:25px 16px}.slot-copy h3{font-size:1.4rem}.slot-copy p{font-size:.79rem}.specs{font-size:.65rem}.price strong{font-size:1.7rem}.slot-copy .btn{font-size:.68rem;padding:10px 8px}.slot-copy .quantity{font-size:.64rem}.package-grid{gap:12px}.package{padding:24px 16px}.package .package-q{font-size:1.9rem;margin-top:20px}.package h3{font-size:1.2rem}.package-price{font-size:1.5rem}.package .btn{font-size:.66rem;padding:10px 8px}.config{grid-template-columns:1fr}.config-input,.config-output{padding:28px}.config h3{font-size:1.9rem}.config-output .budget{font-size:3.3rem}.cta-band .wrap{display:block}.cta-band h2{font-size:2.3rem}.cta-band .btn{margin-top:20px}.footer-main{grid-template-columns:1fr;gap:28px}.site-footer .footer-brand p{max-width:50ch}.footer-bottom{display:block}.faq-list summary{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.primary-nav.is-open{display:block}.device-preview{position:relative;max-height:350px;line-height:0}.device-preview img{display:block}.placement-highlight{position:absolute;pointer-events:none;box-shadow:0 0 0 100vmax #061a3a44;clip-path:inset(-20px);border:3px solid #0078ff;left:9.5%;width:81%;border-radius:2px}.placement-highlight.main{top:19.1%;height:47.3%}.placement-highlight.banner{top:67.7%;height:12.7%;border-color:#ff7a00}.slot-art .device-preview{overflow:hidden}.slot-art .placement-highlight{box-shadow:none}
@media(max-width:700px){.device-preview{max-height:280px}}

/* Public UX v2: same Tocumen-derived shell, governed assets and local-only controls. */
:root{--navy:#071b39;--mint:#9eedcc;--gx-blue:#238dff;--ux-line:#d6e0eb;--ux-muted:#4b607b}
[data-public-ux] button,[data-public-ux] input,[data-public-ux] select,[data-public-ux] textarea{font:inherit;line-height:1.35}
[data-public-ux] .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:.88rem;font-weight:700;text-decoration:none;line-height:1.3}
[data-public-ux] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--gx-blue);outline-offset:4px}
[data-public-ux] .site-header{z-index:40;position:sticky;top:0;background:#fff}
[data-public-ux] .primary-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.84rem}
[data-public-ux] .nav-toggle{min-width:48px;min-height:48px;align-items:center;justify-content:center}
[data-public-ux] .primary-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
[data-public-ux] .hero h1{max-width:12ch;letter-spacing:-.055em;line-height:1.02}
[data-public-ux] .slot.is-selected{box-shadow:inset 0 0 0 2px var(--navy)}
[data-public-ux] .package{border-radius:8px}[data-public-ux] .package.is-selected{outline:2px solid var(--gx-blue);outline-offset:3px}
[data-public-ux] .package:last-child :is(h2,h3){color:#fff}[data-public-ux] .package:last-child .package-unit{color:#c5d4e9}
[data-public-ux] .article-hero{border-bottom:1px solid var(--ux-line)}
[data-public-ux] .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.85rem;line-height:1.5}
[data-public-ux] .blog-card{border:1px solid var(--ux-line);border-radius:8px;overflow:hidden;box-shadow:none}
[data-public-ux] .blog-card h2,[data-public-ux] .blog-card h3{letter-spacing:-.035em}
[data-public-ux] .pagination a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ux-line);border-radius:4px;padding:10px 16px}
[data-public-ux] .article-body{font-size:1rem;line-height:1.8}[data-public-ux] .article-body h2{margin-top:2em}
.ux-planning{background:#fff;scroll-margin-top:104px}.ux-planner-heading h2{font-size:clamp(2.3rem,4.4vw,3.75rem);line-height:1.08;margin:0;max-width:23ch}.ux-planner-heading>p{font-size:1.06rem;color:var(--ux-muted);margin-top:16px}
.ux-progress{list-style:none;padding:0;display:flex;align-items:center;gap:28px;margin:34px 0 38px}.ux-progress li{display:flex;align-items:center;gap:12px;color:var(--ux-muted);font-size:.85rem;line-height:1.3}.ux-progress li:first-child{color:var(--navy);font-weight:700}.ux-progress span,.ux-step-number{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #a9bad0;border-radius:50%;font-weight:700}.ux-progress li:first-child span{background:var(--navy);border-color:var(--navy);color:#fff}
.ux-planner-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:32px;align-items:start}.ux-planner-input{min-width:0}.ux-planner-input fieldset{padding:0;border:0;min-width:0;margin:0 0 28px}.ux-planner-input legend{font-size:1rem;font-weight:700;margin-bottom:14px;color:var(--navy)}
.ux-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-choice{margin:0;padding:18px 14px;min-height:150px;border:1px solid var(--ux-line);border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;background:#fff;font-weight:400;transition:border-color .15s,box-shadow .15s}.ux-choice input,.ux-volume input{margin:0;appearance:auto;accent-color:var(--navy);width:18px;min-height:18px;height:18px;flex:0 0 18px;cursor:pointer}.ux-choice img{width:45px;height:105px;object-fit:contain;flex-shrink:0;filter:none}.ux-choice-copy{display:grid;gap:6px;min-width:0}.ux-choice strong{font-size:.92rem;line-height:1.25;letter-spacing:-.02em}.ux-choice small{font-size:.77rem;line-height:1.45;color:var(--ux-muted);font-weight:400}.ux-choice-all{grid-column:1/-1;min-height:84px}.ux-choice.is-selected,.ux-volume.is-selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#fff}.ux-selected-label{display:none;color:#166449;font-weight:700;font-size:.7rem}.ux-choice.is-selected .ux-selected-label{display:block}
.ux-volumes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ux-volume{display:flex;gap:9px;align-items:center;margin:0;padding:16px 12px;border:1px solid var(--ux-line);border-radius:8px;cursor:pointer}.ux-volume span{display:grid;gap:6px}.ux-volume strong{font-size:.98rem;letter-spacing:-.02em}.ux-volume small{font-size:.78rem;color:var(--ux-muted);font-weight:400}.ux-offer-label{font-size:.85rem;margin-top:8px}.ux-planner-input input[type=text],#ux-offer{min-height:48px;border:1px solid #a9bad0;border-radius:4px;width:100%;padding:12px}.ux-help{font-size:.76rem!important;line-height:1.5;color:var(--ux-muted);font-weight:400}.ux-info{font-size:.82rem;color:#234568;background:#edf5ff;border-left:3px solid var(--gx-blue);padding:14px 18px;margin:22px 0 0}
.ux-summary{background:var(--navy);color:#fff;padding:32px;border-radius:8px;position:sticky;top:104px;min-width:0}.ux-summary-rule{display:block;background:var(--mint);width:48px;height:4px;margin-bottom:24px}.ux-summary h3{font-size:1rem;letter-spacing:0;color:#fff;margin:0 0 12px}.ux-name{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.15;display:block;letter-spacing:-.035em}.ux-summary>p{font-size:.85rem;line-height:1.55;color:#d0ddee}.ux-summary-price{font-size:clamp(2.6rem,4vw,3.7rem);font-weight:800;letter-spacing:-.06em;line-height:1.15;border-top:1px solid #51617b;padding-top:24px;margin-top:24px}.ux-summary .ux-aggregate{font-size:.75rem;border-top:1px solid #394c68;padding-top:14px}.ux-mint{background:var(--mint)!important;color:var(--navy)!important;border:1px solid var(--mint);font-weight:800}.ux-summary .ux-mint{width:100%;margin:20px 0 12px}.ux-summary .ux-summary-conditions{font-size:.73rem;line-height:1.6;color:#c4d2e5}.ux-mobile-summary{display:none}
.ux-next-steps{padding:40px 0 64px;background:#fff}.ux-next-steps .wrap{border-top:1px solid var(--ux-line);padding-top:38px}.ux-next-steps h2{font-size:clamp(1.9rem,3vw,2.5rem);margin:0 0 28px}.ux-next-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:26px}.ux-next-steps li{display:flex;gap:14px;min-width:0}.ux-step-number{color:var(--navy);width:34px;height:34px;font-size:.82rem}.ux-next-steps h3{font-size:1rem;letter-spacing:-.02em;margin:5px 0 10px}.ux-next-steps p{font-size:.82rem;color:var(--ux-muted);line-height:1.6;margin:0}.ux-next-steps .btn{margin-top:26px}
.ux-dialog{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 32px);overflow:auto;padding:38px;border:1px solid var(--ux-line);border-radius:8px;background:#fff;color:var(--navy)}.ux-dialog::backdrop{background:#071b39bb;backdrop-filter:blur(3px)}.ux-dialog h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;margin:0 40px 26px 0}.ux-dialog-x{position:absolute;right:16px;top:16px;width:44px;height:44px;background:white;border:1px solid var(--ux-line);border-radius:4px;display:grid;place-items:center;color:var(--navy);cursor:pointer}.ux-dialog-table{border:1px solid var(--ux-line);margin:0 0 24px}.ux-dialog-table>div{display:grid;grid-template-columns:30% 70%;border-bottom:1px solid var(--ux-line)}.ux-dialog-table>div:last-child{border:0}.ux-dialog-table dt,.ux-dialog-table dd{padding:14px;margin:0;font-size:.9rem;overflow-wrap:anywhere}.ux-dialog-table dt{font-weight:700;color:var(--ux-muted);border-right:1px solid var(--ux-line)}.ux-dialog-budget{text-align:center;font-size:3.3rem;letter-spacing:-.06em;font-weight:800;line-height:1.2}.ux-dialog .ux-dialog-estimate{text-align:center;font-weight:700;font-size:.9rem;color:var(--ux-muted);margin:5px 0 24px}.ux-dialog>p{font-size:.8rem;line-height:1.65}.ux-dialog textarea{width:100%;max-width:100%;resize:vertical;border:1px solid var(--ux-line);border-radius:4px;padding:12px;font-size:.8rem!important;line-height:1.6!important;color:var(--navy);margin-top:8px}.ux-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.ux-copy-status{border-top:1px solid var(--ux-line);padding-top:18px;margin-top:24px;color:var(--ux-muted)}
@media(max-width:1000px){.ux-planner-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);gap:24px}.ux-summary{padding:26px}.ux-choice{gap:10px;padding:16px 10px}.ux-choice img{width:38px;height:92px}.ux-volumes{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-next-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){[data-public-ux] .nav-toggle{display:inline-flex}[data-public-ux] .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:18px 24px;border-bottom:1px solid var(--ux-line);max-height:75dvh;overflow:auto;box-shadow:0 16px 24px #071b3912}[data-public-ux] .primary-nav.is-open{display:block}[data-public-ux] .primary-nav ul{display:grid;gap:5px}[data-public-ux] .primary-nav a{width:100%;padding:12px;font-size:.95rem}[data-public-ux] .primary-nav .nav-cta{margin:8px 0 0}[data-public-ux].nav-open{overflow:hidden}}
@media(max-width:760px){.ux-planner-grid{grid-template-columns:1fr}.ux-summary{position:static}.ux-progress{gap:14px;margin:28px 0}.ux-progress li{font-size:.73rem;align-items:flex-start;gap:8px;flex:1}.ux-progress span{width:27px;height:27px}.ux-planner-heading h2{font-size:2.5rem}.ux-planner-heading>p{font-size:1rem}.ux-summary-price{font-size:3.4rem}.ux-summary .ux-summary-conditions{font-size:.78rem}.ux-summary .ux-aggregate{font-size:.8rem}.ux-choice{min-height:142px}.ux-choice strong{font-size:.86rem}.ux-choice img{width:34px;height:88px}.ux-next-steps{padding-bottom:44px}.ux-next-steps ol{gap:24px 18px}.ux-next-steps li{gap:10px}.ux-next-steps h3{font-size:.92rem}.ux-next-steps p{font-size:.78rem}.ux-dialog{padding:28px 20px}.ux-dialog-actions{gap:10px}.ux-dialog-table dt,.ux-dialog-table dd{font-size:.8rem;padding:12px}.ux-dialog-table>div{grid-template-columns:32% 68%}.ux-dialog-budget{font-size:3rem}.ux-mobile-summary{display:flex;position:fixed;left:0;right:0;bottom:0;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));background:var(--navy);color:white;z-index:35;gap:14px;align-items:center;justify-content:space-between;visibility:hidden;transform:translateY(100%);transition:transform .18s;box-shadow:0 -4px 16px #071b3922}.ux-mobile-summary.is-visible{visibility:visible;transform:none}.ux-mobile-summary strong{display:block;font-size:1.3rem;line-height:1.2;letter-spacing:-.035em}.ux-mobile-summary small{font-size:.66rem;color:#d4dfed;display:block;max-width:160px}.ux-mobile-summary .btn{font-size:.78rem;max-width:51%;padding:10px 14px}.ux-planning{padding-bottom:88px}.ux-dialog .btn{font-size:.8rem}}
@media(max-width:390px){.ux-choice{flex-wrap:wrap;gap:8px}.ux-choice img{height:60px;width:28px}.ux-choice-copy{flex-basis:100%}.ux-choice-all .ux-choice-copy{flex-basis:auto;flex:1}.ux-next-steps ol{grid-template-columns:1fr}.ux-progress li{display:grid;gap:7px}.ux-dialog-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){[data-public-ux] *,[data-public-ux] *::before,[data-public-ux] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Experience V5: advertiser navigation; Wi-Fi walkthrough remains explanatory. */
.ux-route-progress{padding:30px 0 26px;background:var(--soft,#f4f7fb);border-block:1px solid var(--ux-line)}
.ux-route-progress h2{font-size:1.15rem;letter-spacing:-.025em;margin:0 0 18px}
.ux-route-progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px}
.ux-route-progress a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ux-line);border-radius:4px;background:#fff;min-height:64px;color:var(--navy);text-decoration:none;font-size:.86rem;font-weight:700;line-height:1.35}
.ux-route-progress a span{font-size:.75rem;color:var(--ux-muted)}
.ux-route-progress a[aria-current=step]{border-color:var(--navy);background:var(--navy);color:#fff}
.ux-route-progress a[aria-current=step] span{color:var(--mint)}
.ux-route-progress p,.ux-next-steps .ux-after-note{font-size:.82rem;line-height:1.6;color:var(--ux-muted);margin:14px 0 0}
.ux-next-steps .ux-after-note{max-width:80ch;margin:0 0 28px}
@media(max-width:760px){.ux-route-progress ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-route-progress a{font-size:.8rem;padding:12px;min-height:64px}.ux-route-progress{padding:24px 0}.ux-route-progress h2{font-size:1.05rem}}

/* Position-specific local offer and creative delivery guide. */
.ux-placement-rate{font-size:.75rem;font-weight:700;color:var(--gx-blue-dark);margin:8px 0}.ux-rate-context{color:var(--mint);font-size:.88rem;font-weight:700}.ux-format-context{font-size:.8rem;line-height:1.55}.ux-package-context{padding:16px 20px;margin-bottom:24px;background:#eaf4fa;border-left:3px solid var(--gx-blue);line-height:1.65}.ux-creative-guide{background:#eef5f8;border-top:1px solid var(--line)}.ux-creative-guide .section-header{margin-bottom:20px}.ux-spec-table{overflow-x:auto;margin:28px 0}.ux-spec-table table{width:100%;border-collapse:collapse;background:white;font-size:.85rem}.ux-spec-table th,.ux-spec-table td{padding:18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.ux-spec-table thead{background:var(--navy);color:white}.ux-creative-guide details{background:white;border:1px solid var(--line);padding:20px 24px}.ux-creative-guide summary{cursor:pointer;font-weight:700;color:var(--navy)}.ux-creative-guide details p{font-size:.88rem;max-width:100ch}.ux-summary .ux-format-context{color:#c7d8ef}@media(max-width:600px){.ux-spec-table th,.ux-spec-table td{padding:13px;min-width:145px}.ux-package-context{font-size:.85rem}}

/* Local benefits preview: explanatory products only; the four-channel planner is unchanged. */
.benefits-preview{padding:clamp(58px,7vw,92px) 0;background:#f4f8fc;border-block:1px solid #d9e6f2;scroll-margin-top:110px;color:var(--navy,#071b39)}
.benefits-preview .benefits-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:32px}
.benefits-preview .benefits-status{display:inline-block;margin:0 0 18px;padding:7px 11px;border:1px solid #bfd9ce;background:#eaf8f1;color:#245842;font-size:.75rem;font-weight:700;line-height:1.45;letter-spacing:0}
.benefits-preview h2{font-size:clamp(2.15rem,3.6vw,3.4rem);line-height:1.06;max-width:18ch;margin:0}
.benefits-preview .benefits-intro{font-size:1rem;line-height:1.8;color:#53677d;margin:0;max-width:62ch}
.benefits-preview .benefits-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.benefits-preview .benefits-product{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d9e6f2;border-top:3px solid var(--mint,#9eedcc);padding:27px 24px 0}
.benefits-preview .benefits-product-number{font-size:.75rem;font-weight:700;color:var(--gx-blue,#0879e8);letter-spacing:.1em;margin-bottom:21px}
.benefits-preview .benefits-product h3{font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.18;letter-spacing:-.04em;margin:0 0 17px}
.benefits-preview .benefits-product>p{font-size:.9rem;line-height:1.8;color:#53677d;margin:0 0 24px}
.benefits-preview .benefits-product details{margin-top:auto;border-top:1px solid #d9e6f2;background:transparent}
.benefits-preview .benefits-product summary{display:list-item;cursor:pointer;min-height:52px;padding:17px 0;font:700 .83rem/1.55 Arial,ui-sans-serif,sans-serif;color:var(--navy,#071b39);overflow-wrap:anywhere}
.benefits-preview .benefits-product summary::marker{color:var(--gx-blue,#0879e8)}
.benefits-preview .benefits-product summary:focus-visible,.benefits-preview a:focus-visible{outline:3px solid var(--gx-blue,#0879e8);outline-offset:5px}
.benefits-preview .benefits-product details[open] summary{color:var(--gx-blue-dark,#125ea5)}
.benefits-preview .benefits-product details ul{margin:0;padding:0 0 21px 18px;color:#53677d;font-size:.83rem;line-height:1.8}
.benefits-preview .benefits-product details li+li{margin-top:12px}
.benefits-preview .benefits-journey{margin-top:45px;padding-top:32px;border-top:1px solid #cbdce9}
.benefits-preview .benefits-journey h3{font-size:clamp(1.45rem,2vw,1.9rem);letter-spacing:-.04em;line-height:1.2;margin:0 0 13px}
.benefits-preview .benefits-journey>p{max-width:82ch;color:#53677d;font-size:.9rem;line-height:1.8;margin:0}
.benefits-preview .benefits-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;padding:0;margin:29px 0 31px}
.benefits-preview .benefits-steps:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:1px;background:#cbdce9}
.benefits-preview .benefits-steps li{position:relative;min-width:0}
.benefits-preview .benefits-step-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid #a6c9bc;background:var(--mint,#9eedcc);color:var(--navy,#071b39);font-size:.8rem;font-weight:700;margin-bottom:18px}
.benefits-preview .benefits-steps h4{font:700 1rem/1.4 Arial,ui-sans-serif,sans-serif;letter-spacing:-.02em;margin:0 0 10px;color:var(--navy,#071b39)}
.benefits-preview .benefits-steps p{font-size:.83rem;line-height:1.75;color:#53677d;margin:0;max-width:30ch}
.benefits-preview .benefits-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.benefits-preview .benefits-note{font-size:.78rem;line-height:1.8;color:#53677d;max-width:102ch;margin:18px 0 0}
@media(max-width:1000px){.benefits-preview .benefits-heading{grid-template-columns:1fr;gap:23px}.benefits-preview h2{max-width:24ch}.benefits-preview .benefits-products{gap:14px}.benefits-preview .benefits-product{padding:24px 19px 0}.benefits-preview .benefits-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.benefits-preview .benefits-steps:before{display:none}}
@media(max-width:700px){.benefits-preview{scroll-margin-top:95px}.benefits-preview .benefits-products{grid-template-columns:1fr;gap:18px}.benefits-preview .benefits-product{padding:25px 23px 0}.benefits-preview .benefits-product h3{font-size:1.5rem;max-width:27ch}.benefits-preview .benefits-product-number{margin-bottom:15px}.benefits-preview .benefits-intro{font-size:.93rem}.benefits-preview .benefits-journey{margin-top:34px}.benefits-preview .benefits-actions .btn{min-height:46px}}
@media(max-width:420px){.benefits-preview .benefits-steps{grid-template-columns:1fr;gap:23px}.benefits-preview .benefits-steps li{display:grid;grid-template-columns:41px minmax(0,1fr);column-gap:16px}.benefits-preview .benefits-step-number{grid-row:1/3;margin-bottom:0}.benefits-preview .benefits-steps h4{margin-top:2px}.benefits-preview .benefits-steps p{max-width:none}.benefits-preview .benefits-actions{flex-direction:column;align-items:stretch}.benefits-preview .benefits-actions .btn{white-space:normal;text-align:center}}
@media print{.benefits-preview{padding:32px 0;background:#fff}.benefits-preview .benefits-heading,.benefits-preview .benefits-products,.benefits-preview .benefits-steps{display:block}.benefits-preview .benefits-product{break-inside:avoid;margin:18px 0}.benefits-preview .benefits-product details ul{display:block}.benefits-preview .benefits-steps li{break-inside:avoid;margin-bottom:18px}.benefits-preview .benefits-steps:before{display:none}.benefits-preview .benefits-actions{display:none}}

/* Find planned products from the existing channel navigation; no sales controls. */
.site-header .primary-nav .mc-channel-menu details>ul{box-sizing:border-box;inline-size:min(330px,calc(100vw - 32px));min-inline-size:0;max-inline-size:calc(100vw - 32px);max-block-size:min(70dvh,38rem);overflow:auto;overscroll-behavior:contain}
.primary-nav .mc-channel-menu .benefits-menu-heading{margin-top:7px;padding:13px 12px 7px;border-top:1px solid #d9e6f2;color:#425b76;font-size:.7rem;line-height:1.6;font-weight:700}
.site-header .primary-nav .mc-channel-menu a.benefits-menu-link{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#102d50;overflow-wrap:anywhere}
.benefits-menu-link>span{min-inline-size:0}
.benefits-menu-link>small{flex-shrink:0;padding:3px 7px;border:1px solid #c8daec;background:#edf4fb;color:#254767;font-size:.67rem;line-height:1.5;font-weight:700}
.benefits-preview .benefits-product[id]{scroll-margin-top:125px}
.benefits-preview .benefits-product[id]:target{border-color:#125ea5;box-shadow:inset 0 3px #125ea5}
.benefits-preview .benefits-plan-status{display:inline-block;align-self:flex-start;margin:0 0 15px;padding:5px 9px;border:1px solid #c8daec;background:#edf4fb;color:#254767;font:700 .72rem/1.5 Arial,ui-sans-serif,sans-serif}
.benefits-preview.benefits-discovery .benefits-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.benefits-discovery .benefits-product{padding-bottom:25px}
.benefits-discovery .benefits-product .btn{margin-top:auto;white-space:normal;text-align:center;min-height:46px;font-size:.8rem;color:#071b39}
.benefits-discovery .benefits-product .btn:hover{color:#fff}
.benefits-preview .benefits-section-link{color:#125ea5;text-decoration:underline;text-underline-offset:5px;font-size:.85rem;font-weight:700}
@media(max-width:900px){.site-header .primary-nav .mc-channel-menu details>ul{inline-size:100%;max-inline-size:100%;max-block-size:52dvh}.site-header .primary-nav .mc-channel-menu .benefits-menu-heading{padding-inline:8px}}
@media(max-width:1000px){.benefits-preview.benefits-discovery .benefits-heading{grid-template-columns:1fr}}
@media(max-width:700px){.benefits-preview .benefits-product[id]{scroll-margin-top:105px}.benefits-discovery .benefits-product .btn{width:100%}}
