/* Self-hosted fonts (SIL Open Font License 1.1): nothing is requested from Google. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --sky:#E4F0FC; --apricot:#FFEBD9; --mint:#DEF5E9; --white:#FFFFFF; --cream:#FBFDFF;
  --ink:#1B2733; --ink-2:#44546A;
  --blue:#2A66C7; --blue-d:#1F4F9E; --coral:#B9460F; --green:#1F7A52;
  --line:#C9D8E8;
  --r-s:14px; --r-m:22px; --r-l:32px;
  --head:"Bricolage Grotesque",ui-rounded,"Avenir Next",system-ui,sans-serif;
  --body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--blue-d)}
h1,h2,h3{font-family:var(--head);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.2rem,7vw,4rem);font-weight:800}
h2{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700}
h3{font-size:1.3rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
section{padding:72px 0}
.sky{background:var(--sky)} .apricot{background:var(--apricot)} .mint{background:var(--mint)} .white{background:var(--white)}
.eyebrow{font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.lede{font-size:1.2rem;color:var(--ink-2);max-width:40em}
.ul{position:relative;display:inline-block;white-space:nowrap}
.ul svg{position:absolute;left:0;bottom:-.28em;width:100%;height:.35em;overflow:visible}
.ul svg path{fill:none;stroke:var(--coral);stroke-width:4;stroke-linecap:round}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font:700 1rem var(--body);text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-d)}
.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:#9A3A0B}
.btn-line{background:#fff;color:var(--ink);border-color:var(--ink)}

/* nav */
header{background:var(--cream);border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;max-width:1080px;margin:0 auto}
.logo{font:800 1.5rem var(--head);text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px}
.nav a.small{font-weight:700;text-decoration:none;color:var(--ink)}

.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.bubble{position:relative;background:#fff;border-radius:var(--r-m);padding:16px 20px;box-shadow:0 2px 0 rgba(27,39,51,.08);max-width:34em}
.bubble.me{background:var(--blue);color:#fff;border-bottom-right-radius:6px}
.bubble.ai{border-bottom-left-radius:6px}
.who{display:block;font-weight:700;font-size:.8rem;letter-spacing:.04em;margin-bottom:4px;opacity:.85}

/* video tile */
.tile{background:#fff;border:2px solid var(--ink);border-radius:var(--r-l);padding:12px;box-shadow:8px 8px 0 var(--apricot)}
.tile-screen{aspect-ratio:16/9;border-radius:22px;background:linear-gradient(135deg,#D7E8FA,#E9F7F0);display:grid;place-items:center;position:relative;text-align:center;padding:16px}
.avatar{width:84px;height:84px;border-radius:50%;background:var(--apricot);border:3px solid #fff;display:grid;place-items:center;font:800 2rem var(--head);color:var(--coral);margin:0 auto 10px}
.tile-name{position:absolute;left:14px;bottom:12px;background:#fff;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}
.tile-tag{position:absolute;right:14px;top:12px;background:#fff;border:1px dashed var(--ink-2);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700;color:var(--ink-2)}
.tile-bar{display:flex;justify-content:center;gap:14px;padding:12px 0 2px}
.dot{width:38px;height:38px;border-radius:50%;background:var(--sky);display:grid;place-items:center}
.dot.end{background:#FBD9CB}

/* problem */
.cards3{display:grid;gap:18px;grid-template-columns:1fr}
.card{background:#fff;border-radius:var(--r-m);padding:26px}
.card .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px}

/* how it works: interview */
.thread{display:flex;flex-direction:column;gap:14px;max-width:760px}
.row{display:flex;gap:12px;align-items:flex-end}
.row.right{flex-direction:row-reverse}
.pic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 1rem var(--head)}
.pic.g{background:#fff;color:var(--green);border:2px solid var(--green)}
.pic.u{background:var(--blue);color:#fff}
.row .bubble{max-width:calc(100% - 52px)}
.step{display:inline-block;font:800 .8rem var(--head);background:var(--apricot);border-radius:999px;padding:2px 10px;margin-bottom:6px;color:#8A3608}

/* doors */
.doors{display:grid;gap:22px;grid-template-columns:1fr}
.door{border-radius:var(--r-l);padding:32px 26px;background:#fff;display:flex;flex-direction:column;border:2px solid var(--ink)}
.door.tomas{background:var(--apricot)}
.price{font:800 2.4rem var(--head);margin:6px 0 2px}
.price small{font:500 .9rem var(--body);color:var(--ink-2)}
.door ul{list-style:none;padding:0;margin:18px 0 24px;flex:1}
.door li{display:flex;gap:10px;padding:7px 0;align-items:flex-start}
.door li svg{flex:none;margin-top:4px}
.badge{align-self:flex-start;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-weight:700;font-size:.8rem;margin-bottom:10px}

/* before/after */
.ask{max-width:760px;margin:0 0 28px}
.compare{display:grid;gap:22px;grid-template-columns:1fr}
.chat{background:#fff;border-radius:var(--r-l);padding:20px;border:2px solid var(--line)}
.chat.good{border-color:var(--green)}
.chat h3{display:flex;align-items:center;gap:8px;font-size:1.05rem}
.chat .bubble{box-shadow:none;background:#EEF2F6;max-width:100%;font-size:.98rem}
.chat.good .bubble{background:var(--mint)}
.note{font-size:.9rem;color:var(--ink-2);margin-top:18px}

/* privacy */
.priv{display:grid;gap:26px;grid-template-columns:1fr;align-items:center}
.lock{width:120px;height:120px;border-radius:50%;background:#fff;display:grid;place-items:center}

/* faq */
.faq{max-width:760px}
details{background:#fff;border-radius:var(--r-m);margin-bottom:12px;border:2px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font:700 1.1rem var(--head);position:relative;min-height:48px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:700 1.6rem var(--body);color:var(--blue-d)}
details[open] summary::after{content:"\2212"}
details p{padding:0 22px 20px;margin:0;color:var(--ink-2)}

/* final cta + footer */
.final{text-align:center}
.final .cta-row{justify-content:center}
footer{background:var(--sky);padding:40px 0;font-size:.95rem;color:var(--ink-2);border-top:1px solid var(--line)}
footer a{color:var(--ink)}
.foot{display:grid;gap:14px}

@media (min-width:760px){
  section{padding:96px 0}
  .cards3{grid-template-columns:repeat(3,1fr)}
  .doors{grid-template-columns:1fr 1fr}
  .compare{grid-template-columns:1fr 1fr}
  .priv{grid-template-columns:140px 1fr}
  .row .bubble{max-width:75%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* struck price, forms, pages */
.strike{text-decoration:line-through;color:var(--ink-2);font:500 1.1rem var(--body);margin-right:8px}
.off{display:inline-block;background:var(--mint);color:var(--green);border-radius:999px;padding:2px 10px;font:700 .8rem var(--body);vertical-align:middle;margin-left:6px}
.launch{font-weight:700;font-size:.85rem;color:var(--coral);letter-spacing:.04em;text-transform:uppercase;margin:0}
form.buy{margin:0}
form.buy .btn{width:100%;cursor:pointer}
.small-link{display:block;margin-top:12px;font-size:.92rem;color:var(--ink-2)}
.fit{display:grid;gap:18px;grid-template-columns:1fr}
.fit ul{margin:0;padding-left:1.2em}.fit li{margin:.4em 0}
.slot{border:2px dashed var(--ink-2);border-radius:var(--r-m);padding:20px;background:#fff;color:var(--ink-2)}
.slot strong{color:var(--ink);display:block;margin-bottom:4px}
.field{display:block;margin:0 0 16px}
.field span{display:block;font-weight:700;margin-bottom:6px}
input[type=text],input[type=email],select,textarea{width:100%;font:inherit;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
textarea{min-height:110px}
.panel{background:#fff;border-radius:var(--r-l);padding:28px;border:2px solid var(--ink);max-width:640px}
.check{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px}.check input{margin-top:6px;width:20px;height:20px}
.page{padding:56px 0 80px}
.prose{max-width:720px}.prose h3{margin-top:1.6em}
.waitlist{background:var(--apricot);border-radius:var(--r-m);padding:14px 18px;font-weight:700}
@media (min-width:760px){.fit{grid-template-columns:1fr 1fr 1fr}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}}
.door li{display:block;position:relative;padding-left:30px}
.door li::before{content:"";position:absolute;left:0;top:.7em;width:18px;height:10px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg) translateY(-6px)}
.door.tomas li::before{border-color:var(--coral)}
.bubble.plain{background:#EEF2F6}

body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}

.giftcard{max-width:420px;margin:18px 0 0;background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);padding:34px 28px;text-align:center;box-shadow:8px 8px 0 var(--apricot)}
.giftcard p{margin:0 0 10px}.gc-small{font-size:.9rem;color:var(--ink-2);font-weight:500}
.gc-title{font:800 1.7rem/1.15 var(--head);color:var(--ink)}.gc-line{font:italic 500 1.1rem var(--body);color:var(--ink);margin:18px 0 !important}

.tile video{display:block;width:100%;aspect-ratio:16/9;border-radius:22px;background:var(--sky);object-fit:cover}
.tile.demo{box-shadow:8px 8px 0 var(--mint)}
.tile figcaption{margin:10px 0 2px;text-align:center;font-size:.95rem;color:var(--ink-2)}


.cert-frame{background:#fff;border:2px solid var(--ink);border-radius:var(--r-l);padding:48px 28px;text-align:center;box-shadow:10px 10px 0 var(--apricot);outline:6px solid #fff;outline-offset:-14px;position:relative}
.cert-frame::after{content:"";position:absolute;inset:12px;border:1px solid var(--line);border-radius:22px;pointer-events:none}
.cert-name{font:800 clamp(2rem,6vw,3.2rem)/1.1 var(--head);margin:10px 0 14px;overflow-wrap:anywhere}
.cert-line{font-size:1.15rem;color:var(--ink-2);margin:0 0 6px}.cert-title{font:800 1.5rem/1.2 var(--head);margin:0 0 18px}
.cert-small{font-size:.9rem;color:var(--ink-2);margin:0 0 6px;letter-spacing:.02em}.cert-sign{margin:18px 0 0}
.cert-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:32px 0 14px}
.cert-actions .btn{min-width:200px}

/* ---- round 2: two-UI rule (phone chat for explainers, Claude desktop window for outputs), pills, modal, diagram ---- */
html{scroll-padding-top:16px}
[id]{scroll-margin-top:16px}
.chat-split{display:grid;gap:36px;align-items:center;grid-template-columns:1fr}
@media (min-width:860px){.chat-split{grid-template-columns:1fr 360px;gap:56px}.chat-split.flip{grid-template-columns:360px 1fr}.chat-split.flip .phone{order:-1}}
.chat-text h2{margin-bottom:.4em}
.phone{width:100%;max-width:340px;margin:0 auto;background:#fff;border:2px solid var(--ink);border-radius:36px;padding:10px;box-shadow:8px 8px 0 var(--apricot)}
.p-screen{border-radius:26px;overflow:hidden;background:#F3F7FB;display:flex;flex-direction:column;height:540px}
.p-head{background:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.p-ava{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 .95rem var(--head)}
.p-name{font-weight:700;font-size:.95rem;line-height:1.2}.p-sub{font-size:.75rem;color:var(--ink-2)}
.p-body{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}
.p-input{background:#fff;border-top:1px solid var(--line);padding:10px 12px;color:#8A99AB;font-size:.9rem}
.m{max-width:86%;padding:9px 12px;border-radius:16px;font-size:.93rem;line-height:1.42}
.m.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:5px}
.m.me{background:var(--blue);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.m .step{display:inline-block;font:800 .72rem var(--head);background:var(--apricot);color:#8A3608;border-radius:999px;padding:1px 8px;margin-bottom:4px}
.typing{align-self:flex-start;background:#fff;border-radius:16px;border-bottom-left-radius:5px;padding:11px 14px;display:flex;gap:4px}
.typing i{width:6px;height:6px;border-radius:50%;background:#B7C4D4;animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.phone.armed .m{display:none}.phone.armed .m.show{display:block;animation:pop .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.phone.armed .m{display:block}.typing{display:none}.phone.armed .m.show{animation:none}}
/* a realistic Claude desktop window: only things Claude really has (title bar, project sidebar, conversation, reply box) */
.cwin{background:#fff;border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:8px 8px 0 var(--sky);text-align:left}
.cw-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#F4F1EC;border-bottom:1px solid #E3DED5}
.cw-bar i{width:11px;height:11px;border-radius:50%;background:#D8D2C8}.cw-bar b{margin-left:8px;font:600 .8rem var(--body);color:#5A5348}
.cw-body{display:grid;grid-template-columns:150px 1fr;min-height:260px}
@media (max-width:640px){.cw-body{grid-template-columns:1fr}.cw-side{display:none}}
.cw-side{background:#F8F6F1;border-right:1px solid #E3DED5;padding:12px 10px;font-size:.78rem;color:#5A5348}
.cw-side small{display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:2px 0 6px;color:#8A8377}
.cw-side div{padding:5px 8px;border-radius:7px}.cw-side .on{background:#EBE6DC;color:#2B2822;font-weight:600}
.cw-main{padding:16px 18px;display:flex;flex-direction:column;gap:12px;background:#FBFAF7}
.cw-user{align-self:flex-end;max-width:86%;background:#EFEBE3;border-radius:14px;padding:9px 13px;font-size:.92rem}
.cw-reply{font-size:.95rem;line-height:1.55;color:#2B2822;white-space:pre-line}
.cw-reply .cw-who{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.8rem;margin-bottom:6px;color:#8A3608}
.cw-reply .cw-who i{width:16px;height:16px;border-radius:50%;background:#D97757;display:inline-block}
.cw-box{margin-top:auto;border:1px solid #DDD7CB;border-radius:14px;background:#fff;padding:10px 13px;font-size:.88rem;color:#8A8377}
.cw-pair{display:grid;gap:22px;grid-template-columns:1fr}@media (min-width:900px){.cw-pair{grid-template-columns:1fr 1fr}}
.cw-label{font:700 .85rem var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px}
/* buy pills */
.pillrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 0}
.pillrow.center{justify-content:center}
.pill-main{background:var(--coral);color:#fff}.pill-main:hover{background:#9A3A0B}
.pill-alt{background:#fff;color:var(--ink);border-color:var(--ink)}
/* packages */
.door .tag{align-self:flex-start;background:var(--ink);color:#fff;border-radius:999px;padding:3px 12px;font-weight:700;font-size:.75rem;margin:0 0 10px 8px}
.doors.pkg{align-items:stretch}
@media (min-width:760px){.doors.pkg{grid-template-columns:1.15fr .85fr}}
.door.main{border-color:var(--coral);box-shadow:8px 8px 0 var(--apricot)}
/* modal */
.modal{position:fixed;inset:0;z-index:2147482500;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(27,39,51,.45)}
.modal.open{display:flex}
.modal-card{background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);box-shadow:8px 8px 0 var(--apricot);width:min(600px,100%);max-height:90vh;overflow:auto;padding:24px}
.modal-card h2{font-size:1.5rem;margin:0 0 6px}
.mtabs{display:flex;gap:8px;margin:14px 0 12px}
.mtabs button{min-height:42px;padding:6px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;font:700 .95rem var(--body);cursor:pointer;color:var(--ink)}
.mtabs button[aria-selected=true]{border-color:var(--blue);background:#E4F0FC}
.mtext{background:#F3F7FB;border:1px solid var(--line);border-radius:12px;padding:14px;font:400 .95rem/1.5 var(--body);white-space:pre-wrap;margin:0;max-height:300px;overflow:auto}
.mact{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.mdone{color:var(--green);font-weight:700;min-height:1.4em}
.mclose{float:right;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink-2);min-width:44px;min-height:44px}
/* tool connections */
.conn{max-width:720px;margin:0 auto}.conn>svg{width:100%;height:auto;display:block}
.conn .node rect{fill:#fff;stroke:var(--ink);stroke-width:2;rx:12}.conn .node text{font:700 15px var(--body);fill:var(--ink);text-anchor:middle}
.conn .hub circle{fill:var(--blue)}.conn .hub text{font:800 17px var(--head);fill:#fff;text-anchor:middle}
.conn line{stroke:#9DB4CF;stroke-width:2.5;stroke-dasharray:6 6}
/* platform waitlist */
.platform{background:#fff;border:2px dashed var(--ink-2);border-radius:var(--r-m);padding:18px 20px;margin-top:26px}
.platform p{margin:0 0 10px}.platform form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.platform input[type=email],.platform select{flex:1 1 200px;min-width:0}
/* about */
.about-grid{display:grid;gap:36px;grid-template-columns:1fr;align-items:start}
@media (min-width:860px){.about-grid{grid-template-columns:280px 1fr}}
.photo{width:240px;height:240px;border-radius:50%;background:var(--apricot);border:3px solid #fff;box-shadow:8px 8px 0 var(--sky);display:grid;place-items:center;font:800 5rem var(--head);color:var(--coral);margin:0 auto}
.photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.logos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.logos span{background:#fff;border:2px solid var(--line);border-radius:999px;padding:5px 14px;font-weight:700;font-size:.9rem}

/* round 2b: workshops, team page, small helpers */
.ws{display:grid;gap:22px;grid-template-columns:1fr}@media (min-width:760px){.ws{grid-template-columns:1fr 1fr}}
.ws .door .price small{display:block;margin-top:2px}
.door .fine{font-size:.9rem;color:var(--ink-2);margin:12px 0 0}
.team-page #how .conn{display:none}
.conn-sec .conn{margin-top:0}.conn-sec .conn>h3{display:none}
.plain{padding-left:1.2em;margin:0 0 8px}.plain li{margin:.25em 0}
section.tight{padding:48px 0}
/* no JS or reduced motion: the whole chat is visible, so the phone grows to fit it */
.phone:not(.armed) .p-screen{height:auto;min-height:420px}
.phone:not(.armed) .p-body{overflow:visible}
.tile-screen{padding:44px 16px 40px}
.chat-split>*{min-width:0}
@media (max-width:600px){.ul{white-space:normal}.ul svg{display:none}.pillrow .btn{flex:1 1 100%}}
/* learning-budget (b-) */
.b-year{margin:14px 0 0;font-size:1.02rem;color:var(--ink)}
.b-inv{margin:8px 0 0;text-align:center;font-size:.92rem;color:var(--ink-2)}
.cards4{display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:28px}
@media (min-width:700px){.cards4{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.cards4{grid-template-columns:repeat(4,1fr)}}
#packages{display:block;height:0;scroll-margin-top:210px}
.modal-card .mact .btn{min-height:46px}
.cards4{margin-top:28px}

/* ---- copy deck r2: team, gift, about (c- prefix) ---- */
.c-herofine{margin:16px 0 0;font-size:.95rem;color:var(--ink-2)}
.c-sub{margin:0 0 32px;color:var(--ink-2);max-width:640px}
.c-conn{max-width:860px;margin:48px auto 0}.c-conn>svg{width:100%;height:auto;display:block}
.c-conn>h3{text-align:center;margin-bottom:8px}.c-conn .note{text-align:center}
.c-conn .node rect{fill:#fff;stroke:var(--ink);stroke-width:2;rx:12}.c-conn .node text{font:700 15px var(--body);fill:var(--ink);text-anchor:middle}
.c-conn .hub circle{fill:var(--blue)}.c-conn .hub text{font:800 17px var(--head);fill:#fff;text-anchor:middle}
.c-conn line{stroke:#9DB4CF;stroke-width:2.5;stroke-dasharray:6 6}
.c-quote{margin:32px 0 0;padding:20px 24px;border-left:5px solid var(--coral);background:var(--apricot);border-radius:0 var(--r-l) var(--r-l) 0}
.c-quote-lead{margin:0 0 6px;font-size:.9rem;font-weight:700;color:var(--ink-2)}
.c-quote-text{margin:0;font:700 1.35rem/1.35 var(--head)}
.c-hero-two{display:flex;flex-wrap:wrap;gap:12px}

/* ---- round 2 copy deck (a- prefix) ---- */
.a-navr{display:flex;align-items:center;gap:22px}
.a-teams{display:none;font-weight:700;text-decoration:none;color:var(--ink-2)}
@media (min-width:760px){.a-teams{display:inline}}
.pill-alt.a-link{background:transparent;border-color:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding-left:10px;padding-right:10px}
.pill-alt.a-link:hover{color:var(--blue-d)}
.a-support{margin:20px 0 0;font:700 1.15rem/1.35 var(--head);color:var(--ink);max-width:30em}
.a-small{margin:8px 0 0;font-size:.88rem;color:var(--ink-2)}
.a-bul{list-style:none;padding:0;margin:18px 0 6px}
.a-bul li{position:relative;padding-left:28px;margin:.5em 0;color:var(--ink-2)}
.a-bul li strong{color:var(--ink)}
.a-bul li::before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
.a-with{margin:14px 0 0;color:var(--ink-2)}
.a-fitc h3{margin-bottom:.6em}
.a-fitc ul{list-style:none;margin:0;padding:0}
.a-fitc li{position:relative;padding-left:28px;margin:.6em 0;color:var(--ink-2)}
.a-fitc li::before{content:"";position:absolute;left:2px;top:.5em;width:14px;height:8px;border-left:3px solid var(--coral);border-bottom:3px solid var(--coral);transform:rotate(-45deg)}
.a-who{display:block;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8A8377;margin-bottom:2px}
.a-cap{margin:12px 0 0;font-weight:700;color:var(--ink)}
/* the how-it-works pill duplicates the one after the fit cards on the home page */
body.a-home #how .pillrow:not(.conn-pill){display:none}
/* anchors land with the heading context and both price cards in view */
#packages,#doors{scroll-margin-top:24px}
/* platform picker */
.a-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:0 0 26px}
.a-picker[hidden]{display:none}
.a-pk-t{flex:1 1 100%;margin:0 0 2px;font:700 1.05rem var(--head)}
.a-opt{flex:1 1 180px;display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px solid var(--line);border-radius:var(--r-s);padding:12px 14px;cursor:pointer}
.a-opt input{margin-top:5px;accent-color:var(--blue)}
.a-opt span{display:flex;flex-direction:column;line-height:1.3}
.a-opt small{color:var(--ink-2);font-size:.85rem}
.a-opt:has(input:checked){border-color:var(--blue);background:var(--sky)}
.a-opt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}
.a-soon{display:none;margin:12px 0 0;font-weight:700;color:var(--ink-2)}
.a-pkg.a-js .platform{display:none}
.a-pkg.a-js.a-wait .platform{display:block;margin-top:0}
.a-pkg.a-js .platform select{display:none}
.a-pkg.a-js.a-wait .door form.buy,.a-pkg.a-js.a-wait .door .waitlist{display:none}
.a-pkg.a-js.a-wait .a-soon{display:block}
.a-pkg.a-js.a-wait .door.main{box-shadow:none}
.a-pkg .platform{margin-top:22px}

header .nav a,footer a{display:inline-block;padding:10px 6px;min-height:44px;line-height:1.4}
footer a{padding:12px 6px}
.logo{min-height:44px}

/* round 3: connections as a left-to-right flow */
.conn{max-width:860px}
.flow{display:grid;grid-template-columns:1fr 70px 170px 70px 1fr;align-items:center;margin:22px auto 0;min-height:250px}
.flow ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.flow-in{height:250px;align-content:space-between}.flow-out{height:250px;align-content:center;gap:20px}
.flow li{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font:700 .98rem var(--body);color:var(--ink);min-height:52px}
.flow-in li svg{width:26px;height:26px;flex:none}
.flow-out li{border-width:2px;min-height:60px}.flow-out li svg{width:26px;height:26px;flex:none}
.flow-out .o1{background:var(--mint)}.flow-out .o2{background:var(--apricot)}.flow-out .o3{background:var(--sky)}
.flow-lines{width:100%;height:250px;display:block;overflow:visible}
.flow-hub{background:var(--blue);color:#fff;border-radius:50%;width:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font:800 1.05rem/1.2 var(--head);padding:14px;box-shadow:0 0 0 10px rgba(42,102,199,.14)}
@media (max-width:759px){
  .flow{grid-template-columns:1fr;gap:0;min-height:0}
  .flow-in,.flow-out{height:auto;gap:10px}.flow-in{grid-template-columns:1fr 1fr}
  .flow-lines{height:44px;width:30px;margin:0 auto;transform:rotate(90deg);transform-origin:center;display:none}
  .flow-hub{margin:36px auto;position:relative;width:150px;height:150px}
  .flow-hub::before,.flow-hub::after{content:"\2193";position:absolute;left:50%;transform:translateX(-50%);font:800 1.6rem var(--head);color:var(--blue)}
  .flow-hub::before{top:-34px}.flow-hub::after{bottom:-34px}
}
.cw-label.cw-after{display:inline-block;background:var(--blue);color:#fff;border-radius:999px;padding:6px 14px;letter-spacing:.03em;text-transform:none;font-size:.95rem}
.cw-label.cw-before{display:inline-block;background:#fff;border:2px solid var(--line);border-radius:999px;padding:4px 12px;text-transform:none;font-size:.9rem}

/* team page: two-card choice, notice, 3-step strip */
.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 0;max-width:520px}
.choice-card{display:flex;flex-direction:column;gap:2px;background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);padding:14px 16px;text-decoration:none;color:var(--ink);transition:transform .12s,box-shadow .12s}
.choice-card:hover,.choice-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 0 var(--apricot)}
.choice-t{font:800 1.1rem var(--head)}.choice-s{color:var(--ink-2);font-size:.92rem}.choice-p{font:800 1.5rem var(--head);color:var(--coral);margin-top:6px}
@media (max-width:480px){.choice{grid-template-columns:1fr}}
.notice{display:inline-block;margin:14px 0 0;padding:8px 14px;border-radius:10px;background:#fff;border:2px dashed var(--coral);color:var(--ink);font-weight:700;font-size:.95rem}
.strip{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.strip li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);padding:10px 14px;position:relative}
.strip li small{grid-column:2;color:var(--ink-2);font-size:.92rem}
.strip-n{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font:800 1rem var(--head)}
.strip li+li::before{content:"";position:absolute;left:30px;top:-12px;height:10px;border-left:2px dashed #9DB4CF}
.lede strong{color:var(--ink)}

.redeem-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;max-width:520px;margin-top:14px}.redeem-form .field{flex:1 1 220px}

/* round 3 UX review fixes */
.a-navr a{white-space:nowrap}.a-navr{gap:16px}
.pill-main{overflow-wrap:normal}



/* round 4 */
.kicker{margin:12px 0 0;font-size:1.05rem;color:var(--ink)}
.wsteps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:860px){.wsteps{grid-template-columns:repeat(4,1fr)}}
.wsteps li{background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);padding:16px 18px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2)}
.wsteps .ws-t{font:800 1.05rem var(--head);color:var(--ink)}.wsteps .ws-t small{font-weight:600;color:var(--ink-2)}

/* round 4 UX fixes */
.logo{white-space:nowrap}
#workshops,#gift,#how{scroll-margin-top:24px}
footer a,.note a,.c-herofine a{display:inline-block;padding:12px 0}

.quiet-link{text-align:center;margin:18px 0 0}.quiet-link a{font-weight:700;text-underline-offset:.2em}

@media (max-width:420px){.a-navr{gap:12px}.a-navr a{font-size:.88rem}.logo{font-size:1.1rem}}

/* trust row + other ways */
.trust{margin-top:28px}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:0 0 18px;font-weight:700;font-size:.95rem;color:var(--ink-2)}
.trust-row span{display:inline-flex;align-items:center;gap:8px}
.ways{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:760px){.ways{grid-template-columns:repeat(3,1fr)}}
.ways a{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;background:#fff;border:2px solid var(--line);border-radius:var(--r-m);text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s}
.ways a:hover,.ways a:focus-visible{border-color:var(--ink);transform:translateY(-2px)}
.ways svg{flex:none;color:var(--blue)}
.ways strong{display:block;font:700 1rem var(--body)}.ways small{display:block;color:var(--ink-2);font-size:.88rem}

/* audit fixes (a11y + critique) */
input[type=text],input[type=email],select,textarea{border-color:#6B7C93}
.a-opt{border-color:#6B7C93}
.a-opt:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.a-who{color:#6A6558;font-size:.78rem}
.p-input{color:#5F6F83}
.step,.cw-h,.draft-tag{font-size:.78rem}
.small-link,.quiet-link a,.pill-alt.a-link{display:inline-block;padding:10px 0}
h1,h2{text-wrap:balance}p,li{text-wrap:pretty}
.prose h2{font-size:1.3rem;margin:1.6em 0 .4em}
.a-fitc li::before{border-color:var(--coral)}
.b-cta{justify-content:flex-start}
body.post .a-navr .small,body.post .a-navr .a-teams{display:none}
.card .field input,.panel{border-color:#6B7C93}
@media (max-width:759px){
  footer .foot div{display:flex;flex-wrap:wrap;gap:4px 14px}
  .a-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .a-picker .a-opt{padding:10px;flex:none}
  .a-picker .a-opt small{display:none}
}
.panel{border:2px solid var(--line)}

.fine-block{margin-top:22px;display:grid;gap:8px;justify-items:start;font-size:.92rem;color:var(--ink-2)}.fine-block p{margin:0}
.lock{background:none;width:auto;height:auto;place-items:start}
.priv{align-items:start}
ol.plain{list-style:none;counter-reset:st;padding:0!important;margin:12px 0 8px}
ol.plain li{counter-increment:st;position:relative;padding-left:38px;margin:.5em 0;min-height:28px}
ol.plain li::before{content:counter(st);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 .9rem var(--head)}
.page .card{border:2px solid var(--line)}
.page h1{font-size:clamp(2rem,4vw,2.75rem)}
@media (max-width:759px){.page .btn{width:100%;justify-content:center}}

.ab-toggle{position:fixed;right:14px;bottom:14px;z-index:50;display:flex;background:#fff;border:2px solid var(--ink);border-radius:999px;overflow:hidden;box-shadow:0 6px 18px rgba(27,39,51,.2);font:800 .95rem var(--body)}
.ab-toggle a{padding:8px 16px;text-decoration:none;color:var(--ink)}.ab-toggle a[aria-current]{background:var(--ink);color:#fff}

/* B variant pieces */
.faq-group{margin:28px 0 10px;font:800 1.05rem var(--head);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.proof{display:grid;gap:28px;align-items:center}@media (min-width:860px){.proof{grid-template-columns:1fr 1fr;gap:56px}}
.certmini{background:#fff;border:2px solid var(--ink);border-radius:var(--r-m);padding:34px 28px;text-align:center;box-shadow:0 14px 36px rgba(27,39,51,.14);outline:6px double var(--apricot);outline-offset:-14px}
.cm-small{margin:0;font:700 .78rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.cm-name{margin:14px 0 6px;font:italic 400 2rem Georgia,serif;color:var(--ink)}
.cm-line{margin:0 0 16px;color:var(--ink)}

.timeline{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;max-width:760px;counter-reset:tl}
.timeline li{counter-increment:tl;position:relative;padding:0 0 26px 54px;color:var(--ink-2);display:flex;flex-direction:column;gap:4px}
.timeline li::before{content:counter(tl);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 1rem var(--head)}
.timeline li::after{content:"";position:absolute;left:17px;top:40px;bottom:4px;border-left:2px dashed #9DB4CF}
.timeline li:last-child{padding-bottom:0}.timeline li:last-child::after{display:none}
.tl-t{font:800 1.1rem var(--head);color:var(--ink)}.tl-t small{font-weight:600;color:var(--ink-2)}
.giftgrid{display:grid;gap:32px;align-items:start}
@media (min-width:900px){.giftgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}.giftside{position:sticky;top:24px}}

.quotes{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:860px){.quotes{grid-template-columns:repeat(3,1fr)}}
.quote{margin:0;background:#fff;border:2px solid var(--line);border-radius:var(--r-m);padding:22px}
.quote blockquote{margin:0 0 12px;font:600 1.05rem/1.5 var(--body);color:var(--ink)}.quote figcaption{color:var(--ink-2);font-size:.92rem}

/* round 2 fixes */
.giftpick{border:0;padding:0;margin:0 0 18px;display:grid;gap:10px}
.giftpick legend{font-weight:700;margin-bottom:8px;padding:0}
.gp{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid #6B7C93;border-radius:var(--r-s);padding:14px 16px;cursor:pointer;min-height:64px}
.gp input{margin-top:4px;accent-color:var(--blue)}
.gp span{display:flex;flex-direction:column;gap:2px}.gp small{color:var(--ink-2);font-size:.95rem}.gp b{color:var(--ink);font-size:1.1rem}
.gp:has(input:checked){border-color:var(--blue);background:var(--sky)}.gp:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.choice-card{background:var(--coral);border-color:var(--coral);color:#fff}.choice-card .choice-s{color:#fff;font-weight:700;font-size:1rem}.choice-card:hover{background:#9A3A0B;border-color:#9A3A0B;box-shadow:none}
.choice-t{font-size:1rem}
#proof{padding:48px 0}
@media (max-width:759px){
  .a-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .a-picker .a-opt{flex-direction:column;gap:4px;padding:10px 8px;min-width:0}
  .a-picker .a-opt strong{font-size:.82rem;overflow-wrap:anywhere;line-height:1.2}
}
@media (max-width:420px){.a-teams{display:none}}

.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{left:12px}
.a-navr{display:flex;align-items:center}
.bubble.me .who{opacity:1}
.cw-side small,.cw-box{color:#6A6558}
.plab{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;font-size:.85rem;font-weight:700;color:var(--ink-2)}
.platform .plab input,.platform .plab select{width:100%}
.ab-toggle~footer,body:has(.ab-toggle) footer{padding-bottom:72px}

/* round 3 a11y fixes */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.plab input,.plab select{flex:none;width:100%}
.ab-toggle a:focus-visible{outline-offset:-4px;outline-color:#fff}
.ab-toggle a{padding:11px 18px}
footer .foot div a{margin-right:14px}
h2.eyebrow{font-family:var(--body);line-height:1.4}

.panel button.btn{width:100%}@media (min-width:760px){.panel button.btn{width:auto;min-width:260px}}
/* round 3 UI fixes */
@media (max-width:600px){
  .phone .p-screen{height:auto;min-height:0}
  .phone .p-body{min-height:200px}
  footer .foot div{flex-direction:column;align-items:flex-start;gap:0}
  footer .foot div a{display:block;padding:12px 0;margin-right:0}
}
.a-picker .a-pk-t{grid-column:1/-1;margin:0 0 4px}
.chat-text+.phone,.lede+.card,.lead+.card{margin-top:32px}

.fit{margin-top:22px;padding:14px 18px;background:#fff;border:2px solid var(--line);border-radius:var(--r-m);max-width:640px;color:var(--ink-2)}

.platform .plab input,.platform .plab select{flex:none;width:100%;height:auto;min-height:44px}
.fit strong{display:block;margin-bottom:4px}
.gp small{line-height:1.45}
.platform form{align-items:flex-end}

/* round 5: buy moments; flowing arrows (the hero and the what-you-get strip moved to hero.css) */
.getnow{text-align:center;padding:26px 20px;margin:0;background:transparent}
.getnow .btn{min-width:200px}
.flow-lines path{stroke-dasharray:7 9;animation:flowdash 1.1s linear infinite}
@keyframes flowdash{to{stroke-dashoffset:-16}}
@media (prefers-reduced-motion:reduce){.flow-lines path{animation:none}}

.fit{display:block}
@media (max-width:600px){.photo{width:96px;height:96px;font-size:2.2rem}}

.launch{margin:0 0 4px}.launch .off{margin-left:0;text-transform:none;letter-spacing:0;font-size:.82rem}

@media (min-width:860px){.wsteps{grid-template-columns:repeat(3,1fr)}}

.giftfor{margin:18px 0 0;color:var(--ink);font-size:1rem}.giftfor strong{color:var(--ink)}

/* notify form (payments off: every buy button lands here) */
.notify-form{display:grid;gap:10px;margin:18px 0 10px;max-width:26em}
.notify-form label{font-weight:700}
.notify-form input[type=email]{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:1rem;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.notify-form input[type=email]:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue)}
.notify-form .btn{justify-self:start}
.pf-err{color:var(--coral);font-weight:700}
@media (max-width:599px){.notify-form .btn{justify-self:stretch;width:100%}}

/* print art on the web: the voucher preview and the certificate sit on the same plates as the PDFs (site/img/print). Text is set in
   code over the image, positioned from the plate's own pixel grid (--y is the baseline in plate pixels, --pt the size in PDF points,
   so the web and the print stay one design). */
.vplate,.cert-plate{position:relative;container-type:inline-size;background-size:100% 100%;background-repeat:no-repeat;border-radius:var(--r-m);overflow:hidden;color:var(--ink);box-shadow:0 14px 36px rgba(27,39,51,.14)}
.vplate--card{--H:1410;aspect-ratio:2000/1410;background-image:url(/img/print/voucher-card.jpg)}
.vplate--seasonal{--H:1412;aspect-ratio:2000/1412;background-image:url(/img/print/voucher-seasonal.jpg)}
.vplate{max-width:640px;margin:0 auto}
.vplate .vt{position:absolute;left:var(--x,0);right:var(--x,0);margin:0;text-align:center;line-height:1;font:400 max(calc(var(--pt) / 595 * 100cqw),8px)/1 var(--body);top:calc(var(--y) / var(--H) * 100% - .78em);color:var(--ink)}
.vplate .vp-for{font-weight:400}
.vplate .vp-name,.vplate .vp-msg{font-family:"Iowan Old Style",Georgia,"Times New Roman",serif;font-style:italic}
.vplate .vp-small{color:var(--ink-2)}
.vplate .vp-pill{position:absolute;margin:0;display:grid;place-items:center}
.vplate--card .vp-pill{left:57.55%;width:30.2%;top:calc(1063 / 1410 * 100%);height:calc(94 / 1410 * 100%);background:#fff;border-radius:999px}
.vplate--seasonal .vp-pill{left:0;right:0}
.vplate .vp-code{font:700 max(calc(13 / 595 * 100cqw),9px)/1 "Courier New",Courier,monospace;letter-spacing:0;color:var(--ink)}
.vplate--seasonal .vp-pill{top:calc(936 / 1412 * 100%);height:calc(111 / 1412 * 100%)}
.vplate--seasonal .vp-code{font-size:max(calc(18 / 595 * 100cqw),11px)}
/* the certificate plate */
.cert-plate{--H:1342;aspect-ratio:2000/1342;background-image:url(/img/print/certificate.jpg);border-radius:6px}
.cert-plate .ct{position:absolute;margin:0;line-height:1.1;color:var(--ink);font-family:"Iowan Old Style",Georgia,"Times New Roman",serif}
.cert-plate .cp-name{font-weight:400;left:10%;right:10%;text-align:center;font-style:italic;font-size:max(calc(var(--ns) * 1cqw),13px);bottom:calc(100% - 487 / 1342 * 100% - .25em);overflow-wrap:anywhere}
.cert-plate .cp-date{left:23.75%;transform:translateX(-50%);white-space:nowrap;font-size:max(1.9cqw,10px);top:calc(1056 / 1342 * 100% - .85em)}
.cert-plate .cp-line{display:none;left:11.5%;right:11.5%;text-align:center;font-size:1.663cqw;line-height:1.42;top:calc(728 / 1342 * 100% - .85em)}
.cert-wording{text-align:center;color:var(--ink-2);margin:16px auto 0;max-width:34em}
@media (min-width:640px){.cert-plate .cp-line{display:block}.cert-wording{display:none}}