:root {
    --ink: #081116;
    --ink-soft: #10242d;
    --paper: #f5f7f3;
    --white: #f8fffd;
    --green: #00d9a3;
    --green-deep: #00a983;
    --blue: #119cff;
    --muted: #728188;
    --line: rgba(8, 17, 22, .14);
    --heading: "Outfit", "Arial Narrow", sans-serif;
    --body: "Manrope", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: #dce3df; }
body { min-width: 320px; margin: 0; color: var(--ink); background: #dce3df; font-family: var(--body); -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }

.preview-toolbar { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; min-height: 76px; padding: 12px 28px; color: white; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(8,17,22,.96); box-shadow: 0 12px 40px rgba(8,17,22,.18); backdrop-filter: blur(18px); }
.preview-brand { display: inline-flex; gap: 10px; align-items: center; color: white; font-family: var(--heading); font-size: 1rem; font-weight: 700; text-decoration: none; }
.preview-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(0,217,163,.5); border-radius: 50%; color: var(--green); }
.preview-copy { display: grid; text-align: center; }
.preview-copy strong { font-family: var(--heading); font-size: .84rem; letter-spacing: .08em; text-transform: uppercase; }
.preview-copy span { margin-top: 2px; color: #91a5aa; font-size: .68rem; }
.preview-actions { display: flex; justify-content: flex-end; gap: 10px; }
.preview-actions a, .preview-actions button { padding: 10px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: white; background: transparent; font-size: .72rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.preview-actions a { border-color: var(--green); color: var(--ink); background: var(--green); }

.brochure { display: grid; gap: 48px; justify-content: center; padding: 64px 24px 80px; }
.sheet { position: relative; width: 8.5in; height: 11in; padding: .62in .66in .55in; overflow: hidden; background: var(--paper); box-shadow: 0 30px 70px rgba(8,17,22,.18); isolation: isolate; }
.page-top, .page-bottom { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; color: #607078; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.page-bottom { position: absolute; right: .66in; bottom: .28in; left: .66in; padding-top: 9px; border-top: 1px solid var(--line); }
.page-top.light, .page-bottom.light { color: rgba(255,255,255,.58); }
.page-bottom.light { border-color: rgba(255,255,255,.16); }
.wordmark { color: white; font-family: var(--heading); font-size: 15px; font-weight: 800; letter-spacing: .23em; line-height: .85; }
.wordmark span { display: block; margin-top: 5px; color: var(--green); font-family: var(--body); font-size: 4px; font-weight: 700; letter-spacing: .52em; }
.wordmark.dark { color: var(--ink); }
.section-number { position: absolute; top: .95in; right: .55in; z-index: -1; color: rgba(8,17,22,.045); font-family: var(--heading); font-size: 118px; font-weight: 800; line-height: 1; }
.light-number { color: rgba(255,255,255,.05); }
.kicker { display: flex; gap: 9px; align-items: center; margin: 0 0 18px; color: var(--green-deep); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.kicker span { width: 26px; height: 2px; background: currentColor; }
.light-kicker { color: var(--green); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--heading); }
h2 { margin-bottom: 0; font-size: 38px; line-height: .98; letter-spacing: -.035em; }
h1 em, h2 em { color: var(--green-deep); font-style: normal; }

.cover { color: var(--white); background: var(--ink); }
.cover::after { position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 83% 32%, rgba(17,156,255,.16), transparent 24%), radial-gradient(circle at 23% 78%, rgba(0,217,163,.12), transparent 28%); content: ""; }
.cover-grid, .closing-grid { position: absolute; inset: 0; z-index: -4; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.cover-orbit { position: absolute; z-index: -2; border: 1px solid rgba(0,217,163,.2); border-radius: 50%; }
.orbit-one { top: 1.2in; right: -2.5in; width: 6.5in; height: 6.5in; }
.orbit-two { top: 2.15in; right: -1.55in; width: 4.6in; height: 4.6in; border-color: rgba(17,156,255,.22); }
.cover-content { width: 70%; margin-top: 1.45in; }
.cover h1 { margin-bottom: .3in; font-size: 56px; line-height: .94; letter-spacing: -.045em; }
.cover h1 em { color: var(--green); }
.cover-intro { width: 86%; color: #b5c6c9; font-size: 13px; line-height: 1.7; }
.cover-core { position: absolute; top: 3.35in; right: .36in; width: 2.8in; height: 2.8in; }
.core-ring { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.ring-a { inset: 0; }
.ring-b { inset: .43in; border-color: rgba(0,217,163,.36); }
.core-center { position: absolute; inset: .79in; display: grid; place-content: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; text-align: center; background: rgba(8,17,22,.72); box-shadow: 0 0 45px rgba(0,217,163,.14); }
.core-center span { color: var(--green); font-size: 6px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.core-center strong { font-family: var(--heading); font-size: 17px; }
.core-label { position: absolute; padding: 6px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #c5d3d5; background: rgba(8,17,22,.78); font-size: 6px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.core-label-a { top: .12in; left: .17in; }.core-label-b { top: 1.18in; right: -.15in; }.core-label-c { bottom: .18in; left: .34in; }
.cover-stats { position: absolute; right: .66in; bottom: .74in; left: .66in; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.cover-stats div { padding: .22in 0; border-right: 1px solid rgba(255,255,255,.16); }
.cover-stats div + div { padding-left: .28in; }
.cover-stats div:last-child { border: 0; }
.cover-stats strong { display: block; color: var(--green); font-family: var(--heading); font-size: 24px; }
.cover-stats span { color: #91a5aa; font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }

.welcome-heading { margin-top: .78in; }
.welcome-body { display: grid; grid-template-columns: 1.08fr .92fr; gap: .48in; margin-top: .55in; padding-top: .28in; border-top: 1px solid var(--line); }
.welcome-body p { color: #5f6e75; font-size: 10px; line-height: 1.75; }
.welcome-body .lead { color: var(--ink); font-family: var(--heading); font-size: 15px; font-weight: 600; line-height: 1.45; }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .16in; margin-top: .5in; }
.principle-grid article { min-height: 1.65in; padding: .22in; border: 1px solid var(--line); background: rgba(255,255,255,.5); }
.principle-grid article:nth-child(2) { transform: translateY(.14in); background: var(--ink); }
.principle-grid span { color: var(--green-deep); font-family: var(--heading); font-size: 9px; font-weight: 800; }
.principle-grid strong { display: block; margin: .28in 0 .1in; font-family: var(--heading); font-size: 13px; line-height: 1.1; }
.principle-grid p { color: var(--muted); font-size: 8px; line-height: 1.55; }
.principle-grid article:nth-child(2) strong { color: white; }.principle-grid article:nth-child(2) p { color: #aebdc1; }
.welcome blockquote { margin: .52in 0 0; padding: .2in .24in; border-left: 3px solid var(--green); color: var(--ink-soft); background: #e7efea; font-family: var(--heading); font-size: 14px; font-weight: 600; line-height: 1.45; }

.receive { color: white; background: var(--ink); }
.receive::before, .pathways::before, .expand::before { position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 100% 0, rgba(17,156,255,.1), transparent 27%), linear-gradient(145deg, transparent 62%, rgba(0,217,163,.04)); content: ""; }
.receive-heading { margin-top: .7in; }
.receive-heading h2 em, .pathways h2 em, .expand h2 em, .closing h2 em { color: var(--green); }
.service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .16in; margin-top: .45in; }
.service-grid article { position: relative; min-height: 2.55in; padding: .23in; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.035); }
.service-grid article:nth-child(2), .service-grid article:nth-child(3) { background: rgba(16,36,45,.76); }
.service-index { position: absolute; top: .2in; right: .2in; color: rgba(255,255,255,.22); font-family: var(--heading); font-size: 11px; font-weight: 700; }
.service-icon { position: relative; width: .45in; height: .45in; margin-bottom: .18in; border: 1px solid rgba(0,217,163,.4); border-radius: 50%; }
.strategy-icon i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--green); }.strategy-icon i:nth-child(1){top:10px;left:11px}.strategy-icon i:nth-child(2){top:21px;left:26px}.strategy-icon i:nth-child(3){top:28px;left:9px}
.bag-icon i { position:absolute; inset: 12px 10px 8px; border: 1px solid var(--green); border-radius: 2px; }.bag-icon i::before { position:absolute; top:-6px; left:4px; width:9px; height:7px; border:1px solid var(--green); border-bottom:0; border-radius:5px 5px 0 0; content:""; }
.portal-icon i:first-child { position:absolute; inset:10px 8px 12px; border:1px solid var(--green); }.portal-icon i:last-child { position:absolute; right:12px; bottom:7px; left:12px; height:1px; background:var(--green); }
.affiliate-icon i { position:absolute; width:6px; height:6px; border:1px solid var(--green); border-radius:50%; }.affiliate-icon i:nth-child(1){top:9px;left:18px}.affiliate-icon i:nth-child(2){top:25px;left:8px}.affiliate-icon i:nth-child(3){top:25px;right:8px}
.service-grid h3 { width: 83%; margin-bottom: .1in; color: white; font-size: 15px; line-height: 1.12; }
.service-grid p { color: #a5b5b9; font-size: 7.5px; line-height: 1.55; }
.service-grid ul { display: grid; gap: 5px; margin: .13in 0 0; padding: .13in 0 0; border-top: 1px solid rgba(255,255,255,.1); list-style: none; }
.service-grid li { color: #d7e2e2; font-size: 6.5px; }.service-grid li::before { margin-right: 7px; color: var(--green); content: "↗"; }

.live-heading { margin-top: .7in; }
.live-heading h2 { font-size: 46px; }
.live-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: .36in; align-items: stretch; margin-top: .42in; padding-top: .28in; border-top: 1px solid var(--line); }
.live-copy .lead { color: var(--ink); font-family: var(--heading); font-size: 15px; font-weight: 600; line-height: 1.45; }
.live-copy p { color: #5f6e75; font-size: 9px; line-height: 1.75; }
.live-broadcast { position: relative; min-height: 2.05in; overflow: hidden; color: white; background: var(--ink); isolation: isolate; }
.live-broadcast::before { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 85% 15%, rgba(17,156,255,.2), transparent 40%), radial-gradient(circle at 10% 100%, rgba(0,217,163,.16), transparent 45%); content: ""; }
.live-badge { position: absolute; top: .18in; left: .2in; display: inline-flex; gap: 6px; align-items: center; padding: 5px 10px; border-radius: 99px; color: var(--ink); background: var(--green); font-size: 6px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.live-badge i { width: 5px; height: 5px; border-radius: 50%; background: var(--ink); }
.live-signal { position: absolute; top: 50%; left: 50%; display: grid; width: .62in; height: .62in; place-items: center; border-radius: 50%; background: rgba(0,217,163,.14); transform: translate(-50%,-62%); }
.live-signal span { position: absolute; border: 1px solid rgba(0,217,163,.34); border-radius: 50%; }.live-signal span:nth-child(1){inset:-.16in}.live-signal span:nth-child(2){inset:-.34in;border-color:rgba(17,156,255,.24)}.live-signal span:nth-child(3){inset:-.54in;border-color:rgba(255,255,255,.08)}
.live-signal strong { position: relative; color: var(--green); font-family: var(--heading); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.live-wave { position: absolute; right: .2in; bottom: .5in; left: .2in; display: flex; gap: 4px; align-items: flex-end; justify-content: center; height: .26in; }
.live-wave i { width: 3px; border-radius: 2px; background: linear-gradient(var(--green), rgba(17,156,255,.6)); }
.live-wave i:nth-child(1){height:30%}.live-wave i:nth-child(2){height:60%}.live-wave i:nth-child(3){height:40%}.live-wave i:nth-child(4){height:85%}.live-wave i:nth-child(5){height:55%}.live-wave i:nth-child(6){height:100%}.live-wave i:nth-child(7){height:70%}.live-wave i:nth-child(8){height:45%}.live-wave i:nth-child(9){height:90%}.live-wave i:nth-child(10){height:50%}.live-wave i:nth-child(11){height:65%}.live-wave i:nth-child(12){height:35%}
.live-tags { position: absolute; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.12); }
.live-tags span { padding: .09in 0; color: #b4c3c5; font-size: 6px; font-weight: 700; letter-spacing: .14em; text-align: center; text-transform: uppercase; }.live-tags span + span { border-left: 1px solid rgba(255,255,255,.12); }
.live-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .16in; margin-top: .4in; }
.live-grid article { position: relative; min-height: 1.6in; padding: .22in; border: 1px solid var(--line); background: rgba(255,255,255,.5); }
.live-grid article:nth-child(2), .live-grid article:nth-child(3) { background: #e7efea; }
.live-grid .service-index { color: rgba(8,17,22,.24); }
.live-grid .service-icon { width: .4in; height: .4in; margin-bottom: .14in; border-color: rgba(0,169,131,.45); }
.live-grid .strategy-icon i { background: var(--green-deep); }.live-grid .strategy-icon i:nth-child(1){top:8px;left:9px}.live-grid .strategy-icon i:nth-child(2){top:18px;left:23px}.live-grid .strategy-icon i:nth-child(3){top:24px;left:8px}
.live-grid .portal-icon i:first-child { inset: 9px 7px 11px; border-color: var(--green-deep); }.live-grid .portal-icon i:last-child { right: 10px; bottom: 6px; left: 10px; background: var(--green-deep); }
.live-icon i { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--green-deep); transform: translate(-50%,-50%); }.live-icon i::before, .live-icon i::after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border: 1px solid var(--green-deep); border-top-color: transparent; border-bottom-color: transparent; border-radius: 50%; content: ""; transform: translate(-50%,-50%); }.live-icon i::after { width: 24px; height: 24px; opacity: .55; }
.reach-icon i:first-child { position: absolute; inset: 8px; border: 1px solid var(--green-deep); border-radius: 50%; }.reach-icon i:last-child { position: absolute; top: 8px; bottom: 8px; left: 50%; width: 9px; border: 1px solid var(--green-deep); border-radius: 50%; transform: translateX(-50%); }.reach-icon i:last-child::before { position: absolute; top: 50%; left: -8px; width: 23px; height: 1px; background: var(--green-deep); content: ""; }
.live-grid h3 { margin-bottom: .07in; font-size: 14px; line-height: 1.12; }
.live-grid p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.live-note { display: grid; grid-template-columns: 1.3in 1fr; gap: .22in; align-items: center; margin-top: .4in; padding: .22in .25in; border-left: 3px solid var(--green); color: white; background: var(--ink); }
.live-note span { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.live-note strong { font-family: var(--heading); font-size: 13px; font-weight: 600; line-height: 1.35; }

.process-heading { margin-top: .65in; }
.process-map { position: relative; display: grid; gap: .28in; margin-top: .45in; padding-left: .08in; }
.process-line { position: absolute; top: .2in; bottom: .2in; left: .26in; width: 1px; background: linear-gradient(var(--green), rgba(0,217,163,.1)); }
.step { position: relative; z-index: 1; display: grid; grid-template-columns: .48in 1fr; gap: .2in; align-items: start; }
.step > span { display: grid; width: .38in; height: .38in; place-items: center; border: 1px solid var(--green); border-radius: 50%; color: var(--green-deep); background: var(--paper); font-family: var(--heading); font-size: 8px; font-weight: 800; }
.step small { color: var(--green-deep); font-size: 7px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.step h3 { margin: 3px 0 4px; font-size: 15px; }.step p { width: 75%; color: var(--muted); font-size: 8px; line-height: 1.5; }
.architect-card { display: grid; grid-template-columns: 1.85in 1fr; gap: .3in; align-items: center; margin-top: .45in; padding: .25in .3in; color: white; background: var(--ink); }
.architect-card span { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.architect-card h3 { margin: 6px 0 8px; font-size: 21px; }.architect-card p { margin: 0; color: #a7b7ba; font-size: 8px; line-height: 1.6; }
.architect-visual { position: relative; height: 1.3in; }
.architect-visual::before, .architect-visual::after { position: absolute; top: 50%; left: 50%; width: 1.2in; height: 1.2in; border: 1px solid rgba(0,217,163,.18); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }.architect-visual::after { width: .78in; height: .78in; border-color: rgba(17,156,255,.22); }
.architect-node { position: absolute; z-index: 1; display: grid; place-items: center; border-radius: 50%; font-size: 5px; font-weight: 700; text-transform: uppercase; }
.main-node { top: 50%; left: 50%; width: .52in; height: .52in; color: var(--ink); background: var(--green); font-family: var(--heading); font-size: 14px; transform: translate(-50%,-50%); }
.satellite { width: .3in; height: .3in; border: 1px solid rgba(255,255,255,.2); color: #b9c7ca; background: var(--ink-soft); }.sat-a{top:2px;left:16px}.sat-b{top:8px;right:8px}.sat-c{right:23px;bottom:0}

.pathways { color: white; background: var(--ink); }
.pathways-heading { margin-top: .65in; }
.pathways-heading > p:last-child { width: 66%; margin-top: .22in; color: #a7b7ba; font-size: 9px; line-height: 1.65; }
.pathway-diagram { display: grid; grid-template-columns: 1fr 1.15in 1fr; gap: .15in; align-items: center; margin-top: .52in; }
.pathway-column { min-height: 2.85in; padding: .24in; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); }
.pathway-label span { display: block; color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.pathway-label strong { display: block; margin-top: 5px; font-family: var(--heading); font-size: 17px; line-height: 1.05; }
.pathway-column ul { display: grid; gap: .17in; margin: .35in 0 0; padding: 0; list-style: none; }.pathway-column li { padding-bottom: .11in; border-bottom: 1px solid rgba(255,255,255,.1); color: #bdcacc; font-size: 7px; }.pathway-column li::before { margin-right: 7px; color: var(--green); content: "+"; }
.pathway-center { position: relative; display: grid; width: 1.08in; height: 1.08in; place-items: center; border-radius: 50%; text-align: center; background: var(--green); box-shadow: 0 0 50px rgba(0,217,163,.2); }.pathway-center strong { position: relative; z-index: 1; color: var(--ink); font-family: var(--heading); font-size: 9px; line-height: 1.05; }.pulse { position: absolute; border: 1px solid rgba(0,217,163,.34); border-radius: 50%; }.pulse-a{inset:-.25in}.pulse-b{inset:-.48in;border-color:rgba(17,156,255,.2)}
.pathway-statement { display: grid; grid-template-columns: 1.45in 1fr; gap: .22in; align-items: center; margin-top: .48in; padding: .22in .25in; border-left: 3px solid var(--green); background: rgba(255,255,255,.055); }.pathway-statement span { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.pathway-statement strong { font-family: var(--heading); font-size: 14px; }

.difference-heading { margin-top: .68in; }
.comparison { margin-top: .4in; border-top: 2px solid var(--ink); }
.comparison-row { display: grid; grid-template-columns: 1.05fr 1.25fr 1.25fr; min-height: .56in; border-bottom: 1px solid var(--line); }
.comparison-row > * { display: flex; align-items: center; margin: 0; padding: .12in .14in; font-size: 7px; font-style: normal; }
.comparison-row span { color: var(--muted); font-weight: 700; }.comparison-row strong { color: var(--ink); background: rgba(0,217,163,.08); }.comparison-row em { color: #8a9498; }
.comparison-row i { display: inline-flex; width: 16px; height: 16px; flex: 0 0 16px; align-items: center; justify-content: center; margin-right: 7px; border-radius: 50%; color: var(--ink); background: var(--green); font-style: normal; font-size: 7px; line-height: 1; text-align: center; }
.comparison-head { min-height: .4in; color: white; background: var(--ink); }.comparison-head span,.comparison-head strong,.comparison-head em { color: white; background: transparent; font-size: 6px; letter-spacing: .1em; text-transform: uppercase; }
.difference-note { display: grid; grid-template-columns: .95in 1fr; gap: .2in; align-items: center; margin-top: .35in; }.difference-zero { display: flex; width: .8in; height: .8in; flex: 0 0 .8in; align-items: center; justify-content: center; border-radius: 50%; color: var(--ink); background: var(--green); font-family: var(--heading); font-size: 38px; font-weight: 800; line-height: 1; text-align: center; }.difference-note p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.6; }.difference-note strong { color: var(--ink); font-family: var(--heading); font-size: 12px; }

.expand { color: white; background: var(--ink); }
.expand-heading { margin-top: .65in; }.expand-heading > p:last-child { width: 70%; margin-top: .22in; color: #a7b7ba; font-size: 9px; line-height: 1.65; }
.premium-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .2in; margin-top: .42in; }
.premium-grid article { position: relative; min-height: 3.8in; padding: .28in; overflow: hidden; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.04); }.premium-grid article::before { position: absolute; width: 2in; height: 2in; border-radius: 50%; background: rgba(0,217,163,.08); filter: blur(20px); content:""; }.nucards-card::before{top:-.8in;right:-.6in}.movie-card::before{bottom:-.8in;left:-.6in}
.premium-art { position: relative; height: 1.45in; margin-bottom: .25in; }
.card-stack i { position:absolute; top:.15in; left:50%; width:1.18in; height:.76in; border:1px solid rgba(255,255,255,.3); border-radius:8px; background:linear-gradient(135deg,#183a45,#0a1820); transform:translateX(-50%) rotate(-10deg); }.card-stack i:nth-child(2){transform:translateX(-50%) rotate(7deg);background:linear-gradient(135deg,#0c5352,#0c2028)}.card-stack i:nth-child(3){display:grid;transform:translateX(-50%);border-color:rgba(0,217,163,.5);background:linear-gradient(135deg,#122b34,#071116)}.card-stack i:nth-child(3)::before{position:absolute;right:10px;bottom:10px;left:10px;height:3px;background:var(--green);content:""}
.ticket { margin-inline:auto; width:1.7in; border:1px solid rgba(0,217,163,.35); background:linear-gradient(135deg,rgba(0,217,163,.12),rgba(17,156,255,.08)); }.ticket::before,.ticket::after{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--ink);content:"";transform:translateY(-50%)}.ticket::before{left:-9px}.ticket::after{right:-9px}.ticket i:first-child{position:absolute;top:14px;bottom:14px;left:.55in;border-left:1px dashed rgba(255,255,255,.25)}.ticket i:last-child{position:absolute;top:50%;right:.25in;width:.5in;height:.5in;border:1px solid var(--green);border-radius:50%;transform:translateY(-50%)}
.premium-grid article > span { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.premium-grid h3 { margin: .08in 0 .12in; font-size: 25px; }.premium-grid p { color: #acbabe; font-size: 8px; line-height: 1.65; }.premium-grid small { position:absolute; right:.28in; bottom:.24in; left:.28in; padding-top:.12in; border-top:1px solid rgba(255,255,255,.1); color:#71878b; font-size:6px; letter-spacing:.1em; text-transform:uppercase; }
.expand-bar { display: grid; grid-template-columns: repeat(3,1fr); margin-top: .34in; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }.expand-bar span { padding: .16in .08in; color: #b4c3c5; font-family: var(--heading); font-size: 9px; text-align: center; }.expand-bar span + span { border-left: 1px solid rgba(255,255,255,.15); }

.closing { color: white; background: var(--ink); }
.closing-glow { position: absolute; top: 1.4in; right: -2in; z-index: -2; width: 5.5in; height: 5.5in; border: 1px solid rgba(0,217,163,.18); border-radius: 50%; box-shadow: inset 0 0 70px rgba(17,156,255,.07), 0 0 80px rgba(0,217,163,.05); }
.closing-content { width: 77%; margin-top: .85in; }.closing h2 { font-size: 45px; }.closing-content > p:last-child { width: 82%; margin-top: .28in; color: #a9b9bc; font-size: 10px; line-height: 1.7; }
.promise-list { display: grid; grid-template-columns: 1fr 1fr; gap: .14in .25in; margin-top: .48in; }.promise-list div { display: grid; grid-template-columns: .35in 1fr; gap: .12in; padding-top: .14in; border-top: 1px solid rgba(255,255,255,.14); }.promise-list span { color: var(--green); font-family: var(--heading); font-size: 9px; font-weight: 800; }.promise-list p { margin:0; color:#9dafb2; font-size:7px; line-height:1.5 }.promise-list strong { color:white; font-size:8px; }
.closing-cta { margin-top: .55in; padding: .32in; color: var(--ink); background: var(--green); }.closing-cta > span { display:block; font-size:7px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.closing-cta > strong { display:block; margin-top:5px; font-family:var(--heading); font-size:23px; }.closing-cta > div { display:flex; align-items:center; justify-content:space-between; margin-top:.22in; padding-top:.18in; border-top:1px solid rgba(8,17,22,.25); }.closing-cta b { font-family:var(--heading); font-size:16px; letter-spacing:.08em; }.closing-cta i { font-size:25px; font-style:normal; }.closing-cta small { display:block; margin-top:7px; font-size:5.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.preview-footer { padding: 0 24px 50px; color: #5b6a70; font-size: 12px; text-align: center; }

@media (max-width: 900px) {
    .preview-toolbar { grid-template-columns: auto 1fr; padding-inline: 16px; }
    .preview-copy { display: none; }
    .sheet { transform-origin: top center; }
    .brochure { gap: 24px; padding: 32px 0 0; overflow: hidden; }
}
@media (max-width: 820px) { .sheet { margin-bottom: calc(-11in * .12); transform: scale(.88); } }
@media (max-width: 730px) { .sheet { margin-bottom: calc(-11in * .24); transform: scale(.76); } }
@media (max-width: 630px) { .sheet { margin-bottom: calc(-11in * .36); transform: scale(.64); } .preview-actions button { display:none; } }
@media (max-width: 535px) { .sheet { margin-bottom: calc(-11in * .47); transform: scale(.53); } .preview-actions a { padding:9px 12px; font-size:.66rem; } }
@media (max-width: 445px) { .sheet { margin-bottom: calc(-11in * .57); transform: scale(.43); } }

@page { size: Letter; margin: 0; }
@media print {
    html, body { background: white; }
    .preview-toolbar, .preview-footer { display: none !important; }
    .brochure { display: block; padding: 0; }
    .sheet { width: 8.5in; height: 11in; margin: 0; break-after: page; box-shadow: none; transform: none !important; }
    .sheet:last-child { break-after: auto; }
}