:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15272a;background:#f7f8f5;--ink:#15272a;--mute:#52656a;--accent:#006f66;--pale:#e6f1eb;--line:#cbd9d6;--paper:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible{outline:3px solid #0d7d78;outline-offset:4px}
.sr-only{position:absolute;left:-9999px}.skip{position:absolute;left:-9999px;background:white;padding:12px;z-index:5}.skip:focus{left:12px;top:12px}
header{background:#12262a;color:#f6faf7;border-bottom:1px solid #385158}.header-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.wordmark{font-weight:800;letter-spacing:-.04em;text-decoration:none;font-size:1.18rem}.wordmark span{display:inline-block;width:10px;height:10px;background:#9fdaca;border-radius:50%;margin-right:9px}nav{display:flex;gap:22px}nav a{text-decoration:none;font-size:.92rem;color:#d6e7e4}nav a:hover{color:white}
.draft{padding:10px 18px;background:#f0e7d3;border-bottom:1px solid #dfd2b6;color:#57492e;text-align:center;font-size:.78rem;letter-spacing:.065em;font-weight:750}
main{min-height:60vh}.container{max-width:1160px;margin:0 auto;padding:68px 24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:450px;padding-top:76px;padding-bottom:75px}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:.74rem;font-weight:850;letter-spacing:.15em}.hero h1,h1{font-size:clamp(2.4rem,5.4vw,4.9rem);line-height:1.06;letter-spacing:-.065em;margin:16px 0 20px}.hero h1 em{font-style:normal;color:#008779}.lead{font-size:1.13rem;line-height:1.75;color:var(--mute);max-width:600px}.btn{display:inline-block;background:#006e64;color:#fff;border-radius:9px;padding:14px 21px;text-decoration:none;font-size:.92rem;font-weight:750}.btn:hover{background:#03564e}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #879e9a}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.muted,.small{color:var(--mute)}.small{font-size:.84rem;line-height:1.6}.subtle{font-size:.86rem;color:#546965;margin-top:14px}
.display{background:#e2ebe7;padding:30px 24px 25px;border-radius:28px;transform:rotate(2deg);box-shadow:0 22px 60px #003b301a}.paper{border-radius:12px;background:#fff;padding:23px;box-shadow:0 7px 30px #12312b1c;transform:rotate(-1.5deg)}.paper h2{font-size:1.25rem;margin:0 0 6px;letter-spacing:-.02em}.mini{font-size:.65rem;color:var(--mute);margin-bottom:15px}.cells{display:grid;grid-template-columns:2fr 1fr;gap:9px}.cell{border:1.5px solid #7c9390;border-radius:6px;min-height:58px;padding:9px;font-size:.65rem;font-weight:800;color:#304c4a}.cell.wide{grid-column:1/-1}.cell i{display:block;height:12px;margin-top:11px;border-bottom:1px solid #d4e2de}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.section-heading h2{font-size:2.1rem;letter-spacing:-.05em;margin:6px 0}.section-heading p{max-width:450px;line-height:1.6;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 0 #0d463707}.tile{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:175px;padding:25px;position:relative;isolation:isolate;overflow:hidden;color:#fff}.tile:after{content:"CONCEPT PLACEHOLDER · NOT A PRODUCT PREVIEW";font-size:.52rem;letter-spacing:.12em;position:absolute;bottom:10px;left:12px;right:12px;opacity:.75}.tile h3{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.16;letter-spacing:-.04em;margin:0;max-width:300px;align-self:center;position:relative;z-index:2}.tile.minimal{background:linear-gradient(135deg,#778f8d,#bfcac5);color:#102d2a}.tile.pixel{background:linear-gradient(130deg,#196458,#2b927a)}.tile.console{background:linear-gradient(130deg,#192a38,#435d6b)}.tile.save{background:linear-gradient(130deg,#46434c,#8d5e5e)}.tile.terminal{background:linear-gradient(130deg,#1c3232,#2d6052)}
.card-body{padding:21px}.card-body h3{font-size:1.1rem;margin:7px 0 11px;line-height:1.3}.card-body p{color:var(--mute);font-size:.94rem;line-height:1.7;min-height:65px}.card-body .bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-body .details{font-size:.87rem;font-weight:800;color:var(--accent);text-decoration:none}.chip{display:inline-block;background:var(--pale);border:1px solid #b4d5ce;border-radius:99px;color:#235950;padding:5px 9px;font-size:.72rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:26px}.feature{border:1px solid var(--line);background:white;padding:26px;border-radius:15px}.feature b{display:block;font-size:1.05rem;margin:6px 0 7px}.feature p{font-size:.92rem;color:var(--mute);line-height:1.6}.number{font-weight:800;font-size:1.1rem;color:var(--accent)}
hr{border:0;border-top:1px solid var(--line);margin:35px 0}.product-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:start}.product-detail .tile{border-radius:25px;min-height:340px}.product-detail h1{font-size:clamp(2.1rem,4.2vw,4rem)}.product-detail p{color:var(--mute);line-height:1.8}.info{border-left:3px solid #2b9b8a;padding:9px 16px;background:#ecf5f1;font-size:.89rem;line-height:1.6}.bullets{line-height:2;color:var(--mute)}.back{display:inline-block;margin-bottom:29px;text-decoration:none;color:var(--accent);font-weight:700}.narrow{max-width:810px}.narrow h1{font-size:clamp(2.2rem,5vw,3.5rem)}.narrow p{line-height:1.85;color:var(--mute)}
footer{border-top:1px solid var(--line);background:#eaf0ec;padding:25px 24px;margin-top:55px}.footer-inner{max-width:1160px;margin:auto;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.81rem;color:#50645d}.footer-inner a{margin-left:13px}
@media(max-width:850px){.hero,.product-detail{grid-template-columns:1fr;gap:35px}.hero{padding-top:45px}.display{max-width:530px;width:100%;margin:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:1fr 1fr}.section-heading{display:block}}
@media(max-width:580px){.header-inner{flex-direction:column;gap:16px}nav{justify-content:center}.container{padding:40px 18px}.hero h1{font-size:3.05rem}.grid,.features{grid-template-columns:1fr}.section-heading h2{font-size:1.7rem}.display{padding:17px}.card-body p{min-height:auto}.tile{min-height:165px}.buttons a{flex:1;text-align:center}.footer-inner{display:block}.footer-inner a{display:inline-block;margin:10px 12px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Collection bundle and long-form product pages */
.tile.bundle{background:linear-gradient(135deg,#124e53 0%,#287b6d 45%,#62768a 75%,#102a38 100%)}
.product-detail article h2{font-size:1.2rem;line-height:1.3;margin:27px 0 11px;letter-spacing:-.025em}
.product-detail article .bullets{padding-left:22px}.product-detail article .bullets li{padding:2px 0}


/* Raster & Rove — approved expressive/editorial concept, 2026-10-08.
   Website typesetting is a fallback, not a replacement for the illustrated logo. */
:root {
  --ink:#0F3B4C; --mute:#45636a; --accent:#087e75;
  --pale:#e9f4ec; --line:#d7dfd6; --paper:#F7F4EA;
  --deep-current:#0F3B4C; --tide-teal:#0FA898;
  --meadow:#C8E36A; --sunset:#FF8B61;
  --radius:18px;
  color:var(--ink);background:var(--paper);
}
body{background:var(--paper);color:var(--ink)}
header{background:var(--deep-current);border-color:#2f6471}
.header-inner{max-width:1180px}
.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;letter-spacing:-.065em;font-weight:700;color:#f9f8f1}
.wordmark span{width:12px;height:12px;margin-right:10px;border-radius:50%;background:var(--meadow);box-shadow:9px -7px 0 -3px var(--tide-teal);vertical-align:3px}
nav a{color:#e1eee9}
nav a:hover,nav a:focus-visible{color:var(--meadow)}
.draft{background:#f0e7d8;color:#5b4539;border-color:#d6cab7}
.hero h1,.section-heading h2,.narrow h1,.product-detail h1{
  font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.058em;
}
.hero h1{font-size:clamp(2.85rem,6.2vw,5.3rem);line-height:1.04}
.hero h1 em{color:#078b7e;position:relative;display:inline;font-style:italic}
.hero h1 em::after{content:"";position:absolute;left:2%;bottom:-.07em;width:93%;height:4px;background:var(--meadow);transform:rotate(-1.5deg);border-radius:70%}
.eyebrow{color:#08756f;letter-spacing:.17em}
.lead{color:var(--mute)}
.btn{background:#08796f;border-radius:10px}
.btn:hover{background:#075e58}
.btn.secondary{color:var(--deep-current);border-color:#91aba7}
.btn.secondary:hover{background:#e3eee7}
.display{background:radial-gradient(circle at 83% 12%,var(--meadow) 0 18px,transparent 19px),linear-gradient(140deg,#dcebe4 0%,#b7dcd2 100%);box-shadow:0 22px 60px #0F3B4C1a}
.paper{background:#fffdfa}
.paper h2{font-family:Georgia,"Times New Roman",serif;color:var(--deep-current)}
.cell{border-color:#749a93}
.card{border-color:#d2dfd7;box-shadow:0 3px 0 #0F3B4C0b}
.card-body,.feature{background:#fffdfa}
.tile.minimal{background:linear-gradient(135deg,#879c98,#e4e9df);color:#0F3B4C}
.tile.pixel{background:linear-gradient(130deg,#075b58,#0FA898)}
.tile.console{background:linear-gradient(130deg,#082e3d,#0d735f)}
.tile.save{background:linear-gradient(135deg,#597986,#9fbbb9)}
.tile.terminal{background:linear-gradient(135deg,#173d3e,#557967)}
.tile.bundle{background:radial-gradient(circle at 78% 17%,#C8E36A 0 24px,transparent 25px),linear-gradient(132deg,#0F3B4C,#0FA898 82%)}
.tile:after{color:inherit}
.chip{background:#e3f2e9;border-color:#b7d6c4;color:#305d55}
.feature{border-color:#d4dfd4}
.number{color:var(--tide-teal)}
.info{border-left-color:var(--tide-teal);background:#e9f4ee}
footer{background:#e9eee7}
a:focus-visible{outline-color:#0c8173}
::selection{background:#C8E36A;color:#0F3B4C}
@media(max-width:580px){.wordmark{font-size:1.45rem}.hero h1{font-size:clamp(2.65rem,11vw,3.4rem)}}

/* Authentic, reduced-size storefront artwork.
   These assets are preview-only and never replace paid delivery files. */
.tile.preview-image{display:flex;align-items:center;justify-content:center;background:#e7ede6;padding:16px;min-height:210px}
.tile.preview-image::after{content:none}
.tile.preview-image img{display:block;width:100%;height:250px;max-width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 13px #0F3B4C22)}
.card .tile.preview-image{background:linear-gradient(140deg,#e4eee9,#f7f4ea)}
.product-gallery{display:grid;gap:20px;min-width:0}
.product-detail .tile.preview-image{min-height:440px;border-radius:22px;background:linear-gradient(140deg,#e4eee9,#f7f4ea)}
.product-detail .tile.preview-image img{height:auto;max-height:560px;width:100%;object-fit:contain}
.planner-preview{margin:0;padding:18px 18px 12px;background:#fffdfa;border:1px solid var(--line);border-radius:20px;text-align:center}
.planner-preview img{width:100%;height:auto;max-height:620px;object-fit:contain;filter:drop-shadow(0 10px 15px #0F3B4C22)}
.planner-preview figcaption{color:var(--mute);font-size:.76rem;line-height:1.5;margin-top:9px}
@media(max-width:580px){.tile.preview-image img{height:235px}.product-detail .tile.preview-image{min-height:310px}.product-detail .tile.preview-image img{max-height:390px}}

/* Release-mode Payhip checkout button. Never rendered unless every release check passes. */
.product-detail .buy{display:inline-block;margin:18px 0 12px;line-height:1.4;max-width:100%;text-align:center}
@media(max-width:580px){.product-detail .buy{display:block;width:100%}}

/* Launch-ready price and proposed policy typography */
.purchase-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 22px}
.purchase-price strong{font-size:1.5rem;letter-spacing:-.05em;color:var(--deep-current)}
.purchase-price span{font-size:.85rem;color:var(--mute)}
.policy-page h2{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.25;letter-spacing:-.03em;margin:34px 0 10px;color:var(--deep-current)}
.policy-page h2:first-of-type{margin-top:28px}
.policy-page a{color:var(--accent);text-underline-offset:3px}
.policy-page .info{border-radius:0 6px 6px 0}

/* Approved Raster & Rove board: airy paper header and actual artwork when installed. */
header{background:var(--paper);border-bottom:1px solid #d5dfd7;color:var(--deep-current)}
header .wordmark{color:var(--deep-current);display:inline-flex;align-items:center;justify-content:center;min-height:42px}
header nav a{color:var(--deep-current);font-weight:650}
header nav a:hover,header nav a:focus-visible{color:#006e67}
.brand-wordmark-image{display:block;width:min(250px,35vw);height:auto;max-height:112px;object-fit:contain}
@media(max-width:650px){.brand-wordmark-image{width:min(200px,70vw);max-height:104px}}

/* Bitmap preview native dimensions: avoid magnifying the 170px board-derived crop. */
.brand-wordmark-image{width:170px;max-height:88px}
@media(max-width:580px){.brand-wordmark-image{width:160px;max-height:84px}}

/* Post-launch customer help: clearly readable, accessible, mobile-friendly. */
.purchase-help{font-size:.87rem;line-height:1.6;margin:0 0 16px;color:var(--mute)}
.purchase-help a,.help-page a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.help-page h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.03em;font-size:1.55rem;line-height:1.3;margin:32px 0 14px}
.help-page h3{font-size:1.02rem;line-height:1.5;margin:23px 0 6px}
.help-page section{margin-top:32px}
.help-steps{list-style:decimal;padding-left:27px;line-height:1.75;color:var(--mute)}
.help-steps li{padding:6px 0 8px 4px}
.help-steps strong{color:var(--ink)}
.help-page .help-contact{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fffdfa}
.help-contact h2{margin-top:0}
.help-contact .btn{margin-top:7px}
@media(max-width:580px){.help-page .help-contact{padding:19px}.help-contact .btn{width:100%;text-align:center}}