/* Shared by the site and the deck: brand type, marks and the certificate. */
@font-face{font-family:'Archivo';src:url('/card-genius/brand/archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Jost';src:url('/card-genius/brand/jost.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Marks: a metal tile, a dark glyph. Brass unless a design says otherwise. Classic seals appear only as Styles previews. */
.seal-set{position:relative;display:inline-block;width:32px;height:32px;flex:none}
.seal-set .brand-seal{display:none;width:100%;height:100%}
.brand-seal svg{width:100%;height:100%}
html[data-icon=gcard] .seal-set .seal-gcard,html[data-icon=slab] .seal-set .seal-slab,html[data-icon=diamond] .seal-set .seal-diamond{display:block}
.g-i1{stop-color:#f7e6b5}.g-i2{stop-color:#d4ad5e}.g-i3{stop-color:#b08a40}.g-i4{stop-color:#e6c986}
.g-tile{fill:url(#g-iris)}.g-edge{stroke:url(#g-iris)}.g-line{fill:none;stroke:var(--mark-ink,#050506)}.g-fill{fill:var(--mark-ink,#050506)}
.card-seal,.foil,.brand-dot{display:none}
.styles-panel .seal-gold,.styles-panel .seal-wax,.styles-panel .seal-hologram{border-radius:50%;overflow:hidden}
.seal-face{position:absolute;inset:0;background:center/100% no-repeat}
.seal-gold .seal-face{background-image:url('/card-genius/seal/card-genius-gold.svg')}.seal-wax .seal-face{background-image:url('/card-genius/seal/card-genius-wax.svg')}.seal-hologram .seal-face{background-image:url('/card-genius/seal/card-genius-hologram.svg')}

/* Certificate: black glass with an iridescent edge, on every design. */
.g-cert{--c-bg:#0b0b0e;--c-ink:#f5f5f7;--c-dim:#8a8a94;--c-line:#ffffff24;--c-iris:linear-gradient(100deg,#8fd0ff,#b3a4ff 36%,#f7a6d8 68%,#ffd9a8);position:relative;width:100%;max-width:470px;overflow:hidden;border:1px solid var(--c-line);border-radius:24px;background:radial-gradient(120% 60% at 100% 0,#b3a4ff1f,transparent 60%),var(--c-bg);color:var(--c-ink);box-shadow:0 50px 110px #000000a6;font:400 14px/1.5 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:left}
.g-cert:before{content:'';display:block;height:3px;background:var(--c-iris)}
.g-cert small{display:block;font:500 9.5px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--c-dim)}
.g-cert-label{display:grid;grid-template-columns:1fr auto;gap:24px 16px;padding:22px 26px 22px}
.g-cert-brand{grid-column:1/-1;display:flex;align-items:center;gap:10px}
.g-cert-brand .seal-set{width:30px;height:30px}
.g-cert-brand b{display:block;font-size:15px;font-weight:600;font-stretch:112%;letter-spacing:-.03em;line-height:1.2}
.g-cert-card h3{margin:6px 0 5px;font-size:30px;font-weight:540;font-stretch:110%;letter-spacing:-.045em;line-height:1;text-transform:none}
.g-cert-card span{font-size:12px;color:var(--c-dim)}
.g-cert-grade{align-self:end;text-align:right}
.g-cert-grade strong{display:block;font-size:72px;font-weight:580;font-stretch:112%;letter-spacing:-.07em;line-height:.84;background:var(--c-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.g-cert-flag{margin:0;padding:9px 26px;border-block:1px solid var(--c-line);font:500 9.5px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--c-dim)}
.g-cert-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:20px 26px;border-bottom:1px solid var(--c-line)}
.g-cert-scores dt{font:500 9.5px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.11em;text-transform:uppercase;color:var(--c-dim)}
.g-cert-scores dd{margin:2px 0 0;font-size:25px;font-weight:540;font-stretch:110%;letter-spacing:-.045em;line-height:1.2}
.g-cert-scores div:after{content:'';display:block;height:2px;margin-top:7px;border-radius:2px;background:linear-gradient(90deg,transparent calc(var(--v)*100%),var(--c-line) 0),var(--c-iris)}
.g-cert-finding{padding:17px 26px;border-bottom:1px solid var(--c-line)}
.g-cert-finding p,.g-cert-foot p{margin:5px 0 3px;font-size:17px;font-weight:540;letter-spacing:-.025em}
.g-cert-finding span,.g-cert-foot span{font-size:12px;line-height:1.5;color:var(--c-dim)}
.g-cert-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 26px 22px}
.g-cert-foot img{display:block;width:80px;height:80px;padding:4px;border-radius:10px;background:#fff}
/* A report scores three areas, each made of two measures, and says how many copies share the score. */
.g-cert-areas{grid-template-columns:repeat(3,1fr)}
.g-cert-areas div:after{content:none}
.g-cert-areas dd:not(.g-sub):after{content:'';display:block;height:2px;margin-top:7px;border-radius:2px;background:linear-gradient(90deg,transparent calc(var(--v)*100%),var(--c-line) 0),var(--c-iris)}
.g-cert-scores dd.g-sub{margin-top:9px;font-size:11.5px;font-weight:400;font-stretch:100%;letter-spacing:0;line-height:1.75;color:var(--c-dim)}
.g-sub span{display:flex;justify-content:space-between;gap:8px}.g-sub b{font-weight:500;color:var(--c-ink)}
.g-cert-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.g-cert-pair>div+div{padding-left:20px;border-left:1px solid var(--c-line)}
/* The Card Genius deck: nine slides in the Galaxy look. Type and spacing follow --s, a unit of the
   screen that keeps every slide on one laptop screen; a phone reads the slides as a page. */
:root{--bg:#04050b;--panel:#0a0c16;--glass:#ffffff0a;--glass-2:#ffffff12;--ink:#f7f5f0;--soft:#f7f5f0d1;--dim:#a6a8b8;--line:#ffffff30;--hair:#ffffff1a;--iris:linear-gradient(100deg,#fff,#ffe2b0 46%,#ffac52);--viz:#ffc56e;--glow:#ffac52;--mark-ink:#04050b;--sans:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --s:min(1vw,1.66vh);--pad:clamp(20px,6.2vw,108px);
 --t-h1:calc(var(--s)*7.5);--t-h2:calc(var(--s)*4.3);--t-h3:calc(var(--s)*1.72);--t-lead:max(13.5px,calc(var(--s)*1.3));--t-body:max(12px,calc(var(--s)*1.02));--t-small:max(9.5px,calc(var(--s)*.74));color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}.classic-only{display:none!important}
html{-webkit-text-size-adjust:100%}
body.pitch{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;background:var(--bg);background-image:radial-gradient(1.3px 1.3px at 24px 34px,#ffffffd9 50%,transparent 52%),radial-gradient(1px 1px at 150px 96px,#ffffffa6 50%,transparent 52%),radial-gradient(1.5px 1.5px at 270px 44px,#ffe2b0cc 50%,transparent 52%),radial-gradient(1px 1px at 86px 180px,#ffffff8c 50%,transparent 52%),radial-gradient(1px 1px at 220px 230px,#ffffff73 50%,transparent 52%),radial-gradient(70% 520px at 82% 0,#3a2f7a52,transparent);background-size:310px 270px,350px 310px,430px 370px,390px 350px,470px 410px,100% 900px;background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat;color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
/* One horizon, low behind the controls. */
body.pitch:after{content:'';position:fixed;left:0;right:0;bottom:0;height:330px;pointer-events:none;--h:max(1500px,118vw);background:radial-gradient(circle var(--h) at 50% calc(272px + var(--h)),var(--bg) calc(var(--h) - 1.5px),#ffe9c4 calc(var(--h) - .5px),#ffac52b3 calc(var(--h) + 2px),#ffac523d calc(var(--h) + 30px),#ffac5214 calc(var(--h) + 86px),transparent calc(var(--h) + 150px))}
body.pitch>*{position:relative;z-index:1}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
a{color:inherit;text-underline-offset:4px}svg{display:block}
h1,h2,h3{font-weight:520;font-stretch:110%;letter-spacing:-.045em;line-height:.97;text-wrap:balance}
h1 em,h2 em,.cg-iris{font-style:normal;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
:focus-visible{outline:2px solid var(--viz);outline-offset:4px}

/* The frame around every slide. */
.pitch-mast{flex:none;display:flex;align-items:center;gap:20px;height:70px;margin:0 var(--pad);border-bottom:1px solid var(--hair)}
.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:600;font-stretch:112%;letter-spacing:-.035em;line-height:1;text-decoration:none;white-space:nowrap}
.brand-dot{display:none}
.g-i1{stop-color:#fff4dc}.g-i2{stop-color:#ffd791}.g-i3{stop-color:#eda348}.g-i4{stop-color:#ffe2b0}
.pitch-mast>span{margin:auto;font:500 10.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
/* The arrow is set in the code face: a phone would otherwise draw it as an emoji. */
.pitch-home span,.cg-foot a span,.cg-scan a span{font-family:var(--mono);font-weight:400}
.pitch-home{font-size:13px;font-weight:450;text-decoration:none;white-space:nowrap;color:var(--dim);transition:color .2s}.pitch-home:hover{color:var(--ink)}
#slides{flex:1;display:flex;min-width:0}
.pitch-slide{flex:1;min-width:0;overflow-x:clip;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--s)*2.1);padding:calc(var(--s)*2) var(--pad) calc(var(--s)*1.6)}
.pitch-controls{flex:none;display:flex;justify-content:center;align-items:center;gap:18px;height:66px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--dim)}
.pitch-controls .cell-step{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#04050bb3;font-family:var(--sans);font-size:15px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.pitch-controls .cell-step:hover{border-color:var(--viz);color:var(--viz)}
#print-deck{position:absolute;right:var(--pad);font:450 12px/1 var(--sans);letter-spacing:0;text-decoration:none;white-space:nowrap;color:var(--dim)}#print-deck:hover{color:var(--ink)}

/* Pieces every slide uses. */
.cg-eyebrow{display:flex;align-items:center;gap:.9em;font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.cg-eyebrow i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--iris)}
.pitch-slide h2{font-size:var(--t-h2)}.pitch-slide h3{font-size:var(--t-h3);line-height:1.08;letter-spacing:-.035em}
.cg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:6%}
.cg-eyebrow+h2{margin-top:calc(var(--s)*1.1)}
.cg-head>p{flex:none;width:min(36%,27em);font-size:var(--t-lead);line-height:1.5;color:var(--soft)}
.cg-lead{font-size:var(--t-lead);line-height:1.55;color:var(--soft)}
.cg-note{font:400 var(--t-small)/1.6 var(--mono);letter-spacing:.02em;color:var(--dim)}
.cg-tag{font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--viz)}
.cg-tile{border:1px solid var(--line);border-radius:calc(var(--s)*1.3);background:#0a0c16cc}
.cg-foot{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cg-foot a{font-size:var(--t-body);font-weight:500;text-decoration:none;color:var(--viz)}.cg-foot a:hover{color:var(--ink)}
.cg-cols{display:grid;gap:calc(var(--s)*1.1)}
.cg-cols>*{display:flex;flex-direction:column;padding:calc(var(--s)*1.7) calc(var(--s)*1.7) calc(var(--s)*1.9)}
.cg-cols h3{margin:calc(var(--s)*2.4) 0 calc(var(--s)*.8)}
.cg-cols p{font-size:var(--t-body);line-height:1.6;color:var(--soft)}
.cg-cols small{margin-top:auto;padding-top:calc(var(--s)*1.3);font:400 var(--t-small)/1.6 var(--mono);color:var(--dim)}
.cg-cols small b{display:block;font-weight:500;color:var(--ink)}
/* The card: its photograph cut to the card's own outline, so it stands free of the table it was shot on. */
.cg-card{display:block;filter:drop-shadow(0 calc(var(--s)*2) calc(var(--s)*3) #000c)}
.cg-card-crop{display:block;overflow:hidden}
.cg-card img{display:block;max-width:none}
.cg-card.cg-photo .cg-card-crop{position:relative;aspect-ratio:.725;border-radius:4.4%/3.2%}
.cg-card.cg-photo img{position:absolute;width:126%;left:-16.5%;top:-16.2%}
.cg-stage{position:relative;display:grid;place-items:center}
.cg-frame{position:absolute;inset:-6% -9%;pointer-events:none;z-index:2}
.cg-frame i{position:absolute;width:calc(var(--s)*1.5);height:calc(var(--s)*1.5);border:1.5px solid var(--ink);opacity:.75}
.cg-frame i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px;border-top-left-radius:7px}.cg-frame i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0;border-top-right-radius:7px}
.cg-frame i:nth-child(3){right:0;bottom:0;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:7px}.cg-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1.5px 1.5px;border-bottom-left-radius:7px}
.cg-frame b{position:absolute;left:4%;right:4%;top:42%;height:2px;border-radius:2px;background:var(--viz);box-shadow:0 0 22px 3px #ffac5299}
.cg-score{display:flex;align-items:center;gap:calc(var(--s)*1);padding:calc(var(--s)*.8) calc(var(--s)*1.3) calc(var(--s)*.8) calc(var(--s)*.9);border:1px solid var(--line);border-radius:calc(var(--s)*1.2);background:#0a0c16e6;text-decoration:none}
.cg-score .seal-set{width:calc(var(--s)*2.8);height:calc(var(--s)*2.8)}
.cg-score b{display:block;font-size:var(--t-body);font-weight:560;letter-spacing:-.015em;line-height:1.3}
.cg-score small{display:block;font:400 var(--t-small)/1.5 var(--mono);white-space:nowrap;color:var(--dim)}
.cg-score strong{margin-left:auto;padding-left:calc(var(--s)*1.6);font-size:calc(var(--s)*2.9);font-weight:560;font-stretch:112%;letter-spacing:-.055em;line-height:1;white-space:nowrap;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-score strong small{display:inline;margin-left:3px;font-size:var(--t-small);letter-spacing:0;-webkit-text-fill-color:var(--dim)}

/* 1. Cover. */
.cg-cover{flex-direction:row;align-items:center;gap:5%}
.cg-cover-copy{flex:1.25;min-width:0}
.cg-cover h1{margin:calc(var(--s)*1.7) 0 calc(var(--s)*2);font-size:var(--t-h1);line-height:.9;letter-spacing:-.055em}
.cg-cover .cg-lead{max-width:25em;font-size:max(15px,calc(var(--s)*1.5))}
.cg-strap{display:flex;flex-wrap:wrap;gap:calc(var(--s)*.6);margin-top:calc(var(--s)*2.6)}
.cg-strap li{padding:.62em 1em;border:1px solid var(--line);border-radius:999px;background:var(--glass);font:500 var(--t-small)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.cg-cover-object{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s)*1.5)}
.cg-cover .cg-stage{width:min(100%,calc(var(--s)*25))}
.cg-cover .cg-card{width:76%;transform:rotate(4deg)}
.cg-cover .cg-stage:before{content:'';position:absolute;left:50%;top:52%;width:150%;aspect-ratio:1;border:1px solid #ffffff47;border-radius:50%;outline:1px solid #ffffff1f;outline-offset:calc(var(--s)*2.6);transform:translate(-50%,-50%) rotate(-14deg) scaleY(.3)}
.cg-cover .cg-score{width:min(100%,calc(var(--s)*31));margin-top:calc(var(--s)*.4)}

/* 2. The problem. */
.cg-why h2{max-width:15em}
/* How grading is done today on the left, quiet; what Card Genius does instead on the right, lit. */
.cg-versus{display:grid;gap:calc(var(--s)*.8)}
.cg-versus-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--s)*1.6)}
.cg-versus-row>div{padding:calc(var(--s)*1.2) calc(var(--s)*1.7) calc(var(--s)*1.35);border:1px solid var(--hair);border-radius:calc(var(--s)*1.3)}
.cg-versus-row>div:first-child{background:#ffffff05}
.cg-versus-row>div:first-child .cg-tag{color:var(--dim)}
.cg-versus-row>div:first-child h3{color:#f7f5f0a8}
.cg-versus-row>div:first-child p{color:var(--dim)}
.cg-versus-row>div:last-child{position:relative;border-color:#ffc56e73;background:linear-gradient(90deg,#ffac521f,#0a0c16cc 70%)}
.cg-versus-row>div:last-child:before{content:'→';position:absolute;left:calc(var(--s)*-1.45);top:50%;width:calc(var(--s)*1.3);margin-top:-.6em;text-align:center;font:400 var(--t-body)/1.2 var(--mono);color:var(--viz)}
.cg-versus h3{margin:calc(var(--s)*.5) 0 calc(var(--s)*.4)}
.cg-versus p{font-size:var(--t-body);line-height:1.55;color:var(--soft)}

/* 3. Authenticity: what is examined on the left, how the result is trusted on the right. */
.cg-authentic{gap:calc(var(--s)*1.5)}
.cg-auth{display:grid;grid-template-columns:.82fr 1.18fr;gap:calc(var(--s)*1.1)}
.cg-layers{display:flex;flex-direction:column;padding:calc(var(--s)*1.6) calc(var(--s)*1.8) calc(var(--s)*1.7);border-color:#ffc56e73;background:linear-gradient(180deg,#ffac521c,#0a0c16cc 60%)}
.cg-layers ol{margin:calc(var(--s)*.9) 0 calc(var(--s)*1)}
.cg-layers li{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--s)*1.4);padding:calc(var(--s)*.62) 0;border-bottom:1px solid var(--hair)}
.cg-layers li b{font-size:var(--t-h3);font-weight:540;font-stretch:108%;letter-spacing:-.035em;line-height:1.1}
.cg-layers li span{font-size:var(--t-body);text-align:right;color:var(--dim)}
.cg-layers p{margin-top:auto;font-size:var(--t-body);line-height:1.55;color:var(--soft)}
.cg-rules{grid-template-columns:1fr 1fr}
.cg-rules>*{padding:calc(var(--s)*1.4) calc(var(--s)*1.6) calc(var(--s)*1.5)}
.cg-rules h3{margin:calc(var(--s)*1.1) 0 calc(var(--s)*.6)}

/* 4. The Score. */
.cg-analyze{gap:calc(var(--s)*1.5)}
.cg-screen{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}
.cg-screen-card{position:relative;display:grid;place-items:center;padding:calc(var(--s)*2.4);border-right:1px solid var(--hair);background:radial-gradient(closest-side,#ffac5214,transparent)}
.cg-screen-card .cg-stage{width:calc(var(--s)*13.5)}
.cg-screen-read{display:flex;flex-direction:column;min-width:0}
.cg-total{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:calc(var(--s)*1.5) calc(var(--s)*2) calc(var(--s)*1.3);border-bottom:1px solid var(--hair)}
.cg-total small{display:block;margin-bottom:calc(var(--s)*.5)}
.cg-total strong{font-size:calc(var(--s)*4.6);font-weight:560;font-stretch:112%;letter-spacing:-.06em;line-height:.86;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-total strong small{display:inline;margin:0 0 0 4px;font:400 var(--t-body) var(--mono);letter-spacing:0;-webkit-text-fill-color:var(--dim)}
.cg-total .seal-set{width:calc(var(--s)*3);height:calc(var(--s)*3)}
.cg-areas{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hair)}
.cg-areas>div{padding:calc(var(--s)*1.3) calc(var(--s)*2)}.cg-areas>div+div{border-left:1px solid var(--hair)}
.cg-areas dt,.cg-pair small,.cg-total small{font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--dim)}
.cg-areas dd{font-size:calc(var(--s)*2.5);font-weight:540;font-stretch:110%;letter-spacing:-.05em;line-height:1.25}
.cg-areas dd:not(.cg-sub):after{content:'';display:block;height:2px;margin-top:calc(var(--s)*.35);border-radius:2px;background:linear-gradient(90deg,transparent calc(var(--v)*100%),var(--line) 0),var(--iris)}
.cg-areas dd.cg-sub{margin-top:calc(var(--s)*.7);font-size:var(--t-body);font-weight:400;font-stretch:100%;letter-spacing:0;line-height:1.7;color:var(--dim)}
.cg-sub span{display:flex;justify-content:space-between;gap:10px}.cg-sub b{font-weight:500;color:var(--ink)}
.cg-pair{display:grid;grid-template-columns:1fr 1fr;flex:1}
.cg-pair>div{padding:calc(var(--s)*1.3) calc(var(--s)*2)}.cg-pair>div+div{border-left:1px solid var(--hair)}
.cg-pair p{margin-top:calc(var(--s)*.45);font-size:var(--t-h3);font-weight:540;font-stretch:108%;letter-spacing:-.035em;line-height:1.15}
.cg-pair span{display:block;margin-top:calc(var(--s)*.3);font-size:var(--t-body);color:var(--dim)}

/* 5. How it works. */
.cg-how .cg-cols{grid-template-columns:repeat(4,1fr)}
.cg-how .cg-cols li{position:relative}
.cg-how .cg-cols li+li:before{content:'→';position:absolute;left:calc(var(--s)*-1.25);top:calc(var(--s)*1.55);width:calc(var(--s)*1.4);text-align:center;font:400 var(--t-body)/1 var(--mono);color:var(--viz)}
.cg-state{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:calc(var(--s)*1.3)}
.cg-state>div{display:flex;align-items:baseline;gap:calc(var(--s)*1.3);padding:calc(var(--s)*1.15) calc(var(--s)*1.7)}.cg-state>div+div{border-left:1px solid var(--hair)}
.cg-state .cg-tag{flex:none}.cg-state p{font-size:var(--t-body);line-height:1.5;color:var(--soft)}

/* 6. Proof. */
.cg-proof{flex-direction:row;align-items:center;gap:7%}
.cg-proof-copy{flex:1;min-width:0}
.cg-proof h2{margin:calc(var(--s)*1.5) 0 calc(var(--s)*1.9)}
.cg-proof .cg-lead{max-width:26em}
.cg-scan{display:flex;align-items:center;gap:calc(var(--s)*1.6);margin:calc(var(--s)*2.4) 0 calc(var(--s)*1.5)}
.cg-scan img{flex:none;width:calc(var(--s)*7.2);height:calc(var(--s)*7.2);padding:5px;border-radius:calc(var(--s)*.8);background:#fff}
.cg-scan strong{display:block;font-size:var(--t-h3);font-weight:540;letter-spacing:-.03em}
.cg-scan p{font-size:var(--t-body);color:var(--dim)}
.cg-scan a{display:inline-block;margin-top:calc(var(--s)*.6);font-size:var(--t-body);font-weight:500;text-decoration:none;color:var(--viz)}
.cg-proof-display{flex:none;position:relative;width:min(44%,calc(var(--s)*33));display:grid;place-items:center}
.cg-proof-display:before{content:'';position:absolute;inset:10% 6%;border-radius:50%;background:radial-gradient(closest-side,#ffac5247,transparent);filter:blur(40px)}
.cg-proof-display .g-cert{position:relative;transform:rotate(2deg)}
.g-cert{--c-bg:#06070f;--c-ink:#f7f5f0;--c-dim:#a6a8b8;--c-line:#ffffff30;--c-iris:linear-gradient(100deg,#fff,#ffe2b0 46%,#ffac52);background:radial-gradient(120% 60% at 100% 0,#ffac5224,transparent 60%),var(--c-bg)}
.grade-certificate{display:none}

/* 7. Value. */
.cg-value{flex-direction:row;align-items:center;gap:7%}
.cg-value-copy{flex:1;min-width:0}
.cg-value h2{margin:calc(var(--s)*1.5) 0 calc(var(--s)*1.9)}
.cg-value .cg-lead{max-width:25em}
.cg-factors{display:grid;gap:calc(var(--s)*.9);margin:calc(var(--s)*2.2) 0 calc(var(--s)*1.6)}
.cg-factors li{display:flex;align-items:baseline;gap:calc(var(--s)*1.2);font-size:var(--t-body);color:var(--soft)}
.cg-factors b{flex:none;width:6.5em;font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--viz)}
.cg-panel{flex:none;width:min(44%,calc(var(--s)*34));padding:calc(var(--s)*1.9) calc(var(--s)*2.1) calc(var(--s)*1.5);box-shadow:0 30px 80px #00000080}
.cg-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.cg-panel header small{display:block;font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.cg-panel header b{display:block;margin-top:.3em;font-size:var(--t-h3);font-weight:540;letter-spacing:-.03em;line-height:1.1}
.cg-panel header em{flex:none;padding:.6em .95em;border:1px solid var(--line);border-radius:999px;font:500 var(--t-small)/1 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.cg-panel-number{margin-top:calc(var(--s)*1.4);font-size:calc(var(--s)*6.4);font-weight:560;font-stretch:112%;letter-spacing:-.065em;line-height:.86;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-panel-number span{margin-right:3px;font-size:.42em;line-height:1.5;vertical-align:top}
.cg-panel-range{margin-top:calc(var(--s)*.8);font:400 var(--t-small)/1.5 var(--mono);color:var(--dim)}
.cg-chart{width:100%;height:auto;margin:calc(var(--s)*1) 0 calc(var(--s)*.5);overflow:visible}
.cg-chart .band{fill:#ffc56e21}.cg-chart .trend{fill:none;stroke:var(--viz);stroke-width:1.6}.cg-chart circle{r:2.6px;fill:var(--ink)}
.cg-panel dl{border-top:1px solid var(--hair)}
.cg-panel dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:calc(var(--s)*.7) 0;border-bottom:1px solid var(--hair)}
.cg-panel dt{font:500 var(--t-small)/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.cg-panel dd{font-size:var(--t-body);text-align:right}
.cg-panel footer{margin-top:calc(var(--s)*.9);font:400 var(--t-small)/1.5 var(--mono);color:var(--dim)}

/* 8. The family. */
.cg-family .cg-cols{grid-template-columns:repeat(4,1fr)}
.cg-family .cg-cols h3 small{display:block;margin-bottom:.5em;font:500 var(--t-small)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.cg-family .cg-cols h3{margin-top:calc(var(--s)*2)}
.cg-family .cg-cols article:first-child{border-color:#ffc56e73;background:linear-gradient(180deg,#ffac521c,#0a0c16cc 60%)}

/* 9. Where we are. */
.cg-next h2{max-width:14em}
.cg-next .cg-cols{grid-template-columns:repeat(3,1fr)}
.cg-next .cg-cols ul{display:grid;gap:.5em;margin-top:calc(var(--s)*.4);font-size:var(--t-body);line-height:1.5;color:var(--soft)}
.cg-next .cg-cols li{position:relative;padding-left:1.3em}
.cg-next .cg-cols li:before{content:'';position:absolute;left:0;top:.62em;width:.5em;height:1px;background:var(--viz)}
.cg-next .cg-cols h3{margin-top:calc(var(--s)*1.5)}

/* A short laptop screen: the same slides, a little tighter. */
@media(max-height:780px) and (min-width:801px){
 .cg-proof-display .g-cert{zoom:.8}
}
@media(max-height:700px) and (min-width:801px){
 .pitch-mast{height:58px}.pitch-controls{height:54px}
}
/* A phone reads the deck as a page. */
@media(max-width:800px){
 :root{--s:9.6px;--pad:22px;--t-h1:clamp(46px,14.5vw,60px);--t-h2:clamp(31px,9.4vw,40px);--t-h3:21px;--t-lead:16px;--t-body:14.5px;--t-small:10.5px}
 body.pitch:after{display:none}
 .pitch-mast{height:62px;gap:12px}.pitch-mast>span{display:none}.pitch-home{margin-left:auto;font-size:12px}.wordmark{font-size:17px;gap:9px}
 .pitch-slide{justify-content:flex-start;gap:26px;padding:30px var(--pad) 26px}
 .cg-head{display:block}.cg-head>p{width:auto;margin-top:18px}
 .cg-cover,.cg-proof,.cg-value{flex-direction:column;align-items:stretch;gap:34px}
 .cg-cover h1{margin:16px 0 20px}.cg-cover-object{align-self:center;width:100%}.cg-cover .cg-stage{width:min(78%,290px)}.cg-cover .cg-score{width:100%}
 .cg-how .cg-cols,.cg-family .cg-cols,.cg-next .cg-cols,.cg-versus-row,.cg-auth,.cg-rules{grid-template-columns:1fr}
 .cg-layers{padding:20px 20px 22px}.cg-layers li{padding:10px 0}.cg-layers p{margin-top:14px}
 .cg-versus{gap:22px}.cg-versus-row{gap:8px}.cg-versus-row>div{padding:18px 20px 20px}.cg-versus-row>div:last-child:before{content:none}
 .cg-cols>*{padding:20px 20px 22px}.cg-cols h3{margin-top:22px}
 .cg-how .cg-cols li+li:before{content:none}
 .cg-foot{display:block}.cg-foot .cg-note{display:block;margin-top:12px}
 .cg-screen{grid-template-columns:1fr}.cg-screen-card{border-right:0;border-bottom:1px solid var(--hair);padding:34px 20px}.cg-screen-card .cg-stage{width:min(54%,200px)}
 .cg-total,.cg-areas>div,.cg-pair>div{padding-left:20px;padding-right:20px}
 .cg-areas,.cg-pair,.cg-state{grid-template-columns:1fr}
 .cg-areas>div+div,.cg-pair>div+div,.cg-state>div+div{border-left:0;border-top:1px solid var(--hair)}
 .cg-areas dd{font-size:30px}.cg-total strong{font-size:58px}.cg-score strong{font-size:34px}.cg-score .seal-set{width:36px;height:36px}
 .cg-state>div{display:block;padding:16px 20px}.cg-state .cg-tag{display:block;margin-bottom:6px}
 .cg-proof-display,.cg-panel{width:100%}.cg-proof-display .g-cert{transform:none}
 .cg-scan img{width:92px;height:92px}
 .cg-panel{padding:22px 20px 18px}.cg-panel-number{font-size:72px}
 #print-deck{position:static}
}
@media print{
 @page{size:landscape;margin:0}
 html,body.pitch{background-color:#04050b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 body.pitch{display:block;min-height:0}body.pitch:after,.pitch-mast,.pitch-controls{display:none!important}
 #slides{display:block}
 .pitch-slide,.pitch-slide[hidden]{display:flex!important;height:100vh;break-after:page;page-break-after:always;overflow:hidden}
 .cg-proof-display .g-cert{zoom:.8}
}