/* Card Genius: modern luxury with the AI on show. Six designs share one markup; Galaxy is the default. */
:root{--bg:#050506;--bg-2:#0a0a0c;--glass:#ffffff0a;--glass-2:#ffffff12;--panel:#0e0e11;--ink:#f5f5f7;--soft:#f5f5f7b8;--dim:#8a8a94;--line:#ffffff24;--hair:#ffffff14;--btn:#f5f5f7;--on-btn:#050506;--iris:linear-gradient(100deg,#8fd0ff,#b3a4ff 36%,#f7a6d8 68%,#ffd9a8);--viz:#b3a4ff;--glow:#8f7fff;--shadow:0 30px 80px #00000080;--mark-ink:#050506;--sans:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--gutter:clamp(22px,5.2vw,84px);--max:1500px;--r:22px;--h1:clamp(54px,10.2vw,164px);--replica-h:460px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:520;font-stretch:110%;letter-spacing:-.045em;line-height:.96;text-wrap:balance}
h1 em,h2 em{font-style:normal;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}
:focus-visible{outline:2px solid var(--viz);outline-offset:4px}
[hidden]{display:none!important}svg{display:block}::selection{background:var(--viz);color:#050506}
.classic-only{display:none!important}

/* Header. */
.mast{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:74px;padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);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}
.mast-links{display:flex;gap:30px;margin-left:auto}
.mast-links a{font-size:14px;font-weight:450;text-decoration:none;color:var(--dim);transition:color .2s}.mast-links a:hover{color:var(--ink)}
.mast-cta{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:999px;background:var(--btn);color:var(--on-btn);font-size:13.5px;font-weight:560;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.mast-cta span,.g-button span,.g-link span,.v-button span{font-family:var(--mono);font-weight:400}
.style-channel{position:relative}
.styles-toggle{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:13.5px;font-weight:450;transition:border-color .2s}
.styles-toggle:hover{border-color:var(--ink)}
.styles-toggle svg{width:14px;height:14px;opacity:.8}

/* Shared pieces. */
.g-eyebrow{display:flex;align-items:center;gap:11px;font:500 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.g-eyebrow i,.g-status i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--iris)}
.g-eyebrow i:after,.g-status i:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--viz);opacity:0;animation:g-ping 2.6s ease-out infinite}
@keyframes g-ping{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.g-button,.v-button{display:inline-flex;align-items:center;gap:13px;padding:16px 25px;border:0;border-radius:999px;background:var(--btn);color:var(--on-btn);font-size:15px;font-weight:560;letter-spacing:-.012em;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s}
.g-button:hover,.v-button:hover{transform:translateY(-2px);box-shadow:0 14px 44px color-mix(in srgb,var(--glow) 55%,transparent)}
.g-link{display:inline-flex;align-items:center;gap:11px;padding:15px 22px;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:15px;font-weight:500;letter-spacing:-.012em;line-height:1.2;text-decoration:none;transition:border-color .2s,background .2s}
.g-link:hover{border-color:var(--ink);background:var(--glass-2)}
.g-note{margin-top:18px;font:400 11px/1.6 var(--mono);letter-spacing:.02em;color:var(--dim)}
.g-section{max-width:var(--max);margin:0 auto;padding:clamp(76px,10.5vw,160px) var(--gutter)}
.g-section h2{font-size:clamp(38px,5.5vw,90px);line-height:.96}
.g-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:22px 6%;align-items:end;margin-bottom:clamp(38px,5vw,72px)}
.g-head .g-eyebrow{grid-column:1/-1;margin-bottom:4px}
.g-head>p:not(.g-eyebrow){max-width:23em;justify-self:end;font-size:18px;line-height:1.5;color:var(--soft)}
/* Glass: every card, tile and readout sits on the same surface. */
.g-readout li,.g-grade,.g-status,.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-creed,.lookup-input,.g-example-inspection{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* Hero: the card, mid-analysis. */
.g-hero{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(26px,4.2vh,54px) var(--gutter) clamp(40px,6vh,76px)}
.g-hero h1{margin:20px 0 28px;font-size:var(--h1);line-height:.9;letter-spacing:-.055em}
.g-lead{max-width:28em;font-size:clamp(17px,1.4vw,20px);line-height:1.55;letter-spacing:-.01em;color:var(--soft)}
.g-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:32px}
.g-offer{display:flex;margin-top:42px}
.g-offer>div{padding-right:38px}.g-offer>div+div{padding-left:38px;border-left:1px solid var(--line)}
.g-offer dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.g-offer dd{margin-top:7px;font-size:28px;font-weight:540;font-stretch:110%;letter-spacing:-.045em;line-height:1}
.g-offer dd small{font-size:14px;font-weight:400;font-stretch:100%;letter-spacing:0;color:var(--dim)}
.g-hero-stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center}
.g-status{position:relative;z-index:4;display:inline-flex;align-items:center;gap:10px;margin:0 0 4px;padding:7px 13px;border-radius:999px;font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.g-status span{padding-left:10px;border-left:1px solid var(--line);color:var(--dim)}
.g-halo{position:absolute;left:50%;top:calc(var(--replica-h)*.56);width:min(430px,86%);aspect-ratio:1;border-radius:50%;background:conic-gradient(#8fd0ff,#b3a4ff,#f7a6d8,#ffd9a8,#8fd0ff);filter:blur(64px);opacity:.3;transform:translate(-50%,-50%);animation:g-spin 22s linear infinite;pointer-events:none}
@keyframes g-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}
.g-slot{position:relative;width:100%}
/* The corner brackets sit in the flow directly above the card's own box and take no room (their
   margins cancel their height), so they frame the card wherever a design puts it. */
.g-frame{position:relative;flex:none;width:min(calc(var(--replica-h)*.62 + 30px),96%);height:calc(var(--replica-h)*.93);margin:calc(var(--replica-h)*.035) auto calc(var(--replica-h)*-.965);pointer-events:none;z-index:3}
.g-frame i{position:absolute;width:22px;height:22px;border:1.5px solid var(--ink);opacity:.75}
.g-frame i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px;border-top-left-radius:7px}.g-frame i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0;border-top-right-radius:7px}
.g-frame i:nth-child(3){right:0;bottom:0;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:7px}.g-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1.5px 1.5px;border-bottom-left-radius:7px}
.g-frame b{position:absolute;left:3%;right:3%;top:0;height:2px;border-radius:2px;background:var(--iris);box-shadow:0 0 26px 3px color-mix(in srgb,var(--glow) 70%,transparent);opacity:0;animation:g-scan 7.5s cubic-bezier(.5,0,.3,1) 1.2s infinite}
@keyframes g-scan{0%{transform:translateY(calc(var(--replica-h)*.02));opacity:0}6%{opacity:1}38%{transform:translateY(calc(var(--replica-h)*.9));opacity:1}45%,100%{transform:translateY(calc(var(--replica-h)*.9));opacity:0}}
.g-readout{position:absolute;inset:34px 0 auto;height:var(--replica-h);pointer-events:none;z-index:3}
.g-readout li{position:absolute;width:122px;padding:11px 13px 12px;border-radius:14px}
.g-readout li:nth-child(1){left:0;top:14%}.g-readout li:nth-child(2){left:0;top:56%}.g-readout li:nth-child(3){right:0;top:27%}.g-readout li:nth-child(4){right:0;top:69%}
.g-readout span{display:block;font:500 9.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.g-readout b{display:block;margin-top:2px;font-size:26px;font-weight:540;font-stretch:110%;letter-spacing:-.045em;line-height:1.1}
.g-readout li:after{content:'';display:block;height:2px;margin-top:9px;border-radius:2px;background:linear-gradient(90deg,transparent calc(var(--v)*100%),var(--line) 0),var(--iris)}
.g-grade{position:relative;z-index:3;display:flex;align-items:center;gap:14px;width:min(400px,100%);margin-top:20px;padding:12px 18px 12px 12px;border-radius:18px;text-decoration:none;transition:border-color .2s,transform .2s}
.g-grade:hover{border-color:var(--ink);transform:translateY(-2px)}
.g-grade .seal-set{width:42px;height:42px}
.g-grade-label b{display:block;font-size:15px;font-weight:560;letter-spacing:-.015em;line-height:1.3}
.g-grade-label small{display:block;font:400 10.5px/1.5 var(--mono);color:var(--dim)}
.g-grade>strong{margin-left:auto;font-size:40px;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}
.g-grade>strong small{margin-left:3px;font:400 12px var(--mono);letter-spacing:0;color:var(--dim);-webkit-text-fill-color:var(--dim)}
.g-arrow{font-family:var(--mono);color:var(--dim)}

/* The inspection: one live card, shared with the classic designs. */
.stage{position:relative;min-width:0}
.replica-wrap{position:relative;height:var(--replica-h)}
#replica{position:absolute;inset:16px 0 12px;width:100%;height:calc(100% - 28px);touch-action:none;background:transparent}
.card-kicker{display:none}
.under{position:relative;z-index:3;text-align:center;padding:2px 10px 0}
.card-invitation{display:block;margin-bottom:10px;font:500 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.card-invitation span{margin-left:10px}
body:not(.replica-live) .card-invitation{visibility:hidden}
.identity-line{font-size:19px;letter-spacing:-.025em}.identity-line strong{font-weight:560;font-stretch:108%}
.example-note{max-width:350px;margin:5px auto 0;font:400 10.5px/1.55 var(--mono);color:var(--dim)}
#view-status{margin-top:6px;font:400 10.5px/1.5 var(--mono);color:var(--dim)}
#hud{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px}
#hud button,#hud a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink);font-size:12.5px;font-weight:500;line-height:1.2;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
#hud button:hover,#hud a:hover{border-color:var(--ink)}
#hud [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.mark-3d{position:absolute;z-index:4;transform:translate(-50%,-50%);width:30px;height:30px;border:1.5px solid #fff;border-radius:50%;background:#050506cc;color:#fff;font:500 11px var(--mono)}
.facts,.lookup-qr,.lookup-again{display:none}
.evidence{padding:20px 0}.evidence figure{margin:0 auto 25px;max-width:370px}
.surface{position:relative}.surface img{display:block;width:100%;height:auto}
.evidence figcaption{margin-top:10px;font-size:12px;color:var(--dim)}
.mark{position:absolute;padding:0;border:1.5px solid #fff;border-radius:6px;background:transparent;color:#fff;box-shadow:0 0 0 1px #0008}
body.replica-live .evidence{display:none}body:not(.replica-live) .replica-wrap{display:none}
.home:not(.replica-live) .stage{display:flex;flex-direction:column}.home:not(.replica-live) .evidence{order:-1}
.home:not(.replica-live) .evidence figure[hidden]{display:none!important}.home:not(.replica-live) .evidence figure:not([hidden]){display:block}
.js body:not(.inspection-fallback) .evidence{display:none}.js body:not(.inspection-fallback) .replica-wrap{display:block}
.js .home:not(.replica-live):not(.inspection-fallback) .stage{display:block}
.js body:not(.replica-live):not(.inspection-fallback) .replica-wrap:after{content:'Loading original photographs';position:absolute;top:45%;left:0;right:0;text-align:center;font:10.5px var(--mono);color:var(--dim)}
.no-example{display:grid;place-items:center;min-height:250px;font-size:16px;color:var(--dim)}
.amendment{margin-bottom:24px;padding:24px;border:1px solid var(--line);border-radius:var(--r)}
aside#certificate{position:fixed;top:0;right:0;z-index:40;width:min(460px,100%);height:100dvh;padding:74px 32px 40px;overflow:auto;background:var(--panel);color:var(--ink);border-left:1px solid var(--line);box-shadow:-50px 0 110px #0007;text-align:left;transform:translateX(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility .35s}
.certificate-open aside#certificate,aside#certificate.open{transform:none;visibility:visible}
aside#certificate h2{margin-bottom:20px;font-size:34px}
aside#certificate h3{margin:22px 0 8px;font-size:17px;letter-spacing:-.025em;line-height:1.2}
aside#certificate p{margin:10px 0;font-size:14.5px;color:var(--soft)}
aside#certificate .identity-line{color:var(--ink)}
aside#certificate a{color:var(--viz)}
aside#certificate button:not(#close-certificate){padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:13px}
#close-certificate{position:absolute;top:16px;right:18px;width:40px;height:40px;border:0;background:transparent;font-size:28px;font-weight:300;line-height:1}
.id{font:11.5px/1.6 var(--mono);overflow-wrap:anywhere}
.cert-qr{margin:15px 0;padding:8px;border-radius:10px;background:#fff}
#observations{padding-left:18px;list-style:decimal}#observations li.selected{background:var(--glass-2)}
details{margin-top:24px;font-size:14px}summary{cursor:pointer}
.print-label{margin-top:12px;padding:16px;border-radius:10px;background:#fff;color:#111;text-align:center}.print-label img{display:block;margin:12px auto}.print-label p,.print-label a{color:#111!important}

/* Pages that carry a record rather than a story. */
body:not(.home) main{max-width:1240px;margin:auto;padding:clamp(30px,5vw,64px) var(--gutter)}
body:not(.home) main h1{margin-bottom:14px;font-size:clamp(34px,4.6vw,64px)}
body:not(.home) main>section.surface>p{margin:8px 0;color:var(--soft)}
body:not(.home) main>section.surface>img{margin-top:24px;border-radius:var(--r)}
body:not(.home) main>section.surface>.v-button{margin:14px 0 4px}
body:not(.home) .stage{display:grid;grid-template-columns:1fr 1fr;gap:32px}
body:not(.home) .replica-wrap{grid-column:1;grid-row:1;height:560px}
body:not(.home) .under{grid-column:1;grid-row:2}
body:not(.home) aside#certificate{position:static;grid-column:2;grid-row:1/4;width:auto;height:auto;padding:30px;border:1px solid var(--line);border-radius:var(--r);box-shadow:none;transform:none;visibility:visible}
body:not(.home) #close-certificate{display:none}
body:not(.home) .lookup-block{display:block;margin-top:44px;padding:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass)}
body:not(.home) .lookup-block h2{font-size:32px}
body:not(.home) #lookup{margin-top:22px}
.pitch-footer{padding:30px 0;font-size:14px;color:var(--dim)}
#operator{max-width:850px;margin:auto;padding:8px 28px 80px}#operator label{display:block;margin:16px 0}#operator img{max-width:100%}
#operator input,#operator select,#operator textarea,#operator button{min-height:40px;padding:6px 10px;border:1px solid #b5c1d4;border-radius:5px;background:#fff;color:#141414;font:inherit}
#operator button{background:#141414;color:#fff}textarea{width:100%;min-height:100px}

/* Four commitments, stated once. */
.g-creed{width:min(100% - 2*var(--gutter),var(--max) - 2*var(--gutter));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--r)}
.g-creed li{display:flex;align-items:baseline;gap:12px;padding:22px 24px;font-size:16px;font-weight:500;letter-spacing:-.02em}
.g-creed li+li{border-left:1px solid var(--hair)}
.g-creed span{font:400 10px/1 var(--mono);letter-spacing:.1em;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Story. */
.g-manifesto{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px 7%;align-items:end}
.g-manifesto .g-eyebrow{grid-column:1/-1}
.g-section.g-manifesto h2{font-size:clamp(40px,5.9vw,98px);line-height:.95}
.g-manifesto-body p{font-size:16.5px;line-height:1.65;color:var(--soft)}
.g-manifesto-body p:first-child{margin-bottom:18px;font-size:clamp(20px,1.75vw,26px);font-weight:450;line-height:1.36;letter-spacing:-.02em;color:var(--ink)}
.g-manifesto-body .g-link{margin-top:26px}
.g-steps,.g-measures{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g-made .g-steps,.g-for-grid,.g-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g-steps li,.g-measures article,.g-for-grid article,.g-notes-grid article{position:relative;overflow:hidden;padding:24px 24px 30px;border-radius:var(--r);transition:border-color .25s,transform .25s}
.g-steps li:hover,.g-measures article:hover,.g-for-grid article:hover,.g-notes-grid article:hover{border-color:color-mix(in srgb,var(--viz) 70%,transparent);transform:translateY(-3px)}
.g-steps li>span,.g-measures span,.g-for-grid span,.g-notes-grid span{display:inline-block;font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-steps h3,.g-for-grid h3,.g-notes-grid h3{margin:clamp(44px,4.6vw,68px) 0 12px;font-size:clamp(25px,2.3vw,36px)}
.g-measures h3{margin:10px 0 10px;font-size:clamp(24px,2.1vw,32px)}
.g-steps p,.g-measures p,.g-for-grid p,.g-notes-grid p{font-size:15px;line-height:1.6;color:var(--soft)}
/* A second card beside the steps, drawn over with what the analysis maps: corners, centre lines, a pass of the scan. */
.g-how-body:has(.g-how-figure){display:grid;grid-template-columns:minmax(230px,.42fr) 1fr;gap:clamp(28px,4.4vw,72px);align-items:center}
.g-how-body:has(.g-how-figure) .g-steps{grid-template-columns:repeat(2,1fr)}
.g-how-body:has(.g-how-figure) .g-steps h3{margin-top:clamp(28px,3vw,44px)}
.g-how-figure{margin:0;justify-self:center;width:min(100%,360px)}
.g-how-card{position:relative;filter:drop-shadow(0 26px 44px #000a)}
.g-how-card img{display:block;width:100%;height:auto}
.g-how-map{position:absolute;inset:-12px;pointer-events:none}
.g-how-map i{position:absolute;width:19%;aspect-ratio:1;border:1.5px solid var(--viz)}
.g-how-map i:nth-child(1){left:0;top:0}.g-how-map i:nth-child(2){right:0;top:0}.g-how-map i:nth-child(3){right:0;bottom:0}.g-how-map i:nth-child(4){left:0;bottom:0}
.g-how-map b{position:absolute;opacity:.8}
.g-how-map b:nth-of-type(1){left:50%;top:0;bottom:0;border-left:1px dashed var(--viz)}
.g-how-map b:nth-of-type(2){top:50%;left:0;right:0;border-top:1px dashed var(--viz)}
.g-how-map u{position:absolute;left:12px;right:12px;top:12px;height:2px;background:var(--viz);box-shadow:0 0 22px 3px color-mix(in srgb,var(--viz) 60%,transparent);animation:g-how-pass 5.5s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes g-how-pass{to{top:calc(100% - 14px)}}
.g-how-figure figcaption{margin-top:26px;text-align:center;font:400 10.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
@media(prefers-reduced-motion:reduce){.g-how-map u{animation:none;top:38%}}
/* How the AI reads a card: four small instruments. */
.g-viz{width:calc(100% + 48px);height:auto;margin:-24px -24px 22px;aspect-ratio:200/140;background:radial-gradient(closest-side at 50% 50%,color-mix(in srgb,var(--glow) 16%,transparent),transparent),var(--glass);border-bottom:1px solid var(--hair);fill:none;stroke:var(--dim);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.g-viz .a{stroke:var(--viz);stroke-width:1.7}
.g-viz .t{stroke:var(--ink);stroke-width:1.3}
.g-viz .d{stroke-dasharray:3 5;animation:g-dash 1.6s linear infinite}
.g-viz .p{transform-box:fill-box;transform-origin:center;animation:g-pulse 2.8s ease-in-out infinite}
.g-viz .run{stroke-width:2.4;stroke-dasharray:16 84;animation:g-run 4.5s linear infinite}
.g-viz .sweep{stroke-dasharray:1 1;animation:g-sweep 3.6s ease-in-out infinite}
@keyframes g-dash{to{stroke-dashoffset:-16}}
@keyframes g-pulse{0%,100%{transform:scale(.82);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes g-run{to{stroke-dashoffset:-100}}
@keyframes g-sweep{0%,100%{opacity:.25}50%{opacity:1}}
.g-standard-foot{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:26px}
.g-fineprint{max-width:62em;font:400 11.5px/1.75 var(--mono);color:var(--dim)}
.g-standard-foot .g-link,.g-standard-foot .g-button{flex:none}
.g-evidence{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center}
.g-evidence-photo>div{position:relative;aspect-ratio:1.05;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#1b1b1d}
.g-evidence-photo img{position:absolute;left:-59%;top:-71%;width:580%;max-width:none}
.g-pin{position:absolute;left:23.5%;top:33.7%;width:42.2%;height:40.3%;border:1.5px solid #fff;border-radius:12px;box-shadow:0 0 0 100vmax #00000061;font-size:0}
.g-pin:before{content:'AI finding 01';position:absolute;left:-1px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:999px;background:#fff;color:#050506;font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.g-evidence-photo figcaption{margin-top:14px;font:400 10.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.g-evidence-copy h2,.g-proof-copy h2{margin:22px 0 28px}
.g-evidence-copy p:not(.g-eyebrow):not(.g-note),.g-proof-copy p:not(.g-eyebrow):not(.g-note){max-width:27em;margin-top:14px;font-size:17px;line-height:1.6;color:var(--soft)}
.g-evidence-copy .g-button,.g-proof-copy .g-link{margin-top:30px}
.g-proof{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%;align-items:center}
.g-proof-display{position:relative;display:grid;place-items:center;padding:18px}
.g-proof-display:before{content:'';position:absolute;inset:12% 14%;border-radius:50%;background:conic-gradient(#8fd0ff,#b3a4ff,#f7a6d8,#ffd9a8,#8fd0ff);filter:blur(70px);opacity:.22}
.g-proof-display .g-cert{transform:rotate(2deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.g-proof-display:hover .g-cert{transform:none}

/* Price: one number, set large. */
.g-price-main{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin:24px 0 clamp(40px,5vw,68px)}
.g-price-number{font-size:clamp(92px,13.6vw,216px);font-weight:560;font-stretch:112%;letter-spacing:-.075em;line-height:.8;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.g-price-number span{margin-right:4px;font-size:.4em;line-height:1.6;vertical-align:top}
.g-price-tag p:last-child{margin-top:18px;font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:right;color:var(--dim)}
.g-included{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g-included li{padding:24px 24px 28px;border-radius:var(--r)}
.g-included h3{margin-bottom:9px;font-size:23px;letter-spacing:-.035em}
.g-included p{font-size:15px;line-height:1.6;color:var(--soft)}
.g-launch{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:30px}
.g-launch p{max-width:36em;font-size:15px;color:var(--soft)}
.g-launch strong{font-weight:560;color:var(--ink)}

/* Lookup and footer. */
.lookup-block{max-width:var(--max);margin:0 auto;padding:clamp(60px,7.5vw,112px) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--hair)}
.lookup-block h2{margin:18px 0 14px;font-size:clamp(34px,4.2vw,64px)}
.lookup-block p:not(.g-eyebrow){max-width:26em;font-size:17px;color:var(--soft)}
#lookup label{display:block;margin-bottom:12px;font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.lookup-input{display:flex;gap:8px;padding:7px;border-radius:999px}
.lookup-input:focus-within{border-color:var(--viz)}
.lookup-input input{flex:1;min-width:0;padding:10px 16px;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}
.lookup-input input::placeholder{color:var(--dim)}
.lookup-input button{padding:12px 20px;border:0;border-radius:999px;background:var(--btn);color:var(--on-btn);font-size:14px;font-weight:560;white-space:nowrap}
.lookup-input button span{margin-left:10px;font-family:var(--mono);font-weight:400}
#lookup [role=status]{margin-top:12px;font:400 12px var(--mono);color:var(--soft)}
.site-footer{padding:46px var(--gutter) 56px;border-top:1px solid var(--hair)}
.g-footer{max-width:calc(var(--max) - 2*var(--gutter));margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px 22px;align-items:center}
.g-footer .wordmark{font-size:18px}.g-footer .seal-set{width:28px;height:28px}
.g-footer p{font-size:14px;color:var(--dim)}
.g-footer nav{display:flex;flex-wrap:wrap;gap:8px 28px;justify-self:end}
.g-footer nav a{font-size:14px;color:var(--dim);text-decoration:none;transition:color .2s}.g-footer nav a:hover{color:var(--ink)}
.g-footer small{grid-column:1/-1;margin-top:18px;font:400 10.5px var(--mono);color:var(--dim)}

/* Example and standard pages. */
.g-example-head{max-width:var(--max);margin:auto;padding:clamp(40px,6vw,88px) var(--gutter) clamp(28px,3.2vw,48px);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.g-example-head h1{margin-top:20px;font-size:clamp(44px,6.6vw,108px);line-height:.92;letter-spacing:-.055em}
.g-example-head>p{flex:none;font:400 12px/1.85 var(--mono);text-align:right;color:var(--dim)}
.g-example-head strong{font-weight:500;color:var(--ink)}
.g-example-layout{max-width:var(--max);margin:auto;padding:0 var(--gutter) clamp(60px,7.5vw,112px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:6%;align-items:start}
.g-example-inspection{position:relative;overflow:hidden;padding:14px 0 30px;border-radius:28px;--replica-h:500px}
.g-example-report{display:flex;flex-direction:column;align-items:center}
.g-example-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;margin-top:26px}
.g-standard-page{padding-top:clamp(46px,6vw,96px)}
.g-standard-page h1{font-size:clamp(46px,7.6vw,124px);line-height:.92;letter-spacing:-.055em}

@media(min-width:941px){
 /* Noir: the headline runs the full width and the card rises into its second line. */
 .g-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);column-gap:clamp(24px,4vw,72px);align-items:start}
 .g-hero-copy{display:contents}
 .g-hero-copy>.g-eyebrow,.g-hero h1{grid-column:1/-1}
 .g-hero-copy>:not(.g-eyebrow):not(h1){grid-column:1}
 .g-hero-stage{grid-column:2;grid-row:2/span 6;margin-top:calc(var(--h1)*1.02);z-index:2}
 .g-hero h1{grid-row:2}
 .g-lead{grid-row:3}.g-actions{grid-row:4}.g-offer{grid-row:5}.g-hero-copy>.g-note{grid-row:6}
}

/* Noir and Titanium keep the iridescent mark. */
html[data-style=noir] .g-i1{stop-color:#a9dbff}html[data-style=noir] .g-i2{stop-color:#b3a4ff}html[data-style=noir] .g-i3{stop-color:#f7a6d8}html[data-style=noir] .g-i4{stop-color:#ffd9a8}
/* Titanium: bright, cool and precise. */
html[data-style=titanium] .g-i1{stop-color:#5aa2ee}html[data-style=titanium] .g-i2{stop-color:#7d63f2}html[data-style=titanium] .g-i3{stop-color:#de5aa8}html[data-style=titanium] .g-i4{stop-color:#f2a04f}
html[data-style=titanium]{--bg:#f2f2f5;--bg-2:#e9e9ee;--glass:#ffffffb8;--glass-2:#fff;--panel:#fff;--ink:#08080b;--soft:#08080bbd;--dim:#6a6a76;--line:#08080b21;--hair:#08080b12;--btn:#08080b;--on-btn:#f5f5f7;--iris:linear-gradient(100deg,#1f7ae0,#6a4cf0 36%,#d93f9d 68%,#f08a2e);--viz:#6a4cf0;--glow:#8f7bff;color-scheme:light}
html[data-style=titanium] .g-halo{opacity:.42}
html[data-style=titanium] .g-proof-display:before{opacity:.34}
html[data-style=titanium] :is(.g-readout li,.g-grade,.g-status,.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-creed,.lookup-input,.g-example-inspection){box-shadow:0 1px 0 #fff inset,0 18px 44px #08080b0f}
html[data-style=titanium] .g-frame i{opacity:.9}
html[data-style=titanium] .mark-3d{border-color:#08080b;background:#fffffff0;color:#08080b}
html[data-style=titanium] aside#certificate{box-shadow:-50px 0 110px #08080b29}
html[data-style=titanium] .g-cert{box-shadow:0 40px 90px #08080b38}
html[data-style=titanium] ::selection{color:#fff}

@media(min-width:941px){
 /* Titanium keeps copy and card side by side inside a single instrument panel. */
 html[data-style=titanium]{--h1:clamp(46px,5.9vw,96px)}
 html[data-style=titanium] .g-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;min-height:calc(100svh - 74px - 96px)}
 html[data-style=titanium] .g-hero-copy{display:block}
 html[data-style=titanium] .g-hero-stage{grid-column:2;grid-row:1;margin-top:0;padding:22px 22px 24px;border:1px solid var(--line);border-radius:32px;background:var(--glass);box-shadow:0 1px 0 #fff inset,0 40px 90px #08080b17}
 html[data-style=titanium] .g-readout{inset:56px 22px auto}
}

/* Deco: black lacquer and brass. Symmetry, one sunburst and double rules; nothing else. */
html[data-style=deco]{--bg:#0b0a08;--bg-2:#100e0b;--glass:#c9a45c0a;--glass-2:#c9a45c1c;--panel:#110f0b;--ink:#f4ecda;--soft:#f4ecdabd;--dim:#a8997a;--line:#c9a45c66;--hair:#c9a45c33;--btn:#d6b36b;--on-btn:#0b0a08;--iris:linear-gradient(180deg,#f7e6b5 8%,#d4ad5e 46%,#9c7632 56%,#e6c986 92%);--viz:#d6b36b;--glow:#c9a45c;--sans:'Jost','Futura','Century Gothic','Helvetica Neue',Arial,sans-serif;--r:0px;color-scheme:dark}
html[data-style=deco] body{font-size:17px}
html[data-style=deco] :is(h1,h2,h3){font-weight:400;font-stretch:normal;letter-spacing:.07em;line-height:1.06;text-transform:uppercase}
html[data-style=deco] .wordmark{font-size:16px;font-weight:500;font-stretch:normal;letter-spacing:.22em;text-transform:uppercase}
html[data-style=deco] .mast-links a{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
html[data-style=deco] :is(.mast-cta,.g-button,.v-button,.lookup-input button){border-radius:0;background:linear-gradient(180deg,#efd595,#cfa757);color:#0b0a08;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
html[data-style=deco] :is(.g-button,.v-button):hover{box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--viz)}
html[data-style=deco] :is(.g-link,.styles-toggle,#hud button,#hud a){border-radius:0;background:transparent;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
html[data-style=deco] #hud [aria-pressed=true]{background:var(--viz);border-color:var(--viz);color:var(--bg)}
html[data-style=deco] .g-eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.34em;color:var(--viz)}
html[data-style=deco] :is(.g-eyebrow,.g-status) i{border-radius:0;background:var(--viz);transform:rotate(45deg)}
html[data-style=deco] :is(.g-eyebrow,.g-status) i:after{content:none}
html[data-style=deco] :is(.g-readout li,.g-grade,.g-status,.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-creed,.lookup-input,.g-example-inspection){border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=deco] :is(.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-grade,.g-example-inspection){outline:1px solid var(--hair);outline-offset:4px}
html[data-style=deco] :is(.g-steps li>span,.g-measures span,.g-for-grid span,.g-notes-grid span,.g-creed span){background:none;color:var(--viz);letter-spacing:.2em}
html[data-style=deco] .g-halo{top:34px;width:min(780px,128%);height:var(--replica-h);aspect-ratio:auto;border-radius:0;background:repeating-conic-gradient(from -90deg at 50% 100%,#c9a45c52 0 .35deg,transparent .35deg 5deg);-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#000 28%,transparent 96%);mask-image:radial-gradient(farthest-side at 50% 100%,#000 28%,transparent 96%);filter:none;opacity:1;transform:translateX(-50%);animation:none}
html[data-style=deco] .g-frame i{border-color:var(--viz);border-radius:0;opacity:1}
html[data-style=deco] .g-frame b{background:var(--viz);box-shadow:0 0 22px 2px #c9a45c80}
html[data-style=deco] :is(.g-offer dd,.g-readout b,.g-grade>strong,.identity-line strong){font-weight:400;font-stretch:normal;letter-spacing:.03em}
html[data-style=deco] .g-creed li{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
html[data-style=deco] :is(.g-manifesto,.g-standard,.g-how,.g-evidence,.g-proof,.g-for,.g-price,.g-example-notes,.g-made){border-top:3px double var(--line)}
html[data-style=deco] .lookup-block,html[data-style=deco] .site-footer{border-top:3px double var(--line)}
html[data-style=deco] .g-evidence-photo>div{border-radius:0;border-color:var(--line)}
html[data-style=deco] .g-pin{border-radius:0;border-color:var(--viz)}
html[data-style=deco] .g-pin:before{border-radius:0;background:var(--viz);color:#0b0a08;font-family:var(--sans);letter-spacing:.2em}
html[data-style=deco] .g-proof-display:before{display:none}
html[data-style=deco] .g-cert{--c-bg:#0b0a08;--c-ink:#f4ecda;--c-dim:#a8997a;--c-line:#c9a45c5c;--c-iris:linear-gradient(180deg,#f7e6b5 8%,#d4ad5e 46%,#9c7632 56%,#e6c986 92%);border-radius:0;background:var(--c-bg);outline:1px solid #c9a45c40;outline-offset:5px;font-family:var(--sans)}
html[data-style=deco] :is(.g-cert-brand b,.g-cert-card h3){font-weight:400;font-stretch:normal;letter-spacing:.08em;text-transform:uppercase}
html[data-style=deco] :is(.g-cert-grade strong,.g-cert-scores dd,.g-price-number){font-weight:300;font-stretch:normal;letter-spacing:.01em}
html[data-style=deco] .g-cert-foot img{border-radius:0}
html[data-style=deco] :is(.cert-qr,.print-label,.amendment){border-radius:0}

@media(min-width:941px){
 /* Deco centres everything on one axis, with the fan rising behind the card. */
 html[data-style=deco]{--h1:clamp(40px,7.3vw,110px)}
 html[data-style=deco] .g-hero{display:flex;flex-direction:column;align-items:center;text-align:center}
 html[data-style=deco] .g-hero-copy{display:flex;flex-direction:column;align-items:center}
 html[data-style=deco] .g-hero h1{letter-spacing:.08em;line-height:1.04}
 html[data-style=deco] .g-hero h1:after{content:'';display:block;width:132px;height:7px;margin:30px auto 0;border-block:1px solid var(--line)}
 html[data-style=deco] .g-hero .g-eyebrow:before,html[data-style=deco] .g-hero .g-eyebrow:after{content:'';width:64px;height:1px;background:var(--line)}
 html[data-style=deco] .g-hero .g-eyebrow i{display:none}
 html[data-style=deco] .g-lead{max-width:34em}
 html[data-style=deco] .g-actions{justify-content:center}
 html[data-style=deco] .g-offer{text-align:left}
 html[data-style=deco] .g-hero-stage{width:min(860px,100%);margin-top:48px}
 html[data-style=deco] .g-readout li{width:140px;text-align:left}
 html[data-style=deco] .g-head{display:block;text-align:center}
 html[data-style=deco] .g-head .g-eyebrow{justify-content:center}
 html[data-style=deco] .g-head>p:not(.g-eyebrow){margin:22px auto 0}
}

/* Aurora: black ice under a cold curtain of light. Ice into green; nothing pastel. */
html[data-style=aurora]{--bg:#03070a;--bg-2:#060c10;--glass:#0a151b;--glass-2:#10212a;--panel:#081116;--ink:#f4f9f9;--soft:#f4f9f9d6;--dim:#aebdc0;--line:#b9efe23d;--hair:#b9efe221;--btn:#f4f9f9;--on-btn:#03070a;--iris:linear-gradient(100deg,#e6fff7,#62e8c6 46%,#1fb4c6);--viz:#62e8c6;--glow:#1fb4c6;--r:8px;color-scheme:dark}
html[data-style=aurora] .g-i1{stop-color:#d6fff3}html[data-style=aurora] .g-i2{stop-color:#62e8c6}html[data-style=aurora] .g-i3{stop-color:#25b9c4}html[data-style=aurora] .g-i4{stop-color:#178aa6}
html[data-style=aurora] :is(h1,h2,h3){font-weight:600;font-stretch:100%;letter-spacing:-.04em}
html[data-style=aurora] .wordmark{font-stretch:100%}
html[data-style=aurora] :is(.mast-cta,.g-button,.v-button,.g-link,.styles-toggle,.lookup-input,.lookup-input button,.g-status,.g-readout li,.g-grade,#hud button,#hud a){border-radius:8px}
html[data-style=aurora] :is(.g-readout li,.g-grade,.g-status,.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-creed,.lookup-input,.g-example-inspection){-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=aurora] .g-readout li,html[data-style=aurora] .g-status{background:#050b0ee6}
html[data-style=aurora] .g-halo{top:-30px;width:min(680px,124%);height:calc(var(--replica-h) + 90px);aspect-ratio:auto;border-radius:0;background:linear-gradient(90deg,transparent 3%,#3df2b947 15%,transparent 26%,#1fc7d452 40%,#3df2b924 51%,transparent 60%,#1c6fd647 73%,transparent 90%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 58%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 58%,transparent);filter:blur(20px);opacity:1;transform:translateX(-50%) skewX(-10deg);animation:none}
html[data-style=aurora] .g-proof-display:before{background:radial-gradient(closest-side,#1fc7d459,transparent);filter:blur(40px);opacity:1}
html[data-style=aurora] .g-cert{--c-bg:#050b0e;--c-iris:linear-gradient(100deg,#e6fff7,#62e8c6 46%,#1fb4c6);border-radius:12px;background:var(--c-bg)}

/* Galaxy: deep space, one horizon and a little starlight. */
html[data-style=galaxy]{--bg:#04050b;--bg-2:#070912;--glass:#ffffff0a;--glass-2:#ffffff14;--panel:#0a0c16;--ink:#f7f5f0;--soft:#f7f5f0d1;--dim:#a6a8b8;--line:#ffffff30;--hair:#ffffff1a;--btn:#f7f5f0;--on-btn:#04050b;--iris:linear-gradient(100deg,#fff,#ffe2b0 46%,#ffac52);--viz:#ffc56e;--glow:#ffac52;color-scheme:dark}
html[data-style=galaxy] .g-i1{stop-color:#fff4dc}html[data-style=galaxy] .g-i2{stop-color:#ffd791}html[data-style=galaxy] .g-i3{stop-color:#eda348}html[data-style=galaxy] .g-i4{stop-color:#ffe2b0}
html[data-style=galaxy] body{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 80% 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}
html[data-style=galaxy] .mast{background:#04050bcc}
html[data-style=galaxy] .g-hero{overflow:hidden;max-width:none}
/* The horizon is one gradient: a disc of the page colour, a bright rim, and light falling away above it. */
html[data-style=galaxy] .g-hero{--horizon:max(1100px,85vw)}
html[data-style=galaxy] .g-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:340px;pointer-events:none;background:radial-gradient(circle var(--horizon) at 50% calc(190px + var(--horizon)),var(--bg) calc(var(--horizon) - 1.5px),#ffe9c4 calc(var(--horizon) - .5px),#ffac52b3 calc(var(--horizon) + 2px),#ffac5252 calc(var(--horizon) + 34px),#ffac521f calc(var(--horizon) + 100px),transparent calc(var(--horizon) + 190px))}
html[data-style=galaxy] .g-hero>*{position:relative;z-index:1}
html[data-style=galaxy] .g-halo{width:min(720px,126%);border:1px solid #ffffff47;outline:1px solid #ffffff21;outline-offset:44px;background:none;filter:none;opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scaleY(.3);animation:none}
html[data-style=galaxy] .g-frame b{background:var(--viz);box-shadow:0 0 24px 3px #ffac5299}
html[data-style=galaxy] .g-proof-display:before{background:radial-gradient(closest-side,#ffac5247,transparent);filter:blur(46px);opacity:1}
html[data-style=galaxy] .g-cert{--c-bg:#06070f;--c-iris:linear-gradient(100deg,#fff,#ffe2b0 46%,#ffac52);background:radial-gradient(120% 60% at 100% 0,#ffac5224,transparent 60%),var(--c-bg)}

/* Blueprint: the analysis drawn as a technical sheet. Navy, platinum line and brass. */
html[data-style=blueprint]{--bg:#06101b;--bg-2:#081524;--glass:#081727e6;--glass-2:#0e2238;--panel:#081524;--ink:#eef4fa;--soft:#eef4fad6;--dim:#a3b6ca;--line:#a9c8e85e;--hair:#a9c8e82b;--btn:#e3c57f;--on-btn:#06101b;--iris:linear-gradient(180deg,#f0d898,#cba353);--viz:#e3c57f;--glow:#e3c57f;--sans:'Jost','Futura','Century Gothic','Helvetica Neue',Arial,sans-serif;--r:2px;color-scheme:dark}
html[data-style=blueprint] body{font-size:17px}
html[data-style=blueprint] .mast{background:#06101be6}
html[data-style=blueprint] :is(h1,h2,h3){font-weight:400;font-stretch:normal;letter-spacing:-.018em;line-height:1.02}
html[data-style=blueprint] :is(h1,h2) em{background:none;color:var(--viz)}
html[data-style=blueprint] .wordmark{font-size:16px;font-weight:500;font-stretch:normal;letter-spacing:.2em;text-transform:uppercase}
html[data-style=blueprint] .mast-links a{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
html[data-style=blueprint] :is(.mast-cta,.g-button,.v-button,.lookup-input button){border-radius:2px;font-size:12.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}
html[data-style=blueprint] :is(.g-button,.v-button):hover{box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--viz)}
html[data-style=blueprint] :is(.g-link,.styles-toggle,#hud button,#hud a){border-radius:2px;background:transparent;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
html[data-style=blueprint] #hud [aria-pressed=true]{background:var(--viz);border-color:var(--viz);color:var(--bg)}
html[data-style=blueprint] .g-eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.3em}
html[data-style=blueprint] :is(.g-eyebrow,.g-status) i{border-radius:0;background:none;box-shadow:inset 0 0 0 1.5px var(--viz)}
html[data-style=blueprint] :is(.g-eyebrow,.g-status) i:after{content:none}
html[data-style=blueprint] :is(.g-readout li,.g-grade,.g-status,.g-measures article,.g-steps li,.g-for-grid article,.g-notes-grid article,.g-included li,.g-creed,.lookup-input,.g-example-inspection){border-radius:2px;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=blueprint] :is(.g-steps li>span,.g-measures span,.g-for-grid span,.g-notes-grid span,.g-creed span){background:none;color:var(--viz);letter-spacing:.2em}
html[data-style=blueprint] .g-creed li{font-size:13px;letter-spacing:.13em;text-transform:uppercase}
html[data-style=blueprint] .g-halo,html[data-style=blueprint] .g-proof-display:before{display:none}
/* The stage is the sheet: rules along two edges, centre lines, dimension notes and a title block. */
html[data-style=blueprint] .g-hero-stage{align-items:stretch;border:1px solid var(--line);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 16px) 0 0/100% 7px no-repeat,repeating-linear-gradient(var(--line) 0 1px,transparent 1px 16px) 0 0/7px 100% no-repeat,#071423}
html[data-style=blueprint] .g-status{align-self:flex-start;margin:16px 0 0 18px;border-radius:0;background:var(--bg)}
html[data-style=blueprint] .g-slot:before{content:'';position:absolute;left:50%;top:0;height:var(--replica-h);border-left:1px dashed var(--hair)}
html[data-style=blueprint] .g-slot:after{content:'';position:absolute;left:0;right:0;top:calc(var(--replica-h)*.5);border-top:1px dashed var(--hair);pointer-events:none}
html[data-style=blueprint] .g-frame i{border-color:var(--viz);border-radius:0;opacity:1}
html[data-style=blueprint] .g-frame b{background:var(--viz);box-shadow:0 0 20px 2px #e3c57f80}
html[data-style=blueprint] .g-readout{inset:52px 18px auto}
html[data-style=blueprint] .g-readout li{width:112px;padding:0;border:0;border-radius:0;background:none}
html[data-style=blueprint] .g-readout li:before{content:'';position:absolute;top:50%;width:30px;height:1px;background:var(--line)}
html[data-style=blueprint] .g-readout li:nth-child(-n+2):before{left:calc(100% + 6px)}html[data-style=blueprint] .g-readout li:nth-child(n+3):before{right:calc(100% + 6px)}
html[data-style=blueprint] .g-readout b{margin-top:1px;font-size:32px;font-weight:300;font-stretch:normal;letter-spacing:0;color:var(--viz)}
html[data-style=blueprint] .g-readout li:after{height:7px;margin-top:7px;border-radius:0;border-inline:1px solid var(--line);background:linear-gradient(90deg,var(--viz) calc(var(--v)*100%),var(--line) 0) center/100% 1px no-repeat}
html[data-style=blueprint] .g-grade{width:auto;margin:18px 0 0;padding:14px 18px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--bg-2)}
html[data-style=blueprint] .g-grade:hover{transform:none}
html[data-style=blueprint] :is(.g-grade>strong,.g-offer dd,.identity-line strong){background:none;color:var(--viz);font-weight:400;font-stretch:normal;letter-spacing:0}
html[data-style=blueprint] .g-offer dd{color:var(--ink)}
html[data-style=blueprint] .identity-line strong{color:var(--ink)}
html[data-style=blueprint] .g-grade>strong small{-webkit-text-fill-color:var(--dim)}
html[data-style=blueprint] .under{padding-bottom:6px}
html[data-style=blueprint] :is(.g-manifesto,.g-standard,.g-how,.g-evidence,.g-proof,.g-for,.g-price,.g-example-notes,.g-made){border-top:1px solid var(--line)}
html[data-style=blueprint] .g-viz{background:linear-gradient(var(--hair) 1px,transparent 1px) 0 0/100% 16px,linear-gradient(90deg,var(--hair) 1px,transparent 1px) 0 0/16px 100%}
html[data-style=blueprint] .g-viz .a{stroke:var(--viz)}
html[data-style=blueprint] .g-evidence-photo>div{border-radius:2px}
html[data-style=blueprint] .g-pin{border-radius:0;border-color:var(--viz)}
html[data-style=blueprint] .g-pin:before{border-radius:0;background:var(--viz);color:#06101b;font-family:var(--sans);letter-spacing:.2em}
html[data-style=blueprint] .g-cert{--c-bg:#06101b;--c-ink:#eef4fa;--c-dim:#a3b6ca;--c-line:#a9c8e85e;--c-iris:linear-gradient(180deg,#f0d898,#cba353);border-radius:2px;background:var(--c-bg);font-family:var(--sans)}
html[data-style=blueprint] :is(.g-cert-brand b,.g-cert-card h3){font-weight:400;font-stretch:normal;letter-spacing:.06em;text-transform:uppercase}
html[data-style=blueprint] :is(.g-cert-grade strong,.g-cert-scores dd,.g-price-number){font-weight:300;font-stretch:normal;letter-spacing:0}
html[data-style=blueprint] :is(.g-cert-foot img,.cert-qr,.print-label,.amendment,.mark){border-radius:0}
@media(min-width:941px){
 /* Aurora sets copy and card side by side, the curtain behind the card. */
 html[data-style=aurora]{--h1:clamp(50px,6.9vw,110px)}
 html[data-style=aurora] .g-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;min-height:calc(100svh - 74px - 96px)}
 html[data-style=aurora] .g-hero-copy{display:block}
 html[data-style=aurora] .g-hero-stage{grid-column:2;grid-row:1;margin-top:0}
 /* Galaxy centres everything over the horizon. */
 html[data-style=galaxy]{--h1:clamp(54px,9.2vw,146px)}
 html[data-style=galaxy] .g-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:var(--gutter)}
 html[data-style=galaxy] .g-hero-copy{display:flex;flex-direction:column;align-items:center}
 html[data-style=galaxy] .g-lead{max-width:34em}
 html[data-style=galaxy] .g-actions{justify-content:center}
 html[data-style=galaxy] .g-offer{text-align:left}
 html[data-style=galaxy] .g-hero-stage{width:min(820px,100%);margin-top:44px}
 html[data-style=galaxy] .g-readout li{width:136px;text-align:left}
 /* Blueprint keeps the full-width headline; the sheet rises beside its second line. */
 html[data-style=blueprint]{--h1:clamp(54px,8.5vw,136px)}
 html[data-style=blueprint] .g-hero h1{letter-spacing:-.03em}
}

/* Narrower screens. */
@media(max-width:1180px){
 .g-readout,html[data-style=titanium] .g-readout{position:static;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:18px}
 .g-readout li,.g-readout li:nth-child(n),html[data-style=galaxy] .g-readout li,html[data-style=blueprint] .g-readout li{position:static;width:auto}
 .mast-links{gap:22px}.mast-links a.g-only:nth-child(4){display:none}
 html[data-style=blueprint] .g-readout{margin:18px 18px 0;width:auto}html[data-style=blueprint] .g-readout li:before{content:none}
}
@media(max-width:940px){
 :root{--replica-h:420px;--h1:clamp(50px,13.6vw,112px)}
 .mast{height:66px;gap:12px}.mast-links a{display:none}.mast-links a.deck-link{display:inline}.mast-cta{display:none}
 .g-hero{padding-top:34px}
 .g-hero-stage{margin-top:40px}
 .g-head,.g-manifesto,.g-evidence,.g-proof,.lookup-block,.g-example-layout{display:block}
 .g-head>p:not(.g-eyebrow){margin-top:20px}
 .g-manifesto-body{margin-top:30px}
 .g-creed,.g-steps,.g-measures{grid-template-columns:repeat(2,1fr)}
 .g-how-body:has(.g-how-figure){display:block}.g-how-figure{width:min(74%,300px);margin:0 auto 44px}
 .g-creed li:nth-child(3){border-left:0}.g-creed li:nth-child(n+3){border-top:1px solid var(--hair)}
 .g-made .g-steps,.g-for-grid,.g-notes-grid,.g-included{grid-template-columns:1fr}
 .g-steps h3,.g-for-grid h3,.g-notes-grid h3{margin-top:44px}
 .g-evidence-copy,.g-proof-display,.g-example-report{margin-top:40px}
 .g-price-main,.g-launch,.g-standard-foot,.g-example-head{display:block}
 .g-price-tag{margin-top:38px}.g-price-tag p:last-child{text-align:left}
 .g-launch .g-button,.g-standard-foot .g-link,.g-standard-foot .g-button{margin-top:22px}
 .g-example-head>p{margin-top:22px;text-align:left}
 #lookup{margin-top:30px}
 .g-footer{display:block}.g-footer p{margin:8px 0 18px}
 body:not(.home) .stage{display:flex;flex-direction:column;gap:20px}body:not(.home) .replica-wrap{height:430px}
}
@media(max-width:560px){
 .wordmark{font-size:17px;gap:9px}.seal-set{width:28px;height:28px}
 .styles-toggle{padding:9px 12px}
 .g-readout,html[data-style=titanium] .g-readout{grid-template-columns:repeat(2,1fr)}
 .g-offer>div{padding-right:22px}.g-offer>div+div{padding-left:22px}.g-offer dd{font-size:24px}
 .g-creed,.g-steps,.g-measures{grid-template-columns:1fr}
 .g-creed li+li{border-left:0;border-top:1px solid var(--hair)}
 .g-cert-label,.g-cert-scores,.g-cert-finding,.g-cert-foot,.g-cert-flag{padding-left:20px;padding-right:20px}
 .g-cert-grade strong{font-size:60px}.g-cert-card h3{font-size:26px}.g-cert-scores{gap:12px}.g-cert-scores dd{font-size:21px}
 .lookup-input button span{display:none}
 .g-actions .g-button,.g-actions .g-link{width:100%;justify-content:space-between}
 .g-price-number{font-size:27vw}
 /* Capitals take more room: the Deco headline and the spaced wordmarks give some back on the narrowest phones. */
 html[data-style=deco]{--h1:clamp(36px,13vw,112px)}
}
@media(max-width:400px){
 html[data-style=deco] .mast,html[data-style=blueprint] .mast{gap:8px}
 html[data-style=deco] .wordmark,html[data-style=blueprint] .wordmark{gap:7px;font-size:12.5px;letter-spacing:.12em}
 html[data-style=deco] .mast-links a,html[data-style=blueprint] .mast-links a{letter-spacing:.08em}
 html[data-style=deco] .styles-toggle,html[data-style=blueprint] .styles-toggle{gap:6px;padding:9px;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.g-proof-display .g-cert{transform:none}}
@media print{
 .mast,.site-footer,.g-example-head,.g-example-inspection,.g-example-actions,.g-example-notes,.replica-wrap,.under,.evidence,.lookup-block,.pitch-footer{display:none!important}
 body,main{background:#fff!important;color:#000!important;padding:0!important;margin:0!important}
 .g-example-layout{display:block;padding:0}
 .g-example-report .g-cert{--c-bg:#fff;--c-ink:#111;--c-dim:#555;--c-line:#1113;max-width:150mm;margin:10mm auto;box-shadow:none;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .g-example-report .g-cert-grade strong{background:none;color:#111}
 body:not(.example-page) .stage,body:not(.example-page) aside#certificate{display:block!important;position:static!important;transform:none!important;visibility:visible!important;width:auto!important;height:auto!important;border:0!important;background:#fff!important;color:#000!important;padding:0!important;box-shadow:none!important}
 body:not(.example-page) aside#certificate>*{display:none!important}body:not(.example-page) aside#certificate details,body:not(.example-page) aside#certificate .print-label{display:block!important}
 details>*:not(.print-label){display:none!important}
}

/* Three areas of two measures, population, value and the family (2026-10-01). */
.g-measures.g-six{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-auto-flow:column}
.g-readout span{white-space:nowrap;letter-spacing:.1em}
@media(min-width:1181px){html[data-style] .g-readout li{width:max-content;min-width:122px}}
.g-readout li.g-pop:after{content:none}
.g-readout small{display:block;margin-top:6px;font:400 9.5px/1.3 var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--dim)}
.g-value{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%;align-items:center}
.g-value-copy h2{margin:22px 0 28px}
.g-value-copy p:not(.g-eyebrow):not(.g-note){max-width:27em;margin-top:14px;font-size:17px;line-height:1.6;color:var(--soft)}
.g-value-display{display:grid;place-items:center}
.g-value-panel{width:min(100%,540px);padding:26px 28px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.g-value-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.g-value-panel header small{display:block;font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.g-value-panel header b{display:block;margin-top:5px;font-size:18px;font-weight:540;letter-spacing:-.025em}
.g-value-panel header em{flex:none;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font:500 9.5px/1 var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.g-value-number{margin-top:22px;font-size:clamp(68px,7.4vw,112px);font-weight:560;font-stretch:112%;letter-spacing:-.065em;line-height:.86;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-value-number span{margin-right:3px;font-size:.42em;line-height:1.5;vertical-align:top}
.g-value-range{margin-top:12px;font:400 12px/1.5 var(--mono);color:var(--dim)}
.g-value-chart{width:100%;height:auto;margin:16px 0 8px;overflow:visible}
.g-value-chart .band{fill:color-mix(in srgb,var(--viz) 13%,transparent)}
.g-value-chart .trend{fill:none;stroke:var(--viz);stroke-width:1.6}
.g-value-chart circle{r:2.6px;fill:var(--ink)}
.g-value-panel dl{border-top:1px solid var(--hair)}
.g-value-panel dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--hair)}
.g-value-panel dt{font:500 10.5px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.g-value-panel dd{font-size:14.5px;text-align:right}
.g-value-panel footer{margin-top:14px;font:400 10.5px/1.5 var(--mono);color:var(--dim)}
.g-family-grid{grid-template-columns:repeat(4,1fr)}
.g-family-grid h3{font-size:clamp(23px,2vw,31px);overflow-wrap:anywhere}
.g-family-grid h3 small{display:block;margin-bottom:7px;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.g-price-from{margin-bottom:18px;font:500 12px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-align:right;color:var(--dim)}
.g-plus{margin-top:14px;padding:18px 24px;border:1px dashed var(--line);border-radius:var(--r);font-size:15px;line-height:1.6;color:var(--soft)}
.g-plus strong{font-weight:560;color:var(--ink)}
.g-ruler{position:relative;margin-bottom:clamp(38px,5vw,64px);padding-top:74px}
.g-ruler:before{content:'';display:block;height:28px;background:linear-gradient(90deg,var(--ink) 1px,transparent 1px) 0 100%/calc((100% - 1px)/9) 28px repeat-x,linear-gradient(90deg,var(--dim) 1px,transparent 1px) 0 100%/calc((100% - 1px)/90) 11px repeat-x}
.g-ruler ol{display:flex;justify-content:space-between;margin-top:10px;font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--dim)}
.g-ruler i{position:absolute;left:calc(var(--at)*(100% - 1px));top:52px;width:2px;height:50px;margin-left:-.5px;border-radius:2px;background:var(--viz);box-shadow:0 0 18px 2px color-mix(in srgb,var(--glow) 70%,transparent)}
.g-ruler i b{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);font-size:38px;font-style:normal;font-weight:540;font-stretch:110%;letter-spacing:-.05em;line-height:1;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
html[data-style=deco] :is(.g-value-panel,.g-plus){border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=deco] .g-value-panel{outline:1px solid var(--hair);outline-offset:4px}
html[data-style=deco] :is(.g-value-number,.g-ruler i b){font-weight:300;font-stretch:normal;letter-spacing:.01em}
html[data-style=deco] :is(.g-value,.g-family,.g-scale){border-top:3px double var(--line)}
html[data-style=blueprint] :is(.g-value-panel,.g-plus){border-radius:2px;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=blueprint] :is(.g-value-number,.g-ruler i b){background:none;color:var(--viz);font-weight:300;font-stretch:normal;letter-spacing:0}
html[data-style=blueprint] :is(.g-value,.g-family,.g-scale){border-top:1px solid var(--line)}
html[data-style=aurora] :is(.g-value-panel,.g-plus){border-radius:12px;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style=titanium] .g-value-panel{box-shadow:0 1px 0 #fff inset,0 18px 44px #08080b0f}
@media(max-width:1180px){
 .g-family-grid{grid-template-columns:repeat(2,1fr)}
 .g-measures.g-six{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-flow:row}
}
@media(max-width:940px){
 .g-value{display:block}.g-value-display{margin-top:40px}
 .g-price-from{text-align:left}
}
@media(max-width:560px){
 .g-family-grid,.g-measures.g-six{grid-template-columns:1fr}
 .g-value-panel{padding:22px 20px 18px}
 .g-readout span{letter-spacing:.06em}
 .g-ruler i b{font-size:30px}
}

/* Authenticity joins the service (2026-10-01). */
.g-included.g-four{grid-template-columns:repeat(4,1fr)}
.g-made .g-steps.g-four{grid-template-columns:repeat(4,1fr)}
.g-authentic .g-fineprint{margin-top:26px}
html[data-style=deco] .g-authentic{border-top:3px double var(--line)}
html[data-style=blueprint] .g-authentic{border-top:1px solid var(--line)}
@media(max-width:1180px){.g-included.g-four,.g-made .g-steps.g-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:940px){.g-included.g-four{grid-template-columns:1fr}}
@media(max-width:560px){.g-made .g-steps.g-four{grid-template-columns:1fr}}
/* 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)}
/* Styles panel, shared by both families so it reads the same wherever it opens. */
.styles-panel{position:absolute;right:0;top:calc(100% + 12px);width:372px;max-height:min(78vh,640px);overflow:auto;padding:14px;background:#0e0e11f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f5f5f7;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 30px 90px #000a;font:400 13px/1.4 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;text-align:left;text-transform:none;z-index:30}
.styles-panel .picker-heading{display:none}
.styles-panel .picker-family+.picker-family{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff1c}
.styles-panel .picker-family-name{padding:2px 4px 8px;font-size:15px;font-weight:600;letter-spacing:-.02em;color:#f5f5f7}
.styles-panel .picker-family-name span{margin-left:8px;font:400 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0;color:#8a8a94}
.styles-panel .picker-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.styles-panel .picker-group+.picker-group{margin-top:10px}
.styles-panel .picker-sub,.styles-panel .picker-group+.picker-group .picker-sub{grid-column:1/-1;margin:0;padding:0 4px;border:0;font:500 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a8a94}
.styles-panel .style-option{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:auto;min-width:0;padding:6px 6px 9px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.styles-panel .style-option:hover{background:#ffffff0d}
.styles-panel .style-option[aria-pressed=true]{background:#ffffff12;border-color:#d6b36b}
.styles-panel .style-option strong{display:block;padding:0 2px;font-size:12px;font-weight:560;letter-spacing:-.005em}
.styles-panel .style-option small,.styles-panel .style-check{display:none}
.styles-panel .style-preview{position:relative;display:block;width:auto;height:58px;border-radius:8px;overflow:hidden;background:#050506;color:#f5f5f7}
.styles-panel .style-preview i,.styles-panel .style-preview b{position:absolute;display:block;transform:none;border:0}
/* A headline bar and a card: enough to tell the six pages apart. */
.styles-panel .page-option .style-preview i{left:9px;top:13px;width:34%;height:5px;border-radius:2px;background:currentColor;font-size:0;box-shadow:0 10px 0 -1px currentColor}
.styles-panel .page-option .style-preview b{right:11px;top:9px;width:28px;height:40px;border-radius:4px;background:currentColor;opacity:.9}
.styles-panel .preview-noir{background:#050506;color:#f5f5f7;box-shadow:inset 0 0 0 1px #ffffff1f}.styles-panel .preview-noir b{background:linear-gradient(135deg,#8fd0ff,#b3a4ff 36%,#f7a6d8 68%,#ffd9a8)}
.styles-panel .preview-titanium{background:#f2f2f5;color:#08080b}.styles-panel .preview-titanium b{background:linear-gradient(135deg,#1f7ae0,#6a4cf0 36%,#d93f9d 68%,#f08a2e)}
.styles-panel .preview-aurora{background:linear-gradient(100deg,transparent 52%,#3df2b93d 66%,transparent 76%,#1c6fd63d 90%,transparent),#03070a;color:#f4f9f9;box-shadow:inset 0 0 0 1px #b9efe233}.styles-panel .preview-aurora b{background:linear-gradient(135deg,#e6fff7,#62e8c6 46%,#1fb4c6)}
.styles-panel .preview-deco{background:#0b0a08;color:#f4ecda;box-shadow:inset 0 0 0 1px #c9a45c66}.styles-panel .preview-deco b{background:linear-gradient(180deg,#efd595,#cfa757);border-radius:0}
.styles-panel .preview-blueprint{background:linear-gradient(#a9c8e826 1px,transparent 1px) 0 0/100% 10px,linear-gradient(90deg,#a9c8e826 1px,transparent 1px) 0 0/10px 100%,#06101b;color:#eef4fa;box-shadow:inset 0 0 0 1px #a9c8e84d}.styles-panel .preview-blueprint b{background:none;border-radius:0;box-shadow:inset 0 0 0 1.5px #e3c57f}
.styles-panel .preview-galaxy{background:radial-gradient(1px 1px at 22% 30%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 48% 68%,#ffffffb3 50%,transparent 52%),radial-gradient(1px 1px at 12% 78%,#ffffff99 50%,transparent 52%),radial-gradient(90% 60% at 50% 128%,#04050b 68%,#ffac52 70%,#ffac5233 82%,transparent),#04050b;color:#f7f5f0;box-shadow:inset 0 0 0 1px #ffffff26}.styles-panel .preview-galaxy b{background:linear-gradient(135deg,#fff,#ffe2b0 46%,#ffac52)}
.styles-panel .preview-obsidian{background:#111210;color:#f0eee7;box-shadow:inset 0 0 0 1px #f0eee71f}.styles-panel .preview-obsidian b{background:#cbb383}
.styles-panel .preview-platinum{background:#eeeee8;color:#22241e}.styles-panel .preview-platinum b{background:#816937}
.styles-panel .preview-folio{background:#f0ebdf;color:#242a24;flex-direction:row}.styles-panel .preview-folio b{background:#866a38}.styles-panel .preview-folio i{width:46%;height:8px}
.styles-panel .icon-option .style-preview{display:grid;place-items:center;background:#ffffff0a}
html .styles-panel .style-preview .brand-seal{position:relative;inset:auto;display:block;width:36px;height:36px;box-shadow:none}
html[data-only=classic] .styles-panel .family-genius,html[data-only=genius] .styles-panel .family-classic{display:none}
html[data-only] .styles-panel .picker-family+.picker-family{margin-top:0;padding-top:0;border-top:0}
@media(max-width:760px){.styles-panel{position:fixed;top:68px;right:4%;left:auto;width:min(372px,92vw);max-height:calc(100dvh - 88px)}}