/* Canipep design system — single fixed light theme, painted explicitly. */
:root{
  --midnight:#0B1B2B; --ink:#16293B; --bone:#F5F0E8; --paper:#FFFFFF; --ember:#FF6B3D; --ember-deep:#E0512A;
  --lagoon:#1B8F8A; --slate:#4A5A6A; --mist:#DCE4EA; --gold:#E3A73B; --sky:#3D8BFF; --plum:#6E4BB8; --sage:#5FA36A;
  --text:#0B1B2B; --muted:#5E6E7E; --line:#DCE4EA; --bg:#F5F0E8;
  --display:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif; --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'IBM Plex Mono','SFMono-Regular',Menlo,monospace;
  --r:18px; --r-sm:12px; --shadow:0 10px 30px rgba(11,27,43,.08); --shadow-lg:0 24px 60px rgba(11,27,43,.14);
  --container:1200px; --pad:clamp(1.1rem,3vw,2rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p a,li a,.prose a{color:var(--ember-deep);text-decoration:underline;text-underline-offset:3px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ember);outline-offset:2px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ember);color:#fff;padding:.5rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--pad)}
@media(max-width:899px){.hide-sm{display:none!important}}

/* Type */
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.1rem,4vw,3.25rem)}
h1.display{font-size:clamp(2.5rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.03em}
h2{font-size:clamp(1.7rem,3vw,2.5rem)}
h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
h4{font-size:.95rem;font-weight:600;margin-bottom:.8rem}
p{margin:0 0 1em}
.lede{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;color:var(--slate);max-width:62ch}
.lede--light{color:rgba(255,255,255,.78)}
.eyebrow{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-deep);margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.section--dark .eyebrow,.hero--pen .eyebrow{color:var(--ember)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}
.lite{font-weight:500;opacity:.55}
.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;background:var(--c,var(--ember));color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}
.prose{max-width:68ch}.prose--wide{max-width:82ch}
.prose h2{font-size:1.5rem;margin-top:2.2rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-bottom:.4rem}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:999px;font-weight:600;font-size:.95rem;line-height:1;border:1.5px solid transparent;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--ember);color:#fff;box-shadow:0 8px 20px rgba(255,107,61,.28)}.btn--primary:hover{background:var(--ember-deep)}
.btn--dark{background:var(--midnight);color:#fff}.btn--dark:hover{background:var(--ink)}
.btn--ghost{border-color:var(--midnight);color:var(--midnight);background:transparent}.btn--ghost:hover{background:rgba(11,27,43,.06)}
.btn--ghost-light{border-color:rgba(255,255,255,.5);color:#fff}.btn--ghost-light:hover{background:rgba(255,255,255,.08)}
.btn--sm{padding:.6rem 1rem;font-size:.85rem}.btn--lg{padding:1rem 1.7rem;font-size:1.02rem}.btn--block{width:100%}
.icon-btn{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(11,27,43,.06)}

/* Announce + header */
.announce{background:var(--midnight);color:#fff;text-align:center;font-size:.82rem;padding:.55rem var(--pad)}
.announce a{color:#fff;text-decoration:underline;text-decoration-color:var(--ember);text-underline-offset:3px}
.header{position:sticky;top:0;z-index:50;background:rgba(245,240,232,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.header.is-stuck{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(11,27,43,.06)}
.header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:72px}
.logo{display:inline-flex;align-items:center}.logo__img{height:30px;width:auto}.logo__img--dark{display:none}
.logo__text{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.03em}.logo__text--white{color:#fff}
.nav{display:none;gap:1.6rem;font-weight:500;font-size:.95rem}.nav a{padding:.4rem 0;border-bottom:2px solid transparent}.nav a:hover{border-bottom-color:var(--ember)}
@media(min-width:900px){.nav{display:flex}}
.header__actions{display:flex;align-items:center;gap:.6rem}
.cart-btn{position:relative;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(11,27,43,.06)}
.cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ember);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}
.cart-count:empty,.cart-count[data-zero]{display:none}
.nav-toggle{width:42px;height:42px;display:grid;place-items:center;gap:5px;grid-auto-flow:row;align-content:center}.nav-toggle span{display:block;width:22px;height:2px;background:var(--midnight);transition:transform .2s}
@media(min-width:900px){.nav-toggle{display:none}}
.nav.is-open{display:flex;position:absolute;left:0;right:0;top:72px;flex-direction:column;background:var(--paper);padding:1rem var(--pad) 1.5rem;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);gap:.2rem}
.nav.is-open a{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}

/* Sections */
.section{padding-block:clamp(3.5rem,8vw,6.5rem)}
.section--tight{padding-block:1.5rem 3rem}
.section--bone{background:#EDE6DA}
.section--dark{background:var(--midnight);color:#fff}
.section--dark h2,.section--dark h3{color:#fff}
.section__head{display:grid;gap:1rem 3rem;margin-bottom:2.5rem;align-items:end}
@media(min-width:900px){.section__head{grid-template-columns:1.2fr 1fr}}
.section__head h2{margin-bottom:0}
.page-head{padding:clamp(3rem,7vw,5.5rem) 0 clamp(1.5rem,4vw,3rem)}
.page-head--narrow .container{max-width:900px}
.page-head.section--dark{padding-bottom:clamp(3rem,7vw,5rem)}
.subnav{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.subnav a{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.9rem;font-weight:500}
.grid-2,.grid-3,.grid-4{display:grid;gap:1.25rem}
@media(min-width:700px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}
.gap-lg{gap:2.5rem 3.5rem}
.card{background:var(--paper);border-radius:var(--r);padding:1.6rem;box-shadow:var(--shadow)}
.card--flat{box-shadow:none;border:1px solid var(--line)}
.card--dark{background:var(--ink);color:#fff;box-shadow:none}
.card h3{margin-bottom:.5rem}.card p:last-child{margin-bottom:0}
.notice{border-left:3px solid var(--ember);background:var(--paper);padding:1rem 1.25rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.9rem;color:var(--slate);max-width:none}
.notice strong{color:var(--midnight)}
ul.plain{list-style:none;padding:0;margin:0 0 1rem}ul.plain li{padding:.3rem 0;border-bottom:1px dashed var(--line)}
ul.check{list-style:none;padding:0;margin:0}ul.check li{position:relative;padding:.45rem 0 .45rem 1.7rem}ul.check li::before{content:"";position:absolute;left:0;top:.85rem;width:10px;height:10px;border-radius:50%;background:var(--ember)}
ul.check--lg li{font-size:1.1rem}

/* Ticks divider */
.ticks{display:flex;justify-content:center;gap:10px;padding:1.5rem 0;overflow:hidden}
.ticks i{display:block;width:2px;height:10px;background:var(--mist);border-radius:2px}.ticks i:nth-child(5n+1){height:18px;background:var(--ember)}

/* Hero */
.hero{padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,5vw,4rem);position:relative;overflow:hidden}
.hero__grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:960px){.hero__grid{grid-template-columns:1.05fr 1fr;gap:3rem}}
.hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.8rem 0 1rem}
.hero__fine{font-size:.85rem;color:var(--muted);margin:0}
.hero__visual{display:grid;gap:1.25rem}
.hero__img{position:relative;display:grid;place-items:center}
.hero__pen{width:100%;max-width:640px;max-height:none;margin:-6% auto;filter:drop-shadow(0 30px 40px rgba(11,27,43,.22))}
.hero__pen--solo{max-width:600px;margin:0 auto}
.hero__dial{background:var(--paper);border-radius:var(--r);padding:1.25rem 1.4rem;box-shadow:var(--shadow-lg)}
.hero--pen{background:var(--midnight);color:#fff}
.hero--pen .lede{color:rgba(255,255,255,.78)}

/* Trust strip */
.trust{background:var(--paper);border-block:1px solid var(--line)}
.trust__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-block:1.1rem}
@media(min-width:900px){.trust__row{grid-template-columns:repeat(5,1fr)}}
.trust__item{display:grid;gap:.1rem;font-size:.82rem;color:var(--muted)}.trust__item strong{color:var(--midnight);font-size:.9rem}

/* Compare */
.compare{display:grid;gap:1.25rem}@media(min-width:900px){.compare{grid-template-columns:1fr 1fr}}
.compare__col{border-radius:var(--r);padding:1.75rem}
.compare__col ol{margin:0;padding-left:1.25rem}.compare__col li{margin-bottom:.55rem}
.compare__col--old{background:var(--paper);border:1px solid var(--line);color:var(--slate)}
.compare__col--new{background:var(--midnight);color:#fff}.compare__col--new .eyebrow{color:var(--ember)}
.compare__note{font-family:var(--display);font-weight:600;margin:1.2rem 0 1rem}

/* Tiles */
.tiles{align-items:stretch}
.tile{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tile__band{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--c,var(--ember));color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.tile__img{aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(180deg,#FBF8F3,#EFE9DF);padding:1.25rem}
.tile__img img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(11,27,43,.16))}
.tile__body{padding:1.25rem 1.35rem 1.35rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.tile__body h3{margin:0;font-size:1.15rem}
.tile__actives{font-family:var(--mono);font-size:.78rem;color:var(--muted);margin:0}
.tile__short{font-size:.92rem;color:var(--slate);margin:.25rem 0 0;flex:1}
.tile__foot{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:.5rem}
.tile__price{font-family:var(--display);font-weight:700;font-size:1.05rem}.tile__price s{font-weight:400;font-size:.85rem;margin-left:.3rem}
.tile__cta{font-weight:600;color:var(--ember-deep);font-size:.9rem}
.tile--protocol{border:1px solid var(--line);box-shadow:none}.tile--protocol .tile__body{padding-top:1.5rem}
.tile--hw .tile__img{aspect-ratio:4/3}

/* Steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem;counter-reset:s}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{position:relative;padding-top:.5rem}
.steps__n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--midnight);color:#fff;font-family:var(--mono);font-weight:600;font-size:.85rem;margin-bottom:.9rem;flex:none}
.steps h3{font-size:1.1rem;margin-bottom:.4rem}.steps p{color:var(--slate);font-size:.95rem;margin:0}
.steps--compact{grid-template-columns:1fr;gap:.9rem}.steps--compact li{display:flex;gap:.9rem;align-items:flex-start}.steps--compact .steps__n{margin:0}
.howto{padding-left:1.25rem;margin:0}.howto li{margin-bottom:.6rem;padding-left:.25rem}

/* Pen feature */
.pen-feature__grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:960px){.pen-feature__grid{grid-template-columns:1fr 1.1fr;gap:4rem}}
.pen-feature__img{display:grid;place-items:center}
.pen-feature__pen{width:100%;max-width:560px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.spec-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;margin:1.5rem 0}
.spec-mini dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.spec-mini dd{margin:.2rem 0 0;font-weight:500}
.spec-list{margin:1.25rem 0;border-top:1px solid var(--line)}
.spec-list div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.93rem}
.spec-list dt{color:var(--muted);font-weight:500}.spec-list dd{margin:0}

/* Quality strip + COA */
.quality-strip{display:grid;gap:2.5rem;align-items:center}@media(min-width:960px){.quality-strip{grid-template-columns:1.1fr 1fr}}
.coa-card{background:var(--paper);border-radius:var(--r);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.coa{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:.8rem}.coa td{padding:.5rem 0;border-bottom:1px solid var(--line)}.coa td:first-child{color:var(--muted);width:45%}

/* Founding / perks */
.founding{display:grid;gap:2.5rem;align-items:center}@media(min-width:960px){.founding{grid-template-columns:1.1fr 1fr}}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.perks li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.9rem 1.1rem;border-radius:var(--r-sm);font-weight:500}
.vets-teaser{display:grid;gap:2.5rem}@media(min-width:960px){.vets-teaser{grid-template-columns:1fr 1fr;gap:4rem}}

/* FAQ */
.faq__group{margin:2rem 0 .75rem;font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono);font-weight:600}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:600;font-family:var(--display);font-size:1.02rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";font-family:var(--mono);color:var(--ember);flex:none}
.faq__item[open] summary::after{content:"–"}
.faq__a{padding:0 0 1.2rem;color:var(--slate);max-width:70ch}

/* Calculator */
.calc{display:grid;gap:1.5rem;background:var(--paper);border-radius:var(--r);padding:1.75rem;box-shadow:var(--shadow)}
@media(min-width:900px){.calc{grid-template-columns:1fr 1.4fr;gap:2.5rem}}
.calc--compact{padding:0;box-shadow:none;gap:1rem;grid-template-columns:1fr}
.field{display:grid;gap:.45rem;margin-bottom:1rem}
.field>span{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.field select,.field input[type=number],.form input,.form textarea,.form select,.lookup input,.subscribe input{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:.7rem .9rem;background:#fff;width:100%}
.field__row{display:grid;grid-template-columns:1fr 84px auto;gap:.6rem;align-items:center}
.field__row .unit{font-family:var(--mono);color:var(--muted)}
input[type=range]{width:100%;accent-color:var(--ember)}
.calc__out{display:grid;gap:1.25rem;align-items:center}@media(min-width:600px){.calc__out{grid-template-columns:180px 1fr}}
.calc--compact .calc__out{grid-template-columns:150px 1fr;gap:1rem}
.calc__dial{display:grid;place-items:center}
.dial{width:100%;max-width:200px}.dial__bg{fill:var(--bone)}.tk{stroke:#C9D2DA;stroke-width:1.5;stroke-linecap:round}.tk--major{stroke:#8797A6;stroke-width:2}
.tk.is-on{stroke:var(--ember)}.tk--major.is-on{stroke:var(--ember-deep)}
.dial__needle{transform-origin:100px 100px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dial__needle line{stroke:var(--midnight);stroke-width:3;stroke-linecap:round}.dial__needle circle{fill:var(--midnight)}
.dial__num{font-family:var(--mono);font-weight:600;font-size:34px;text-anchor:middle;fill:var(--midnight)}
.dial__lbl{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-anchor:middle;fill:var(--muted)}
.calc__facts .eyebrow{margin-bottom:.4rem}
.calc__line{margin:0 0 .35rem;font-size:.95rem}.calc__line strong{font-family:var(--display)}
.calc__facts .btn{margin-top:.8rem}

/* PDP */
.pdp{padding:clamp(1.5rem,4vw,3.5rem) 0 clamp(2rem,4vw,3.5rem)}
.pdp__grid{display:grid;gap:2rem}@media(min-width:960px){.pdp__grid{grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:start}}
.pdp__gallery{position:sticky;top:90px}
.pdp__main{aspect-ratio:1/1;background:linear-gradient(180deg,#FBF8F3,#EFE9DF);border-radius:var(--r);display:grid;place-items:center;padding:2rem;overflow:hidden}
.pdp__main img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(11,27,43,.18))}
.pdp__thumbs{display:flex;gap:.6rem;margin-top:.75rem}
.pdp__thumb{width:72px;height:72px;border-radius:var(--r-sm);border:2px solid transparent;background:#fff;padding:.4rem;display:grid;place-items:center;overflow:hidden}
.pdp__thumb.is-active{border-color:var(--midnight)}.pdp__thumb img{max-height:100%;width:auto}
.pdp__buy h1{font-size:clamp(2rem,3.4vw,2.8rem);margin-bottom:.4rem}
.pdp__headline{font-family:var(--display);font-weight:600;font-size:1.15rem;margin:0 0 .5rem}
.pdp__actives{font-size:.85rem;color:var(--muted);margin-bottom:.9rem}
.pdp__short{color:var(--slate);margin-bottom:1.5rem}
.buy{background:var(--paper);border-radius:var(--r);padding:1.4rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.seg{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.seg--2{grid-template-columns:repeat(2,1fr)}.seg--3{grid-template-columns:repeat(3,1fr)}
.seg button,.chips button{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:.6rem .5rem;display:grid;gap:.1rem;text-align:center;font-size:.86rem;background:#fff;transition:border-color .15s,background .15s}
.seg button strong{font-weight:600}.seg button small,.chips button small{font-size:.72rem;color:var(--muted)}
.seg button.is-active,.chips button.is-active{border-color:var(--midnight);background:var(--bone);box-shadow:inset 0 0 0 1px var(--midnight)}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.dose-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0;padding:.9rem;background:var(--bone);border-radius:var(--r-sm)}
.dose-readout div{display:grid;text-align:center}.dose-readout span{font-weight:600;font-size:.95rem}.dose-readout small{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.price-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:.6rem 0 1rem}
.price strong{font-family:var(--display);font-size:1.9rem;letter-spacing:-.02em}.price s{font-size:1rem;margin-left:.3rem}
.price-row p{margin:0;flex:1;min-width:200px}
.inbox{margin-top:1.25rem;border-top:1px solid var(--line);padding-top:.5rem}.inbox summary{cursor:pointer;font-weight:600;padding:.6rem 0}.inbox ul{padding-left:1.2rem;color:var(--slate);font-size:.92rem}.inbox li{margin-bottom:.5rem}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}
.timeline li{padding:0 0 1.1rem 1.25rem;position:relative}.timeline li::before{content:"";position:absolute;left:-7px;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--ember);border:2px solid var(--bg)}
.timeline .mono{font-size:.78rem;color:var(--muted);display:block;margin-bottom:.15rem}.timeline p{margin:0}
.table-wrap{overflow-x:auto;background:var(--paper);border-radius:var(--r);border:1px solid var(--line)}
.dose-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:640px}
.dose-table th{text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.9rem 1rem;border-bottom:1px solid var(--line);background:var(--bone)}
.dose-table td{padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.dose-table tr:last-child td{border-bottom:0}
.cite{padding-left:1.3rem;display:grid;gap:.7rem;font-size:.93rem;color:var(--slate);max-width:85ch}
.cite__t{color:var(--midnight);font-weight:500}.cite__model{font-family:var(--mono);font-size:.74rem;background:var(--bone);padding:.1rem .45rem;border-radius:6px;margin:0 .3rem}
.sticky-atc{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(11,27,43,.1);padding:.7rem 0;z-index:40}
.sticky-atc__row{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.anatomy{display:grid;gap:2rem;align-items:center}@media(min-width:900px){.anatomy{grid-template-columns:1fr 1fr}}
.anatomy__img img{max-height:520px;width:auto;margin:auto;filter:drop-shadow(0 24px 34px rgba(11,27,43,.18))}
.anatomy__list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.anatomy__list li{display:flex;gap:1rem;align-items:flex-start}.anatomy__list .steps__n{margin:0}.anatomy__list h3{margin-bottom:.2rem;font-size:1.05rem}.anatomy__list p{margin:0;color:var(--slate);font-size:.95rem}

/* Posts, forms */
.post-card{display:block;background:var(--paper);border-radius:var(--r);padding:1.75rem;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.post-card h3{font-size:1.35rem}.post-card p{color:var(--slate)}
.form{background:var(--paper);border-radius:var(--r);padding:1.75rem;border:1px solid var(--line);display:grid;gap:.9rem}
.form h3{margin-bottom:.2rem}.form label{display:grid;gap:.35rem;font-size:.88rem;font-weight:500}.form .checkbox{grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem}
.form .btn{margin-top:.4rem}.form p{margin:0}
.form.is-done>*:not(.form__done){display:none}.form__done{padding:1rem;background:var(--bone);border-radius:var(--r-sm)}
.lookup{display:flex;gap:.6rem;margin:1rem 0}.lookup input{flex:1}
.subscribe{display:flex;gap:.5rem;margin-top:1rem;max-width:380px}.subscribe input{flex:1;border-radius:999px;padding:.6rem 1rem;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.subscribe input::placeholder{color:rgba(255,255,255,.5)}

/* Footer */
.footer{background:var(--midnight);color:rgba(255,255,255,.8);padding:4rem 0 2rem;margin-top:2rem}
.footer__top{display:grid;gap:3rem}@media(min-width:900px){.footer__top{grid-template-columns:1.2fr 2fr}}
.footer__logo{height:30px;width:auto;margin-bottom:1rem}
.footer__brand p{color:rgba(255,255,255,.7)}
.footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(min-width:700px){.footer__cols{grid-template-columns:repeat(4,1fr)}}
.footer__cols h4{color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.footer__cols a{display:block;padding:.3rem 0;font-size:.92rem;color:rgba(255,255,255,.75)}.footer__cols a:hover{color:#fff}
.footer__disclaimer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:rgba(255,255,255,.55);max-width:100ch}
.footer__legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:rgba(255,255,255,.5);margin-top:1rem}.footer__legal a{color:rgba(255,255,255,.7)}

/* Drawer + toast */
.drawer__overlay{position:fixed;inset:0;background:rgba(11,27,43,.45);z-index:60}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--paper);z-index:61;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}.drawer__head h3{margin:0}
.drawer__body{flex:1;overflow:auto;padding:1rem 1.4rem}
.drawer__foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line);display:grid;gap:.6rem}
.drawer__row{display:flex;justify-content:space-between;font-size:1.05rem}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.cart-item h4{margin:0 0 .15rem;font-family:var(--body);font-size:.95rem}.cart-item .sub{font-size:.8rem;color:var(--muted);margin:0}
.cart-item .qty{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem}.cart-item .qty button{width:26px;height:26px;border-radius:50%;background:var(--bone);font-weight:600}
.cart-item .rm{font-size:.78rem;color:var(--muted);text-decoration:underline;margin-left:.6rem}
.cart-item .price{font-family:var(--display);font-weight:600;text-align:right}
.cart-empty{padding:2rem 0;text-align:center;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--midnight);color:#fff;padding:.75rem 1.2rem;border-radius:999px;font-weight:500;z-index:70;box-shadow:var(--shadow-lg)}
.checkout__items .cart-item{grid-template-columns:1fr auto}
[hidden]{display:none!important}

/* Shrink-safety for grid/flex children and small-screen layouts */
.hero__grid>*,.grid-2>*,.grid-3>*,.grid-4>*,.calc__out>*,.calc>*,.founding>*,.vets-teaser>*,.quality-strip>*,.pen-feature__grid>*,.pdp__grid>*,.anatomy>*,.compare>*,.footer__top>*,.hero__visual>*{min-width:0}
@media(max-width:600px){
  .btn{white-space:normal;text-align:center}
  .calc__out,.calc--compact .calc__out{grid-template-columns:1fr;justify-items:start}
  .calc__dial{justify-self:center}
  .dose-readout{grid-template-columns:repeat(2,1fr)}
  .chips{grid-template-columns:repeat(2,1fr)}
  .seg{grid-template-columns:1fr}.seg--2{grid-template-columns:1fr 1fr}
  .spec-list div,.spec-mini{grid-template-columns:1fr}
  .field__row{grid-template-columns:1fr 72px auto}
  .footer__legal{flex-direction:column}
  .sticky-atc__row{font-size:.9rem}
}

/* Scene bands */
.scene{padding:1rem 0 3rem}.scene--tight{padding:0 0 1rem}.scene__img{width:100%;border-radius:var(--r);box-shadow:var(--shadow-lg)}
.pdp__thumb img,.tile__img img{background:transparent}

/* Canipep / cinematic editorial direction */
:root{--container:1440px;--pad:clamp(1.4rem,5vw,5rem);--bone:#f5f2ec;--bg:#f5f2ec;--r:12px;--shadow:0 12px 35px #0b1b2b08}
::selection{background:#ff6b3d;color:#0b1b2b}
.btn--primary{color:var(--midnight);box-shadow:none}.btn--primary:hover{background:#ff865e}
.btn{min-height:44px}.eyebrow{font-size:.8rem}.header__row{height:88px}.header .container{max-width:1600px}.logo__img{height:34px}.nav{font-size:.875rem;gap:1.8rem}.header{background:#f5f2eced}.announce{font-size:.75rem;letter-spacing:.05em;background:var(--midnight);padding:.55rem 1rem}.announce a{text-decoration:none}
body:has(.cinematic-home) .header{position:absolute;top:36px;left:0;right:0;background:transparent;color:white;border-bottom:1px solid #ffffff25;backdrop-filter:none}
body:has(.cinematic-home) .header .logo__img--light{display:none}body:has(.cinematic-home) .header .logo__img--dark{display:block}body:has(.cinematic-home) .header .cart-btn{background:#ffffff16}body:has(.cinematic-home) .nav-toggle span{background:white}
body:has(.cinematic-home) .header.is-stuck{box-shadow:none}.cinematic-home em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.cinematic-home .micro-label{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;line-height:1.5;display:flex;gap:1rem;align-items:center}.micro-label>span:not(.status-dot){margin-left:auto;opacity:.55}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 5px #ff6b3d15}
.life-hero{position:relative;min-height:780px;height:calc(100svh - 36px);max-height:1150px;color:#fff;background:#09191d;isolation:isolate;overflow:hidden}.life-hero__media,.life-hero__shade{position:absolute;inset:0;z-index:-1}.life-hero__photo{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.035);will-change:transform}.life-hero__shade{background:linear-gradient(90deg,#061519dd 0%,#07171b88 36%,transparent 70%),linear-gradient(0deg,#061519ab,transparent 40%)}.life-hero__content{padding-top:clamp(155px,18vh,230px);padding-bottom:65px;height:100%;display:flex;flex-direction:column}.life-hero h1{font-size:clamp(4.5rem,7.7vw,8.6rem);line-height:1.015;letter-spacing:-.075em;font-weight:500;margin-top:1.1rem;margin-bottom:2.3rem;max-width:900px;text-wrap:initial}.life-hero h1 em{color:#ffc4a8}.life-hero__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end}.life-hero__bottom p{color:#e4e9e6;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.cinematic-btn{font-size:.875rem;padding:1.05rem 1.55rem;gap:2.5rem;min-height:54px}.cinematic-btn span{font-size:1.4rem;font-weight:400}.scroll-cue{display:flex;align-items:center;gap:1.5rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;writing-mode:vertical-rl}.scroll-cue__line{height:65px;width:1px;background:#ffffff45;position:relative;overflow:hidden}.scroll-cue__line:after{content:'';position:absolute;width:1px;height:25px;background:#fff;animation:scroll-down 2s ease-in-out infinite}.hero-caption{position:absolute;right:7%;bottom:54%;font:500 .65rem var(--mono);letter-spacing:.15em;writing-mode:vertical-rl;opacity:.65}@keyframes scroll-down{from{transform:translateY(-25px)}to{transform:translateY(80px)}}
.brand-strip{display:flex;justify-content:space-evenly;align-items:center;gap:2rem;padding:26px var(--pad);border-bottom:1px solid #0b1b2b20;font-size:.85rem;letter-spacing:-.01em}.brand-strip i{width:4px;height:4px;background:var(--ember);border-radius:50%;flex-shrink:0}.manifesto{padding-block:120px 135px;display:grid;grid-template-columns:1fr 2.1fr;gap:5rem}.manifesto>.micro-label{display:block;padding-top:10px}.manifesto>.micro-label span{display:block;margin:1.5rem 0 0}.manifesto h2{font-size:clamp(2.5rem,4vw,4.25rem);font-weight:500;letter-spacing:-.06em;line-height:1.16}.manifesto h2 span{color:#80908f}.manifesto p:not(.micro-label){font-size:1.1rem;max-width:560px;color:var(--slate);line-height:1.8;margin-block:1.8rem}.text-link{display:inline-flex;align-items:center;gap:2rem;border-bottom:1px solid #0b1b2b50;padding-bottom:9px;font-size:.875rem;font-weight:500}.text-link span{font-size:1.3rem;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}
.product-story{height:340svh;position:relative;background:#e7e6df}.product-story__stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 62% 46%,#f7f5ee,#e7e6df 65%)}.story-top{position:absolute;top:46px;width:100%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between}.story-top p{margin:0}.story-counter{font:.75rem var(--mono);color:#60706d}.story-word{position:absolute;top:9%;left:50%;transform:translateX(-50%);font-family:var(--display);font-weight:600;font-size:clamp(9rem,23.5vw,26rem);letter-spacing:-.09em;line-height:1;color:#d5d6cf;z-index:-1;white-space:nowrap;user-select:none}.story-orbit{position:absolute;width:60vw;height:60vw;border:1px solid #0b1b2b12;border-radius:50%;left:38%;top:50%;transform:translateY(-50%);z-index:-1}.story-orbit:after{content:'';position:absolute;inset:9%;border:1px solid #0b1b2b10;border-radius:50%}.story-product{position:absolute;width:66vw;max-width:1050px;height:100%;left:40%;top:0;will-change:transform}.story-product__pen{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 25px #0b1b2b16);will-change:transform}.story-product__cartridge{position:absolute;width:48%;height:55%;object-fit:contain;top:18%;left:25%;opacity:0;will-change:transform,opacity}.story-copy-wrap{position:absolute;left:50%;transform:translateX(-50%);width:100%;top:50%;height:340px}.story-copy{position:absolute;max-width:400px;top:0;left:var(--pad);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s,transform .55s,visibility .4s}.story-copy.is-current{opacity:1;visibility:visible;transform:translateY(0)}.story-copy h2{font-size:clamp(2.4rem,3.55vw,4rem);letter-spacing:-.06em;font-weight:500;line-height:1.1;margin-bottom:1.4rem}.story-copy p:not(.micro-label){max-width:340px;color:var(--slate);line-height:1.75;font-size:1rem}.story-copy .micro-label{color:#a74424}.story-bottom{position:absolute;bottom:38px;width:100%;left:50%;transform:translateX(-50%);display:flex;gap:2rem;align-items:center;justify-content:space-between;font:.625rem var(--mono);letter-spacing:.08em;color:#596760}.story-progress{width:180px;height:2px;background:#0b1b2b20;overflow:hidden}.story-progress i{display:block;background:var(--ember);height:100%;width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}
.collection-section{padding:120px 0 105px;background:#fbfaf7}.editorial-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:55px}.editorial-head .micro-label{gap:4rem}.editorial-head h2,.standards-section h2,.pack-section h2{font-size:clamp(2.7rem,4.5vw,5rem);letter-spacing:-.065em;font-weight:500;line-height:1.1;margin-bottom:0}.editorial-head>div>p:not(.micro-label){color:var(--slate);line-height:1.8;font-size:1rem}.formula-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.formula-editorial{position:relative;background:#f0eee8;overflow:hidden;padding:24px;border:1px solid transparent;transition:background .35s,border-color .35s}.formula-editorial:hover{background:#eae7e0;border-color:var(--formula-color)}.formula-editorial__top{display:flex;justify-content:space-between;align-items:center;font:.65rem var(--mono);letter-spacing:.09em;color:#67716d}.formula-editorial__arrow{font-size:1.2rem;color:var(--midnight)}.formula-editorial__image{height:270px;display:grid;place-items:center}.formula-editorial__image img{width:85%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 20px 12px #0b1b2b09)}.formula-editorial:hover img{transform:translateY(-12px) rotate(-5deg)}.formula-editorial__info{position:relative;border-top:1px solid #0b1b2b1a;padding-top:22px}.formula-editorial__dot{width:8px;height:8px;background:var(--formula-color);display:block;position:absolute;right:0;top:31px;border-radius:50%}.formula-editorial h3{font-size:1.5rem;font-weight:500;letter-spacing:-.04em;margin-bottom:5px}.formula-editorial p{font-size:.875rem;color:#53615f;margin-bottom:18px}.formula-editorial__price{font-size:.75rem;color:#52615d}.collection-note{font-size:.8rem;color:#63706a;margin:27px 0 0;max-width:750px}
.standards-section{background:var(--midnight);color:white;padding:125px 0}.standards-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.standards-section .micro-label{color:#a5b2b9;margin-bottom:2rem}.standards-section h2 em{color:#ffae8a}.standards-intro{color:#afbbc0;font-size:1.1rem;max-width:370px;margin:2rem 0}.standard-list a{display:flex;align-items:start;gap:1.8rem;padding:30px 0;border-top:1px solid #ffffff28}.standard-list a:last-child{border-bottom:1px solid #ffffff28}.standard-list a>span{font:.75rem var(--mono);color:#ff9a70;padding-top:6px}.standard-list h3{font-weight:500;font-size:1.35rem;letter-spacing:-.04em}.standard-list p{color:#b4c0c6;font-size:.95rem;margin:0;line-height:1.8}.standard-list b{font-size:1.3rem;font-weight:400;margin-left:auto}.pack-section{padding-top:60px;padding-bottom:105px}.pack-content{text-align:center;position:relative;padding-top:100px;overflow:hidden}.pack-outline{font:600 clamp(4rem,11vw,11rem)/1 var(--display);color:#0b1b2b07;letter-spacing:-.08em;white-space:nowrap;position:absolute;top:35px;left:50%;transform:translateX(-50%);z-index:-1}.pack-section h2{font-size:clamp(3rem,5.5vw,6rem)}.pack-section h2 em{color:#c15434}.pack-section p:not(.micro-label){font-size:1.05rem;color:var(--slate);margin:2rem 0;line-height:1.85}.pack-fine{display:block;font:.625rem var(--mono);letter-spacing:.13em;margin-top:35px;color:#67716c}.home-disclaimer{padding-bottom:45px}.home-disclaimer .notice{font-size:.8rem;line-height:1.8;background:transparent;border-left:0;border-top:1px solid #0b1b2b22;padding:24px 0 0}.footer{padding-top:75px}.footer__brand p{color:#aebac0}.footer__legal{font-size:.75rem}
.motion-ready [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .formula-editorial:nth-child(3n+2){transition-delay:.09s}.motion-ready .formula-editorial:nth-child(3n+3){transition-delay:.18s}
@media(min-width:1700px){.story-product{left:43%}.story-copy-wrap{top:47%}}
@media(max-width:1100px){.nav{gap:1rem;font-size:.8rem}.header__actions .hide-sm{display:none}.life-hero{min-height:760px}.story-copy{max-width:330px}.story-copy p:not(.micro-label){max-width:290px}.story-product{left:38%;width:73vw}.manifesto{gap:3rem}.formula-editorial__image{height:230px}.standard-list a{gap:1rem}}
@media(max-width:899px){body:has(.cinematic-home) .nav.is-open{background:var(--midnight);color:white;top:88px;border-color:#ffffff30}.nav.is-open a{border-color:#ffffff25}.hero-caption{display:none}.life-hero h1{font-size:clamp(4.5rem,10vw,7rem)}.life-hero__photo{object-position:58% center}.manifesto{padding-block:85px;grid-template-columns:1fr;gap:2rem}.manifesto>.micro-label{display:flex}.manifesto>.micro-label span{margin:0 0 0 auto}.story-bottom>span:last-child{display:none}.story-copy-wrap{top:54%}.story-product{top:-7%;left:30%;width:85vw;height:90%}.story-copy h2{font-size:2.8rem}.formula-collection{grid-template-columns:repeat(2,1fr)}.editorial-head{align-items:start;flex-direction:column;gap:2rem}.standards-grid{grid-template-columns:1fr;gap:3rem}.standards-section,.collection-section{padding-block:85px}.standards-section h2{font-size:3.5rem}.brand-strip{gap:1rem;font-size:.7rem}.brand-strip span:last-child,.brand-strip i:last-of-type{display:none}}
@media(max-width:600px){.announce{font-size:.625rem;min-height:36px;display:grid;place-items:center}.header__row{height:76px}.logo__img{height:29px}.life-hero{min-height:760px;max-height:1000px}.life-hero__content{padding-top:140px;padding-bottom:40px}.life-hero h1{font-size:clamp(3.8rem,13vw,5.5rem);margin-top:1.2rem}.life-hero__photo{object-position:65% center}.life-hero__shade{background:linear-gradient(90deg,#061519b3,transparent 100%),linear-gradient(0deg,#061519ee,transparent 65%)}.life-hero .micro-label{font-size:.625rem;letter-spacing:.07em}.life-hero__bottom p{font-size:.95rem}.scroll-cue{font-size:.55rem;gap:.8rem}.brand-strip{padding:22px 16px;gap:.8rem}.brand-strip span{font-size:.64rem;white-space:nowrap}.brand-strip span:nth-of-type(3),.brand-strip i:nth-of-type(2){display:none}.manifesto{padding-block:65px}.manifesto h2{font-size:2.35rem}.manifesto h2 br{display:none}.manifesto p:not(.micro-label){font-size:1rem}.product-story{height:310svh}.product-story__stage{min-height:760px}.story-top{top:27px}.story-top .micro-label{font-size:.625rem}.story-word{top:13%;font-size:24vw}.story-orbit{width:110vw;height:110vw;left:5%;top:31%}.story-product{width:100%;left:0;top:1%;height:60%}.story-product__pen{width:100%;height:100%}.story-product__cartridge{height:65%;top:8%;left:28%}.story-copy-wrap{top:57%;height:270px}.story-copy{max-width:calc(100% - 2 * var(--pad))}.story-copy h2{font-size:2.5rem;margin-bottom:1rem}.story-copy p:not(.micro-label){font-size:.875rem;max-width:350px;line-height:1.6;margin-bottom:1rem}.story-copy .micro-label{font-size:.65rem;margin-bottom:.75rem}.story-copy .text-link{font-size:.8rem}.story-bottom{bottom:25px;gap:1rem;font-size:.53rem}.story-progress{width:90px;flex-shrink:0}.collection-section{padding-block:65px}.editorial-head h2{font-size:2.7rem}.editorial-head .micro-label{font-size:.65rem;gap:2rem}.formula-collection{gap:10px}.formula-editorial{padding:15px}.formula-editorial__image{height:175px}.formula-editorial__image img{width:115%;max-width:none}.formula-editorial__top{font-size:.52rem;letter-spacing:.02em}.formula-editorial__arrow{font-size:1rem}.formula-editorial h3{font-size:1.2rem}.formula-editorial p{font-size:.78rem;min-height:2.5em;line-height:1.5}.formula-editorial__price{font-size:.65rem}.formula-editorial__info{padding-top:15px}.formula-editorial__dot{top:23px;width:6px;height:6px}.standards-section{padding-block:65px}.standards-section h2{font-size:2.7rem}.standard-list h3{font-size:1.2rem}.standard-list p{font-size:.9rem}.pack-section{padding-top:40px;padding-bottom:65px}.pack-content{padding-top:65px}.pack-section h2{font-size:2.8rem}.pack-outline{top:25px;font-size:17vw}.pack-section .micro-label{font-size:.65rem}.pack-section p:not(.micro-label){font-size:1rem}.footer__top{gap:3rem}.home-disclaimer .notice{font-size:.75rem}}
/* A complete readable experience when motion is disabled or JS is unavailable. */
@media(prefers-reduced-motion:reduce){.life-hero__photo{transform:none!important}.product-story{height:auto}.product-story__stage{height:auto;min-height:0;padding-top:110px;position:relative}.story-word{top:100px}.story-product{position:relative;left:auto;top:auto;width:min(700px,100%);height:440px;margin:-30px auto 0;transform:none!important}.story-product__pen{transform:none!important}.story-product__cartridge{display:none}.story-copy-wrap{position:relative;top:auto;left:auto;transform:none;height:auto;display:grid;gap:2rem;padding-bottom:65px}.story-copy{position:static;opacity:1!important;visibility:visible!important;transform:none!important;max-width:650px}.story-copy p:not(.micro-label){max-width:560px}.story-bottom{position:static;transform:none;left:auto;padding-bottom:25px}.story-progress,.story-counter,.scroll-cue{display:none}.motion-ready [data-reveal]{opacity:1;transform:none}}
html:not(.motion-ready) .product-story{height:auto}html:not(.motion-ready) .product-story__stage{position:relative}
.form-inquiry-result{flex-basis:100%;margin:1rem 0 0;font-size:.875rem;line-height:1.7}.form-inquiry-result a{display:inline-block;color:inherit;text-decoration:underline;text-underline-offset:3px}.subscribe{flex-wrap:wrap}.footer .form-inquiry-result{color:#dce4ea}
html:not(.motion-ready) .product-story__stage{height:auto;padding-top:110px;min-height:0}html:not(.motion-ready) .story-product{position:relative;left:auto;top:auto;width:min(700px,100%);height:440px;margin:auto}html:not(.motion-ready) .story-copy-wrap{position:relative;top:auto;left:auto;transform:none;height:auto;display:grid;gap:2rem;padding-bottom:65px}html:not(.motion-ready) .story-copy{position:static;opacity:1;visibility:visible;transform:none;max-width:650px}html:not(.motion-ready) .story-bottom{position:static;transform:none;padding-bottom:25px}

/* Release review: one editorial system across every public route. */
@font-face{font-family:Sora;src:url('/assets/fonts/sora-latin.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
figure{margin:0}.micro-label{display:flex;align-items:center;gap:1rem;font:500 .75rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}.editorial-page-head{padding:80px 0 65px}.editorial-page-head .micro-label{border-bottom:1px solid #0b1b2b24;padding-bottom:22px;margin-bottom:38px;color:#596961}.editorial-page-head .micro-label>span{margin-left:auto}.editorial-page-head h1{font-size:clamp(2.8rem,5.6vw,5.8rem);line-height:1.08;font-weight:500;letter-spacing:-.065em;max-width:1100px}.editorial-page-head .lede{font-size:1.12rem;max-width:630px;line-height:1.8;margin-top:1.7rem;margin-bottom:0}.editorial-page-head--dark{background:var(--midnight);color:white}.editorial-page-head--dark .micro-label{color:#b0bbc3;border-color:#ffffff25}.editorial-page-head--dark .lede{color:#bfc8cc}.review-two-col{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.review-two-col h2,.editorial-feature h2,.quality-status h2{font-size:clamp(2rem,3.4vw,3.3rem);font-weight:500;letter-spacing:-.055em;line-height:1.15}.review-two-col p,.editorial-feature p{color:var(--slate);font-size:1rem;line-height:1.8}.review-two-col .section--dark p,.section--dark .review-two-col p{color:#c0cad0}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.review-cards article{border-top:1px solid #0b1b2b30;padding:24px 0}.review-card-number{font:.75rem var(--mono);color:#a04324;display:block;margin-bottom:32px}.review-cards h3{font-size:1.4rem;font-weight:500;letter-spacing:-.04em}.review-cards p{line-height:1.8;color:var(--slate);font-size:1rem}.launch-ribbon{background:#eae8df;padding:17px 22px;display:flex;align-items:center;gap:15px;margin-bottom:30px;font-size:.875rem}.concept-caption{font:.75rem/1.65 var(--mono);color:#65706b;letter-spacing:.01em;margin:16px 0 0}.editorial-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;align-items:center}.editorial-feature figure img{width:100%;aspect-ratio:1.5;object-fit:cover}.about-feature figure img{aspect-ratio:1.1;object-position:42% center}.support-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.support-links a{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #0b1b2b25;font-size:1rem}.support-links a:hover{color:#a04324}.editorial-note{background:#eae8df;padding:35px;border-left:2px solid var(--ember)}.editorial-note p{color:var(--slate);line-height:1.8}.product-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;padding-top:60px;padding-bottom:75px;align-items:center}.product-detail__visual figure{background:#eeece6;position:relative;padding:45px 35px 22px}.product-detail__visual figure img{width:100%;height:500px;object-fit:contain}.product-detail__visual .concept-caption{text-align:center}.product-small-label{font:.75rem var(--mono);letter-spacing:.08em;margin:18px 0;color:#626d68}.product-detail__copy .back-link{display:inline-block;font-size:.875rem;color:#64716a;margin-bottom:40px}.product-detail__copy h1{font-size:clamp(3.5rem,6vw,6rem);font-weight:500;letter-spacing:-.07em;position:relative;line-height:1.02;margin:18px 0 25px}.product-detail__copy h1>span{font-size:.5em;color:#6a766f}.product-detail__copy h1 i{width:12px;height:12px;display:inline-block;border-radius:50%;margin:0 0 8px 20px}.product-ingredient{font:.95rem var(--mono);padding-bottom:24px;border-bottom:1px solid #0b1b2b20}.product-detail__copy .lede{font-size:1rem;line-height:1.85}.product-status{font-size:.875rem;display:flex;align-items:center;gap:12px;margin:25px 0}.product-detail__copy>.small{margin-top:20px}.product-evidence{background:#eae8df}.pen-editorial{background:var(--midnight);padding:0 0 65px}.pen-editorial figure img{width:100%;aspect-ratio:1.78;object-fit:cover}.pen-editorial .concept-caption{color:#adb8c0}.quality-status{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:center}.quality-status p{color:var(--slate);line-height:1.8}.quality-stages div{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #0b1b2b20;padding:22px 0;font-size:.875rem}.quality-stages strong{font-size:.75rem;font-weight:500;color:#636f67;white-space:nowrap}.research-entry{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:35px 0;border-top:1px solid #0b1b2b25}.research-entry h3{font-size:1.45rem;font-weight:500;letter-spacing:-.04em;line-height:1.4}.research-entry h3 a:hover{color:#a04324}.research-entry p{max-width:850px;color:var(--slate);line-height:1.8}.research-entry .micro-label{font-size:.75rem}.research-limit{font-size:.9rem;border-left:2px solid #c8cbc0;padding-left:20px}.reading-width{max-width:880px}.reading-width.prose{max-width:880px}.reading-width.prose p,.reading-width.prose li{font-size:1.05rem;line-height:1.85}.reading-width.prose h2{font-size:1.75rem;font-weight:500;margin-top:2.5rem}.faq__group{font-size:1.7rem;font-weight:500;margin:2.5rem 0 1rem}.faq__item summary{font-size:1.05rem;padding-block:1.35rem}.faq__a{font-size:1rem;line-height:1.85}.journal-entry{display:grid;grid-template-columns:65px 1fr 25px;gap:30px;border-top:1px solid #0b1b2b25;padding:35px 0}.journal-entry h2{font-size:clamp(1.6rem,2.8vw,2.65rem);font-weight:500;letter-spacing:-.055em;line-height:1.2}.journal-entry p{color:var(--slate)}.journal-entry>span:last-child{font-size:1.5rem}.journal-entry:hover h2{color:#a04324}.article-date{font-size:.8rem!important;color:#69756c;border-top:1px solid #0b1b2b20;padding-top:25px;margin-top:50px}.inquiry-form{background:#eeece6;padding:38px;border-radius:0;box-shadow:none;border:0}.inquiry-form h2{font-size:2rem;font-weight:500;letter-spacing:-.05em}.inquiry-form .form-explainer{font-size:.875rem;color:var(--slate);line-height:1.7}.inquiry-form label{font-size:.875rem;margin-bottom:18px}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea{margin-top:7px;padding:14px;border-radius:3px;border:1px solid #b9c0b8;background:#fbfaf7;width:100%}.inquiry-form .checkbox{display:flex;gap:12px;align-items:start;line-height:1.65}.inquiry-form .checkbox input{margin-top:5px;flex-shrink:0}.inquiry-form .small{font-size:.75rem;line-height:1.7;margin-top:16px}.inquiry-result{background:#fff;border-top:2px solid var(--ember);padding:22px;margin-top:20px}.inquiry-result p{font-size:.9rem}.inquiry-result a{display:inline-flex;margin-top:10px}.inquiry-result button{font-size:.8rem;text-decoration:underline;display:block;margin-top:15px;min-height:44px}.contact-details>a{font-size:clamp(1.1rem,2.2vw,2rem);display:block;margin-bottom:40px;word-break:break-word}.contact-details .editorial-note{margin-top:60px}.founding-photo{margin-bottom:35px}.founding-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}.footer-inquiry{color:white;border-color:#ffffff50}.footer__cols{grid-template-columns:repeat(3,1fr)}.footer__disclaimer{max-width:1050px}.formula-editorial__image img{width:100%;height:100%;object-fit:contain}.formula-editorial__image{height:300px;padding:15px}.formula-editorial__top,.formula-editorial__price,.formula-editorial__info p,.story-bottom,.story-counter,.hero-caption,.pack-fine,.brand-strip span{font-size:.75rem}.scroll-cue{font-size:.75rem}.story-top .micro-label,.story-copy .micro-label,.cinematic-home .micro-label{font-size:.75rem}.story-product__pen{padding:8%}.story-product__cartridge{width:35%;left:24%;height:45%;top:26%}.header__actions>.btn{font-size:.8rem}.collection-note{font-size:.875rem}.home-disclaimer .notice{font-size:.875rem}.pack-outline{z-index:0;pointer-events:none}.pack-content>h2,.pack-content>p,.pack-content>a,.pack-content>.pack-fine{position:relative;z-index:1}
@media(max-width:899px){.review-two-col,.editorial-feature,.quality-status{grid-template-columns:1fr;gap:40px}.review-cards{gap:25px}.editorial-page-head{padding:60px 0 45px}.product-detail{gap:35px;padding-top:40px}.product-detail__visual figure{padding:25px 10px 20px}.product-detail__visual figure img{height:390px}.product-detail__copy h1{font-size:4rem}.product-detail__copy .back-link{margin-bottom:25px}.about-feature figure img{aspect-ratio:1.5}.contact-details .editorial-note{margin-top:35px}.story-product__pen{padding:10%}}
@media(max-width:600px){.editorial-page-head{padding:45px 0 40px}.editorial-page-head h1{font-size:2.9rem}.editorial-page-head .micro-label{font-size:.75rem;letter-spacing:.04em;gap:10px;margin-bottom:28px}.editorial-page-head .micro-label>span{font-size:.75rem}.editorial-page-head .lede{font-size:1rem;line-height:1.8}.review-cards{grid-template-columns:1fr;gap:15px}.review-card-number{margin-bottom:20px}.review-cards h3{font-size:1.4rem}.support-links{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr;gap:25px;padding-top:25px;padding-bottom:45px}.product-detail__visual figure img{height:340px}.product-detail__copy h1{font-size:4.7rem}.product-detail__copy .back-link{margin-bottom:25px}.review-two-col h2,.editorial-feature h2,.quality-status h2{font-size:2.3rem}.editorial-note{padding:25px}.research-entry{grid-template-columns:30px 1fr;gap:10px}.research-entry h3{font-size:1.25rem}.research-entry p{font-size:1rem}.research-entry .micro-label{font-size:.75rem;letter-spacing:.04em}.journal-entry{grid-template-columns:30px 1fr 18px;gap:10px;padding:30px 0}.journal-entry .micro-label{font-size:.75rem;letter-spacing:.02em}.journal-entry h2{font-size:1.7rem}.journal-entry p{font-size:1rem}.inquiry-form{padding:25px}.inquiry-form h2{font-size:1.8rem}.footer__cols{grid-template-columns:1fr 1fr;gap:25px}.formula-editorial{padding:14px}.formula-editorial__image{height:210px;padding:10px 0}.formula-editorial__info p{font-size:.875rem;min-height:3.2em}.formula-editorial__top{font-size:.75rem;line-height:1.5;letter-spacing:0}.formula-editorial__top>span:first-child{max-width:100px}.formula-editorial__price{font-size:.75rem;line-height:1.6}.related-collection .formula-editorial:last-child{display:none}.story-bottom{font-size:.75rem;flex-wrap:wrap}.story-bottom>span{max-width:230px}.story-progress{width:70px}.scroll-cue{display:none}.life-hero h1{font-size:clamp(3.8rem,13vw,5.5rem)}.life-hero .micro-label{font-size:.75rem}.brand-strip span{font-size:.75rem}.story-copy h2{font-size:2.3rem}.story-copy-wrap{top:55%}.story-product{height:57%}.story-copy p:not(.micro-label){font-size:1rem}.story-copy .text-link{font-size:.875rem}.story-bottom{bottom:18px}.product-story__stage{min-height:820px}.pack-section .micro-label,.editorial-head .micro-label{font-size:.75rem}.life-hero__bottom p{font-size:1rem}.quality-stages div{flex-wrap:wrap;gap:10px}.quality-stages strong{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.product-story__stage{min-height:0}.story-product{height:430px}.story-product__pen{padding:0}.story-copy-wrap{top:auto}}
@media(min-width:601px) and (max-width:1000px){.story-copy p:not(.micro-label){max-width:300px}.story-copy-wrap{top:50%}.product-story__stage{min-height:850px}}
@media(max-width:600px){.product-detail__copy h1{font-size:clamp(3.2rem,15vw,4.7rem)}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea{font-size:1rem}.editorial-page-head .micro-label{flex-wrap:wrap}}
@media(max-width:640px) and (max-height:740px){.product-story{height:auto}.product-story__stage{height:auto;min-height:0;padding-top:95px;position:relative}.story-product{position:relative;left:auto;top:auto;width:100%;height:350px;transform:none!important}.story-product__pen{transform:none!important;padding:0}.story-product__cartridge{display:none}.story-copy-wrap{position:relative;top:auto;left:auto;transform:none;height:auto;display:grid;gap:40px;padding-bottom:50px}.story-copy{position:static;opacity:1!important;visibility:visible!important;transform:none!important;max-width:none}.story-copy p:not(.micro-label){max-width:none}.story-bottom{position:static;transform:none;left:auto;padding-bottom:25px}.story-progress,.story-counter{display:none}}
/* Exposure and professional connection pages. */
.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-secondary{font-size:.875rem;text-decoration:underline;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}.connection-intro{max-width:780px;margin-bottom:55px}.connection-intro>p:not(.launch-ribbon){max-width:700px}.connection-intro>.lede{font-size:1.6rem;line-height:1.5;color:var(--midnight)}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#bfc5bc;border:1px solid #bfc5bc}.partner-card{background:var(--bone);padding:clamp(26px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start}.partner-card h2{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.2;letter-spacing:-.045em;max-width:410px;font-weight:500}.partner-card>p{line-height:1.8}.partner-card>.micro-label{color:#7b4936;font-size:.75rem;margin-bottom:16px}.partner-card .text-link{margin-top:auto;padding-top:18px}.partner-card .review-card-number{margin-bottom:25px}.anchor-target{scroll-margin-top:115px}.section--sand{background:#e9e6dd}.inquiry-form select{display:block;margin-top:7px;padding:14px;border-radius:3px;border:1px solid #b9c0b8;background:#fbfaf7;width:100%;color:var(--midnight);font:inherit;min-height:50px}.resource-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.resource-feature{padding:clamp(32px,5vw,65px);background:var(--midnight);color:#fff;display:flex;flex-direction:column;min-height:510px}.resource-feature h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin-block:40px 25px}.resource-feature>p:not(.micro-label){max-width:400px;color:#d0d7d4;line-height:1.8}.resource-feature .text-link{align-self:flex-start;margin-top:auto;color:#ffc4a8;border-color:#ffc4a860}.resource-secondary{display:grid;grid-template-rows:1fr 1fr;gap:26px}.resource-secondary>a{display:block;background:#e9e6dd;padding:32px;position:relative}.resource-secondary h2{font-size:1.8rem;font-weight:500;letter-spacing:-.04em}.resource-secondary p{max-width:460px;line-height:1.8}.resource-secondary>a>span{position:absolute;top:32px;right:28px}.resource-feature:hover h2,.resource-secondary>a:hover h2{color:var(--ember)}.share-tools{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding-block:25px}.share-tools button{cursor:pointer}.share-status{font-size:.875rem;color:#425d4e;flex-basis:100%}.share-status:empty{display:none}.share-fallback{width:100%;font-size:1rem;padding:12px;border:1px solid #b9c0b8}.evidence-prompts{padding-left:30px;margin-top:40px}.evidence-prompts>li{padding-left:15px;border-bottom:1px solid #c9cdc4;padding-bottom:16px;break-inside:avoid}.evidence-prompts>li::marker{color:#9a4a2e;font-family:var(--mono);font-size:.9rem}.evidence-prompts h2{margin-top:1.5rem!important}.article-invitation{background:#e9e6dd;margin:45px 0;padding:30px}.article-invitation h2{margin-top:0!important}.press-assets{background:#e9e6dd;padding:32px}.press-logo{padding:32px 0 40px}.press-logo img{max-width:100%;height:auto}.press-assets>a{display:block;padding:16px 0;border-top:1px solid #bfc5bc;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}.press-assets>.small{line-height:1.8;margin-top:25px}.brief-copy .launch-ribbon{font-size:.8rem}.resource-secondary .micro-label{font-size:.75rem;padding-right:30px}
@media(max-width:700px){.partner-grid,.resource-grid{grid-template-columns:1fr}.partner-card{padding:28px}.connection-intro{margin-bottom:32px}.connection-intro>.lede{font-size:1.35rem}.resource-feature{min-height:430px}.hero-actions{gap:10px 20px}.hero-actions .cinematic-btn{padding:1rem 1.1rem;gap:1rem}.inquiry-form select{font-size:1rem}.share-tools{gap:16px}.share-tools .btn{width:100%}.resource-secondary>a{padding:28px}.press-assets{padding:25px}.evidence-prompts{padding-left:24px}.evidence-prompts>li{padding-left:6px}.announce{font-size:.7rem;letter-spacing:.02em}.brief-copy .launch-ribbon{line-height:1.8}}
@media print{.header,.announce,.footer,.share-tools,.skip,.article-invitation,button,a[download]{display:none!important}html,body{background:#fff!important;color:#111!important;font-size:11pt}.container,.reading-width,.reading-width.prose{max-width:100%!important;padding-inline:0!important}.section,.editorial-page-head{padding:16px 0!important}.editorial-page-head h1{font-size:30pt!important}.editorial-page-head .micro-label>span{display:none}.reading-width.prose h2{font-size:16pt!important}.reading-width.prose p,.reading-width.prose li{font-size:11pt!important;line-height:1.55!important}h2,h3{break-after:avoid}p,li{orphans:3;widows:3}a{color:inherit!important;text-decoration:underline}.notice{break-inside:avoid;background:#fff;border:1px solid #aaa}.launch-ribbon{background:#fff;border:1px solid #aaa}.evidence-prompts>li{break-inside:avoid}.brief-copy:after{content:'Canipep · Prelaunch partnership brief · ' attr(data-print-url);display:block;margin-top:24px;font-size:9pt}}

.form-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* Public Fieldnotes introduction and open observation guide. */
.fieldnotes-intro{background:#0b1b2b;color:#f5f1e8;padding:74px 0 80px;overflow:hidden}
.fieldnotes-intro .micro-label{color:#c7ccc9;display:flex;justify-content:space-between;gap:24px;margin-bottom:52px}
.fieldnotes-intro__grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px}
.fieldnotes-intro h1{font-size:clamp(48px,5.6vw,84px);line-height:1.07;letter-spacing:-.065em;margin:0 0 28px;font-weight:500}
.fieldnotes-intro h1 em{font-style:normal;color:#ec7753}
.fieldnotes-intro .lede{max-width:510px;color:#c7d1d7;font-size:18px;line-height:1.7}
.fieldnotes-intro .small{color:#adbdc5;margin-top:22px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.fieldnotes-intro .btn--outline-light{border:1px solid #70818e;color:#fff;background:transparent}
.fieldnotes-intro .btn--outline-light:hover{background:#1c3347}
.fieldnotes-film{margin:0;border:1px solid #3c4a56;padding:10px;border-radius:18px;background:#132537;box-shadow:0 24px 72px #0003}
.fieldnotes-film video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#0b1b2b}
.fieldnotes-film figcaption{color:#b2c0c8;font-size:12px;line-height:1.6;padding:14px 8px 6px}
.fieldnotes-results{background:#eeebe4}
.journal-guide-toc{border-top:1px solid #c5cbc9;border-bottom:1px solid #c5cbc9;padding:24px 0;margin:32px 0;display:grid;gap:10px}
.journal-guide-toc strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.journal-example{padding:30px;background:#eeebe4;border-radius:14px;margin:28px 0}
.journal-example dl{margin:0}.journal-example dt{font-weight:650;margin-top:20px}.journal-example dd{margin:6px 0 0}
.prose [id]{scroll-margin-top:110px}
@media(max-width:850px){.fieldnotes-intro__grid{grid-template-columns:1fr;gap:38px}.fieldnotes-intro{padding:48px 0 52px}.fieldnotes-intro .micro-label{flex-wrap:wrap;gap:12px;margin-bottom:36px}.fieldnotes-intro h1{font-size:clamp(46px,10vw,70px)}.fieldnotes-film{max-width:650px}.journal-example{padding:22px}}
@media print{.journal-guide-toc,.share-tools,.cta-row,.fieldnotes-film{display:none}.journal-example,.editorial-note{break-inside:avoid}.prose{max-width:none}.prose a{color:inherit;text-decoration:underline}}