
:root{font-family:'PT Sans',Arial,sans-serif;color:#e9f3fa;background:#060e1a;--accent:#3fe3da}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 64%,#0b485030,transparent 50%),radial-gradient(ellipse at 90% 5%,#3c2f6129,transparent 50%),#060e1a}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #73dded;outline-offset:4px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}svg{display:block}.app{width:min(1760px,calc(100% - 64px));height:100dvh;display:grid;grid-template-rows:76px minmax(0,1fr) 72px;margin:auto}.topbar{display:flex;align-items:center;gap:22px;border-bottom:1px solid #ffffff10}.logo{width:140px;height:54px;object-fit:contain}.brandline{border-left:1px solid #ffffff20;padding-left:22px}.brandline strong{display:block;font-size:12px;letter-spacing:1.5px}.brandline span{display:block;font-size:12px;color:#8eaabd;margin-top:4px}.topright{margin-left:auto;display:flex;gap:22px;align-items:center}.topright>span{font-size:10px;letter-spacing:2px;color:#83a1b7}.full{display:flex;align-items:center;gap:9px;padding:11px 14px;color:#d5e7f4;background:#ffffff03;border:1px solid #ffffff20;border-radius:8px;font-size:12px}.full svg{width:15px;height:15px}.stage{position:relative;min-height:0;display:flex;flex-direction:column;isolation:isolate}.intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:32px;flex:none;padding:23px 9px 25px}.title-block{min-width:0}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#7798ae;font-weight:bold;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:1px;background:#43ded3}h1{font-size:clamp(30px,2.6vw,45px);font-weight:400;line-height:1.1;letter-spacing:-1px;margin:12px 0 0;max-width:700px}.subtitle{display:none}.subscription{position:relative;z-index:3;border:1px solid #f5c57c99;background:radial-gradient(ellipse at 25% 0,#a76d354a,transparent 80%),linear-gradient(120deg,#3e2d26,#272330);border-radius:13px;padding:15px 22px 16px;text-align:center;box-shadow:inset 0 1px 0 #ffebca19,0 0 30px #f2aa4b0b}.subscription>span{color:#e9cba4;font-size:10px;letter-spacing:2px;font-weight:700}.subscription strong{display:block;color:#ffe1ad;font-size:29px;line-height:1.15;letter-spacing:.4px;margin-top:4px}.subscription-benefits{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #eac08a29;padding-top:10px;margin-top:11px;color:#ffebd1;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.2px}.subscription-benefits span+span:before{content:'•';margin-right:12px;color:#d7a66c}.subscription.send{animation:hub-send 1.1s ease-out}@keyframes hub-send{0%{box-shadow:0 0 0 0 #ffca7d00}30%{border-color:#ffe4bd;box-shadow:0 0 30px #ffca7d35}100%{box-shadow:0 0 0 18px #ffca7d00}}
.body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr) auto;gap:17px 32px;flex:1;min-height:0;margin:0 9px 13px}.visual{grid-column:1;grid-row:1;min-height:0;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#15788115,transparent 70%)}.visual svg{width:100%;height:100%;min-height:0;overflow:visible;position:relative;z-index:1}.visual-label,.visual-caption,.ghost,.summary-message,#inclusions{display:none}.piece{--glow:#3fe3da;cursor:pointer;filter:drop-shadow(0 16px 18px #0008);transition:filter .4s}.piece.active{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--glow) 20%,transparent)) drop-shadow(0 16px 18px #0008)}.piece:hover{filter:drop-shadow(0 0 15px color-mix(in srgb,var(--glow) 40%,transparent))}.piece path{stroke:var(--glow);stroke-width:1.4;stroke-opacity:.85;stroke-linejoin:round}.piece:focus-visible path{stroke-width:3}.piece text{pointer-events:none;font-family:'PT Sans',Arial,sans-serif}.piece .number{fill:var(--glow);font-size:12px;font-weight:700;letter-spacing:2px}.piece .piece-title{fill:#f6fcff;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:0}.piece .icon{stroke:var(--glow);fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--glow) 40%,transparent))}.piece.enter{animation:materialize 1.25s cubic-bezier(.16,1,.3,1) both;animation-delay:.18s;transform-box:fill-box;transform-origin:center}.piece.enter path{animation:edge-light 1.4s ease-out both}@keyframes materialize{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.72) rotate(-6deg);filter:blur(12px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}@keyframes edge-light{from{stroke-opacity:0;fill-opacity:0}45%{stroke-width:2.8;stroke-opacity:1;fill-opacity:.8}to{stroke-width:1.4;stroke-opacity:.85;fill-opacity:1}}
.detail{grid-column:2;grid-row:1;min-height:0;display:flex}.content{width:100%;min-height:0;display:grid;grid-template-rows:1fr 1.15fr .9fr;gap:10px}.description{--accent:#3fe3da;display:grid;grid-template-columns:minmax(125px,.32fr) minmax(0,.68fr);gap:16px;align-items:center;padding:15px 18px;border:1px solid #ffffff0e;border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:11px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 5%,transparent),#ffffff01);min-height:0;font-family:'PT Sans',Arial,sans-serif}.description[hidden]{display:grid!important;visibility:hidden}.description-heading{min-width:0}.step-label{font-size:8px;letter-spacing:1.1px;color:var(--accent);font-weight:700;line-height:1.4}.description h2{font-size:23px;font-weight:400;line-height:1.15;letter-spacing:-.35px;margin:9px 0 0}.description ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.description li{font-size:14px;line-height:1.35;color:#bfd0dc;padding-left:15px;position:relative}.description li:before{content:'+';position:absolute;left:0;top:0;color:var(--accent)}.description.enter{animation:card-in .85s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}.description.highlight{border-color:var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 9%,transparent)}@keyframes card-in{from{opacity:0;transform:translateY(15px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.puzzle-summary{grid-column:1/-1;grid-row:2;border:1px solid #9aefcc99;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#397c5a55,transparent 80%),linear-gradient(100deg,#102e29,#133c32,#102a30);text-align:center;padding:20px 14px;box-shadow:inset 0 1px 0 #caffeb26,0 0 35px #75edc20c;position:relative}.puzzle-summary[hidden]{display:block!important;visibility:hidden}.puzzle-summary:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#9cf1d8;box-shadow:0 0 14px #7dffe077;border-radius:0 4px 4px 0}.closing-label{display:block;font-size:9px;letter-spacing:2.5px;color:#95dfcd;font-weight:700;margin-bottom:9px}.puzzle-summary h2{font-family:'PT Sans',Arial,sans-serif;white-space:nowrap;font-size:clamp(18px,1.95vw,31px);line-height:1.25;font-weight:400;margin:0;color:#effbf7;letter-spacing:-.4px}.puzzle-summary strong{color:#adffe3;font-weight:700}.puzzle-summary.enter{animation:card-in .9s cubic-bezier(.16,1,.3,1) both}.link-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.flow{stroke:var(--wire);stroke-width:1.4;fill:none;opacity:.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--wire))}.flow.enter{animation:wire-arrive .9s ease-out both}@keyframes wire-arrive{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.8}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:.4}}
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff10}.steps{display:flex;gap:0}.step{display:flex;align-items:center;gap:7px;padding:9px 7px;background:transparent;border:0;color:#638198;font-size:11px}.step .dot{width:22px;height:22px;border:1px solid #ffffff20;display:grid;place-items:center;border-radius:50%;font-size:9px}.step.current{color:#d0e5ee}.step.current .dot{border-color:#3fe3da66;background:#3fe3da16;color:#67ede1}.step.done .dot{border-color:#507a8966;color:#78a2b5}.footer-contact{display:flex;justify-content:center;gap:15px;white-space:nowrap}.footer-contact a{font-size:11px;color:#8eb0c0;text-decoration:none}.footer-contact a:hover{color:#c1ffeb}.nav{display:flex;gap:7px}.nav button{border:1px solid #ffffff18;background:transparent;color:#8ca7ba;font-size:12px;padding:12px 15px;border-radius:7px}.nav .next{min-width:157px;background:#b9f4e9;border-color:#b9f4e9;color:#08252b;font-weight:700}.nav button:hover:not(:disabled){filter:brightness(1.12)}
@media(max-height:800px) and (min-width:901px){.app{grid-template-rows:65px minmax(0,1fr) 62px}.intro{padding:14px 9px 20px;gap:27px}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1.5px}.subscription{padding:11px 17px 12px}.subscription strong{font-size:24px}.subscription>span{font-size:9px}.subscription-benefits{font-size:10px;gap:9px;margin-top:9px;padding-top:8px}.subscription-benefits span+span:before{margin-right:9px}.body{gap:12px 27px;margin-bottom:10px}.description{padding:9px 13px;gap:12px;grid-template-columns:minmax(115px,.32fr) minmax(0,.68fr)}.description h2{font-size:20px}.description ul{gap:4px}.description li{font-size:12px;line-height:1.3}.content{gap:8px}.step-label{font-size:7px}.puzzle-summary{padding:16px 12px}.closing-label{font-size:8px;margin-bottom:7px}.puzzle-summary h2{font-size:clamp(17px,1.95vw,28px)}}
@media(max-width:1190px) and (min-width:901px){.step .label{display:none}.step{padding:8px 5px}.footer-contact{gap:11px}.footer-contact a{font-size:10px}.nav .next{min-width:145px}.subscription strong{font-size:22px}.subscription-benefits{font-size:9px;gap:7px;letter-spacing:0}.subscription-benefits span+span:before{margin-right:7px}.description{grid-template-columns:108px minmax(0,1fr);gap:10px;padding:9px 11px}.description h2{font-size:18px}.description li{font-size:11px}.description ul{gap:4px}.body,.intro{gap:22px}.puzzle-summary h2{font-size:1.95vw}.brandline span{font-size:10px}}
@media(max-width:900px){.app{width:calc(100% - 28px);grid-template-rows:65px minmax(0,1fr) 90px}.topbar{gap:12px}.logo{width:105px;height:44px}.brandline{padding-left:12px}.brandline strong{font-size:10px;letter-spacing:1px}.brandline span,.topright>span{display:none}.full{font-size:0;padding:9px}.stage{overflow-y:auto;overflow-x:hidden}.intro{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:24px 6px 20px}h1{font-size:33px}.eyebrow{font-size:8px;letter-spacing:1.6px}.subscription{padding:16px 13px 15px}.subscription>span{font-size:9px;letter-spacing:1.5px}.subscription strong{font-size:24px}.subscription-benefits{flex-wrap:wrap;gap:6px 8px;font-size:9px;letter-spacing:0;margin-top:12px}.subscription-benefits span+span:before{margin-right:8px}.body{display:flex;flex-direction:column;flex:none;gap:20px;margin:0 6px 20px}.visual{height:350px;flex:none}.detail{display:block}.content{display:flex;flex-direction:column;gap:15px}.description{display:block;padding:19px}.description[hidden]{display:none!important}.description h2{font-size:25px;margin-bottom:16px}.description ul{gap:9px}.description li{font-size:14px;line-height:1.45}.step-label{font-size:9px}.puzzle-summary{padding:23px 15px}.puzzle-summary[hidden]{display:none!important}.puzzle-summary h2{white-space:normal;font-size:25px;line-height:1.3}.closing-label{font-size:8px}.footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px 5px;padding:7px 0}.steps{grid-column:1;grid-row:1}.step{padding:6px 3px}.step .label{display:none}.nav{grid-column:2;grid-row:1}.nav .next{min-width:125px}.nav button{padding:10px;font-size:11px}.footer-contact{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:5px}.footer-contact a{font-size:8px}.link-overlay{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:1191px) and (max-height:800px){.subscription-benefits{font-size:12px}}
@media(max-width:900px){.subscription-benefits{font-size:10px;gap:7px 9px}}

/* Centered puzzle and spacious descriptions on both sides */
.subscription{border-color:#86cbff99;background:radial-gradient(ellipse at 25% 0,#367eaf55,transparent 85%),linear-gradient(120deg,#173a55,#17283d);box-shadow:inset 0 1px 0 #d5eeff22,0 0 30px #60baff0c}.subscription>span{color:#afd9f7}.subscription strong{color:#d4efff}.subscription-benefits{color:#e1f3ff;border-top-color:#b8e1ff33}.subscription-benefits span+span:before{color:#7fb6de}
@keyframes hub-send{0%{box-shadow:0 0 0 0 #80cbff00}30%{border-color:#d1edff;box-shadow:0 0 30px #80cbff35}100%{box-shadow:0 0 0 18px #80cbff00}}
.body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr) auto;gap:15px 26px}.visual{grid-column:2;grid-row:1/3}.detail,.content{display:contents}.description{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:20px 23px;gap:15px;min-height:0}.description[hidden]{display:flex!important}.description[data-card="0"]{grid-column:1;grid-row:1}.description[data-card="1"]{grid-column:3;grid-row:1/3;justify-content:flex-start;padding-top:28px}.description[data-card="2"]{grid-column:1;grid-row:2}.description h2{font-size:26px;line-height:1.12;margin:9px 0 0;letter-spacing:-.35px}.description li{font-size:15px;line-height:1.45}.description ul{gap:9px}.description[data-card="1"] ul{gap:17px;margin-top:8px}.step-label{font-size:9px;letter-spacing:1.3px}.puzzle-summary{grid-row:3}.piece .piece-title{font-size:22px}.piece .number{font-size:11px}
@media(min-width:901px) and (max-height:800px){.body{gap:11px 22px}.description{padding:12px 15px;gap:10px}.description h2{font-size:21px;margin-top:7px}.description li{font-size:12px;line-height:1.35}.description ul{gap:5px}.step-label{font-size:7px;letter-spacing:1px}.description[data-card="1"]{padding-top:21px}.description[data-card="1"] ul{gap:13px;margin-top:6px}}
@media(max-width:1190px) and (min-width:901px){.body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:11px 15px}.description{padding:12px 13px;gap:9px}.description h2{font-size:20px}.description li{font-size:11px;line-height:1.35}.description ul{gap:5px}.description[data-card="1"]{padding-top:20px}.description[data-card="1"] ul{gap:12px}.step-label{font-size:7px;letter-spacing:.5px}}
@media(max-width:900px){.body{display:flex;gap:20px}.visual{height:350px;order:0}.detail,.content{display:contents}.description{display:block;padding:19px}.description[hidden]{display:none!important}.description[data-card="0"]{order:1}.description[data-card="1"]{order:2;padding:19px}.description[data-card="2"]{order:3}.description h2{font-size:25px;margin:10px 0 16px}.description li{font-size:14px;line-height:1.45}.description ul,.description[data-card="1"] ul{gap:9px;margin-top:0}.step-label{font-size:9px}.puzzle-summary{order:4}}


@media(min-width:1191px) and (min-height:801px) and (max-height:950px){.description{padding:15px 17px;gap:11px}.description h2{font-size:23px}.description li{font-size:14px;line-height:1.4}.description ul{gap:7px}.description[data-card="1"]{padding-top:24px}.description[data-card="1"] ul{gap:15px}.step-label{font-size:8px}}

@media(min-width:901px){.description[data-card="1"] ul{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px}}
@media(min-width:901px) and (max-height:740px){.description .step-label{display:none}.description{padding:10px 13px;gap:8px}.description h2{font-size:20px;margin-top:0}.description ul{gap:4px}.description li{font-size:12px;line-height:1.3}.body{grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr) auto}}

/* Natural text rhythm: content determines card height. */
@media(min-width:901px){
.body{grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:17px 26px}
.visual{grid-row:1;align-self:stretch}
.left-descriptions{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:17px;align-self:start;min-width:0}
.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{height:auto;min-height:0;align-self:start;justify-content:flex-start;flex:none;padding:22px 23px;gap:17px}
.description[data-card="1"]{grid-column:3;grid-row:1}
.description h2{font-size:25px;line-height:1.15;margin:10px 0 0}
.description ul,.description[data-card="1"] ul{display:grid;flex:none;justify-content:normal;gap:9px;margin:0;padding:0}
.description li{font-size:15px;line-height:1.45;padding-left:17px}
.step-label{font-size:8px;line-height:1.4;letter-spacing:1.2px}
.puzzle-summary{grid-row:2;align-self:stretch}
}
@media(min-width:1191px) and (min-height:801px) and (max-height:950px){
.left-descriptions{gap:15px}.description,.description[data-card="1"]{padding:17px 19px;gap:14px}.description h2{font-size:23px;margin-top:9px}.description ul,.description[data-card="1"] ul{gap:7px}.description li{font-size:14px;line-height:1.4}
}
@media(min-width:901px) and (max-height:800px){
.body{gap:12px 22px}.left-descriptions{gap:12px}.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:13px 15px;gap:12px}.description h2{font-size:21px;margin-top:7px}.description li{font-size:12px;line-height:1.35}.description ul,.description[data-card="1"] ul{gap:6px}.step-label{font-size:7px;letter-spacing:1px}
}
@media(max-width:1190px) and (min-width:901px){
.body{gap:12px 15px}.left-descriptions{gap:12px}.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:13px 14px;gap:12px}.description h2{font-size:20px}.description li{font-size:11px;line-height:1.4}.description ul,.description[data-card="1"] ul{gap:6px}
}
@media(min-width:901px) and (max-height:740px){
.description .step-label{display:none}.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:12px 14px;gap:10px}.description h2{font-size:20px;margin-top:0}.description li{font-size:12px;line-height:1.3}.description ul,.description[data-card="1"] ul{gap:5px}
}
@media(max-width:900px){.left-descriptions{display:contents}}


@media(min-width:901px){.left-descriptions>.description{align-self:stretch;width:100%}}
@media(min-width:901px) and (max-height:800px){.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:12px 15px;gap:11px}.description h2{font-size:20px}.description ul,.description[data-card="1"] ul{gap:5px}.description li{line-height:1.3}}

@media(min-width:901px) and (max-height:740px){.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:10px 14px;gap:9px}.description h2{font-size:19px;margin-top:0}.description ul,.description[data-card="1"] ul{gap:4px}}

/* Compact side groups and an angular closing piece in the free right-hand space. */
@media(min-width:901px){
.body{grid-template-rows:minmax(0,1fr);align-items:start;margin-bottom:17px}
.visual{grid-column:2;grid-row:1;align-self:stretch}
.left-descriptions,.right-descriptions{display:flex;flex-direction:column;gap:18px;align-self:start;min-width:0}
.left-descriptions{grid-column:1;grid-row:1}.right-descriptions{grid-column:3;grid-row:1}
.left-descriptions>.description,.right-descriptions>.description{width:100%;align-self:stretch}
.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:21px 23px;gap:17px}
.description h2{font-size:24px;line-height:1.2;margin:9px 0 0;text-wrap:pretty}
.description ul,.description[data-card="1"] ul{gap:9px}
.description li{font-size:15px;line-height:1.45}
.puzzle-summary{grid-column:auto;grid-row:auto;align-self:stretch;margin:0;padding:30px 27px 32px;text-align:left;border:0;border-radius:0;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);background:linear-gradient(135deg,#285f56,#153d38 55%,#17323b);box-shadow:inset 0 1px 0 #caffeb55}
.puzzle-summary:before{left:0;top:29px;bottom:0;width:3px;box-shadow:none}
.puzzle-summary .closing-label{font-size:9px;letter-spacing:1.7px;line-height:1.5;margin-bottom:14px}
.puzzle-summary h2{white-space:normal;font-size:26px;line-height:1.3;letter-spacing:-.45px;text-wrap:pretty}
.puzzle-summary strong{font-weight:700}
}
@media(min-width:1191px) and (min-height:801px) and (max-height:950px){.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:18px 20px;gap:14px}.description h2{font-size:23px}.description li{font-size:14px;line-height:1.4}.description ul,.description[data-card="1"] ul{gap:7px}.puzzle-summary{padding:26px 23px 28px}.puzzle-summary h2{font-size:24px}}
@media(min-width:901px) and (max-height:800px){.left-descriptions,.right-descriptions{gap:14px}.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:15px 17px;gap:13px}.description h2{font-size:21px;margin-top:8px}.description li{font-size:13px;line-height:1.4}.description ul,.description[data-card="1"] ul{gap:6px}.puzzle-summary{padding:24px 21px 26px}.puzzle-summary h2{font-size:23px}.puzzle-summary .closing-label{font-size:8px;margin-bottom:11px}}
@media(max-width:1190px) and (min-width:901px){.description,.description[data-card="0"],.description[data-card="1"],.description[data-card="2"]{padding:14px 15px;gap:12px}.description h2{font-size:20px}.description li{font-size:12px;line-height:1.4}.description ul,.description[data-card="1"] ul{gap:6px}.puzzle-summary h2{font-size:22px}.puzzle-summary{padding:24px 20px 27px}}
@media(max-width:900px){.right-descriptions{display:contents}.description h2{white-space:normal}.puzzle-summary{border:0;border-radius:0;clip-path:polygon(23px 0,100% 0,100% calc(100% - 23px),calc(100% - 23px) 100%,0 100%,0 23px);padding:26px 22px 28px;text-align:left;background:linear-gradient(135deg,#285f56,#153d38 55%,#17323b)}.puzzle-summary h2{white-space:normal;font-size:25px;line-height:1.35}.closing-label{margin-bottom:13px}}


@media(max-width:1190px) and (min-width:901px){.description h2{font-size:19px}.description li{font-size:11.5px}.right-descriptions{gap:13px}.puzzle-summary{padding:21px 18px 24px}.puzzle-summary h2{font-size:19px;line-height:1.3}.puzzle-summary .closing-label{font-size:7px;letter-spacing:1px;margin-bottom:9px}}

/* A larger central assembly, lighter lettering and flowing connection paths. */
.piece .piece-title{font-size:18px;font-weight:700}.piece .number{font-size:10px}
.flow{stroke-width:1.25;opacity:.38}.tracer{fill:none;stroke:var(--wire);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.035 .965;filter:drop-shadow(0 0 4px var(--wire));opacity:.85;animation:travel 4.8s linear infinite;animation-delay:var(--delay)}
@keyframes travel{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:901px){.right-descriptions{padding-top:clamp(18px,2.5vh,30px)}.puzzle-summary{width:calc(100% + clamp(40px,5vw,96px));margin-left:calc(-1 * clamp(40px,5vw,96px));padding:30px 28px 33px}.puzzle-summary h2{font-size:26px;line-height:1.3}}
@media(min-width:901px) and (max-height:800px){.right-descriptions{padding-top:18px}.puzzle-summary{padding:24px 23px 27px}.puzzle-summary h2{font-size:23px}}
@media(max-width:1190px) and (min-width:901px){.right-descriptions{padding-top:12px}.puzzle-summary{width:calc(100% + 38px);margin-left:-38px;padding:21px 20px 24px}.puzzle-summary h2{font-size:20px}}
@media(max-width:900px){.puzzle-summary{width:auto;margin-left:0}.right-descriptions{padding-top:0}.visual{height:390px}}
@media(prefers-reduced-motion:reduce){.tracer{display:none!important}}


/* Clear typography, icon separation and the updated brand signature. */
.piece .piece-title{font-size:16px;font-weight:400}
.eyebrow{font-size:12px;letter-spacing:1.7px;line-height:1.4}
@media(max-height:800px) and (min-width:901px){.eyebrow{font-size:11px;letter-spacing:1.4px}}
@media(max-width:900px){.eyebrow{font-size:10px;letter-spacing:1.2px}.brandline{flex:1;min-width:0}.brandline span{display:block;font-size:9px;line-height:1.3;letter-spacing:0;margin-top:3px}.topright{flex-shrink:0}}


/* The subscription is the first revealed stage of the presentation. */
#subscription[hidden]{display:block!important;visibility:hidden}
.subscription strong{font-size:33px;margin-top:0;letter-spacing:.8px}
.subscription-benefits{font-size:16px;line-height:1.3;gap:9px;flex-wrap:wrap;padding-top:13px;margin-top:13px;letter-spacing:0}
.subscription-benefits span{display:block;white-space:nowrap;padding:6px 9px;border:1px solid #c1e6ff30;border-radius:6px;background:#c7e9ff08}
.subscription-benefits span+span:before{display:none}
.subscription.enter:not(.send){animation:subscription-in .85s cubic-bezier(.16,1,.3,1) both}
@keyframes subscription-in{from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(min-width:901px) and (max-height:800px){.subscription strong{font-size:29px}.subscription-benefits{font-size:15px;padding-top:11px;margin-top:11px;gap:8px}.subscription-benefits span{padding:5px 8px}}
@media(max-width:1190px) and (min-width:901px){.subscription strong{font-size:27px}.subscription-benefits{font-size:12px;gap:7px}.subscription-benefits span{padding:5px 7px}}
@media(max-width:900px){.subscription strong{font-size:28px;letter-spacing:.3px}.subscription-benefits{font-size:14px;gap:7px;padding-top:13px;margin-top:13px}.subscription-benefits span{padding:6px 8px}}


/* A lighter subscription heading and plain-language benefits. */
.subscription{padding:21px 25px 22px;text-align:left;border:1px solid #85cfff38;border-radius:13px;background:radial-gradient(ellipse at 0 0,#4092ba18,transparent 75%),linear-gradient(110deg,#17354a8c,#1426396b);box-shadow:inset 0 1px 0 #c9ecff0a}
.subscription:before{content:'';position:absolute;top:22px;bottom:22px;left:0;width:2px;background:linear-gradient(#a8e3ff,#4d99bc);border-radius:0 3px 3px 0}
.subscription strong{font-size:32px;line-height:1.15;letter-spacing:-.6px;color:#d9f0ff;font-weight:400;margin:0}
.subscription-benefits{border:0;margin-top:13px;padding:0;justify-content:flex-start;gap:7px 15px;font-size:16px;line-height:1.4;font-weight:400;color:#bad5e7;letter-spacing:0}
.subscription-benefits span{display:block;border:0;background:none;border-radius:0;padding:0;white-space:nowrap}
.subscription-benefits span+span:before{display:inline;content:'·';margin-right:15px;color:#5898b9}
@keyframes hub-send{0%{box-shadow:0 0 0 0 #80cbff00}30%{border-color:#abdfff8c;box-shadow:0 0 25px #80cbff16}100%{box-shadow:0 0 0 12px #80cbff00}}
@media(min-width:901px) and (max-height:800px){.subscription{padding:18px 23px 19px}.subscription strong{font-size:30px}.subscription-benefits{font-size:16px;gap:7px 13px;margin-top:12px}.subscription-benefits span{padding:0}.subscription-benefits span+span:before{margin-right:13px}}
@media(max-width:1190px) and (min-width:901px){.subscription{padding:17px 21px 18px}.subscription strong{font-size:28px}.subscription-benefits{font-size:13px;gap:6px 11px}.subscription-benefits span{padding:0}.subscription-benefits span+span:before{margin-right:11px}}
@media(max-width:900px){.subscription{padding:20px 22px 21px}.subscription strong{font-size:29px}.subscription-benefits{display:grid;grid-template-columns:1fr;font-size:15px;gap:7px;margin-top:13px}.subscription-benefits span{padding:0}.subscription-benefits span+span:before{display:none}}

