/* CuteBaker — minimal dark landing page.  All images remain replaceable assets. */
:root {
  --bg:#071b18; --panel:#0d2923; --panel-strong:#103529;
  --border:#24463b; --mint:#b9f5d2; --mint-strong:#9becbd;
  --white:#f5f9f5; --muted:#b7c9bd; --soft:#d7e7db;
  --warm:#f6d8a4; --wrap:1160px;
  color-scheme:dark;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; background:var(--bg); color:var(--white); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased}
a, button {font:inherit}
a {color:inherit}
button {cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid var(--mint); outline-offset:4px}
[hidden] {display:none!important}
.wrap {width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-glow {position:absolute;inset:0 0 auto;height:860px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 750px 500px at 50% -145px,rgba(48,114,86,.25),transparent 92%)}
.site-header {height:102px;display:flex;align-items:center;justify-content:center}
.brand {display:inline-flex;align-items:center;justify-content:center}
.brand img {width:204px;height:auto;display:block}
.intro {text-align:center;padding:35px 0 47px}
.eyebrow {display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 22px;color:var(--mint-strong);font-weight:800;font-size:12px;letter-spacing:1.85px}
.eyebrow-line {height:1px;width:24px;background:#498a70}
.intro h1,.section-heading h2,.final-cta h2 {margin:0;font-weight:780;letter-spacing:-.055em;line-height:1.08}
.intro h1 {font-size:clamp(52px,5.6vw,79px)}
.mobile-hero {display:none}
em {font-style:normal;color:var(--mint)}
.intro-copy {max-width:650px;margin:25px auto 0;color:#c4d6c9;font-size:19px;line-height:1.65}
/* Offers — intentionally quiet: one image, one sentence, price, deadline, action */
.offers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.offer {min-width:0;display:flex;flex-direction:column;padding:31px;border-radius:24px;background:#0d2923;border:1px solid #345649;box-shadow:0 20px 60px rgba(0,0,0,.09);overflow:hidden}
.offer-studio {background:#103227;border-color:#49856a}
.offer-top {display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-tag {font-size:11px;letter-spacing:1.35px;font-weight:820;color:#c7e7d2}
.studio-tag {color:var(--mint)}
.offer-kind {font-size:13px;color:#b1c5b8;text-align:right}
.book-visual,.studio-visual {height:248px;position:relative;display:flex;justify-content:center;align-items:center;min-width:0;margin:10px -8px 9px}
.book-halo {position:absolute;width:330px;height:210px;background:radial-gradient(ellipse,#3e7655 0,transparent 76%);filter:blur(15px);opacity:.38}
.book-image {position:relative;display:block;height:220px;width:auto;max-width:82%;object-fit:cover;border-radius:5px;transform:rotate(-4deg);box-shadow:15px 21px 30px #0006,4px 2px 0 #a0bbaa}
.studio-mockup {position:relative;width:77%;max-width:350px;transform:translate(-7px,2px)}
.studio-mockup>img {display:block;width:100%;height:auto;border:1px solid #598977;border-radius:11px;box-shadow:0 18px 35px #0005}
.studio-phone {position:absolute;width:22%;right:-6%;bottom:-15px;transform:rotate(4deg);filter:drop-shadow(-7px 11px 11px #0008)}
.studio-phone img {display:block;width:100%;height:auto;border:4px solid #172e27;border-radius:16px}
.offer-copy {flex:1}
.offer-copy h2 {font-size:clamp(29px,2.7vw,34px);line-height:1.17;letter-spacing:-.04em;font-weight:760;margin:0 0 13px}
.offer-copy>p {font-size:17px;line-height:1.63;max-width:460px;color:#bdd2c4;margin:0}
.offer-bottom {border-top:1px solid #335448;margin-top:27px;padding-top:23px}
.price-and-urgency {display:flex;align-items:center;justify-content:space-between;gap:18px}
.price-label {display:block;color:#9ec2ab;font-size:11px;letter-spacing:1.4px;font-weight:800;margin-bottom:6px}
.price-figure {display:flex;align-items:baseline;gap:3px;line-height:1}
.price-block .currency {font-size:35px;font-weight:800}
.price-block .amount {font-size:60px;letter-spacing:-.045em;font-weight:800;font-variant-numeric:tabular-nums}
.price-caption {display:block;font-size:15px;color:#d0e1d2;margin-top:8px;font-weight:610}
.price-update {flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:11px 0 11px 14px;border-left:1px solid #38604e}
.price-update>span {font-size:13px;color:#acc3b4}
.price-update b {font-size:26px;line-height:1.1;letter-spacing:-.03em;color:var(--white);font-weight:790;font-variant-numeric:tabular-nums}
/* Countdown uses a single fixed public deadline. Never perpetual. */
.countdown {background:rgba(0,13,10,.28);border:1px solid #356350;border-radius:15px;padding:16px 18px;margin:22px 0 18px}
.countdown-top {display:flex;align-items:center;gap:8px;color:#d0e1d4;font-size:12px;font-weight:800;letter-spacing:1.1px}
.countdown-dot {flex:none;width:8px;height:8px;background:var(--warm);border-radius:50%}
.countdown-top time {margin-left:auto;font-size:13px;letter-spacing:0;color:#ecddc3;font-weight:730}
.timer-numbers {display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:9px;font-variant-numeric:tabular-nums}
.timer-cell {display:flex;flex-direction:column;align-items:center;min-width:64px}
.timer-cell b {font-size:32px;line-height:1.15;letter-spacing:-.06em;font-weight:780;color:#f5fff4}
.timer-cell small {margin-top:5px;color:#abc4b0;font-size:10px;font-weight:700;letter-spacing:1.2px}
.timer-separator {align-self:flex-start;font-size:27px;line-height:1.27;font-weight:700;color:#6e9a7e}
.cta {width:100%;min-height:70px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 23px;border:1px solid transparent;font-size:19px;font-weight:800;letter-spacing:-.02em;transition:transform .17s,background .17s}
.cta span:last-child {font-size:27px;line-height:1;font-weight:500}
.cta:hover {transform:translateY(-2px)}
.cta:active {transform:translateY(0)}
.cta-soft {background:#e0f0df;color:#123d2d}
.cta-soft:hover {background:#f3fff0}
.cta-green {background:var(--mint);color:#0a3022}
.cta-green:hover {background:#dbffe8}
.checkout-caption {min-height:19px;margin:14px 0 0;font-size:13px;line-height:1.5;text-align:center;color:#afc9b6}
.checkout-caption a {color:#ebfff1;text-underline-offset:4px;text-decoration-color:#6bae88}
/* Trust strip */
.trust {display:flex;align-items:center;justify-content:center;gap:34px;padding-top:55px;padding-bottom:81px}
.trust-item {display:flex;gap:9px;align-items:center;color:#c0d4c5;font-size:15px;white-space:nowrap}
.trust-icon {color:var(--mint);font-size:20px}
.trust-separator {width:1px;height:27px;background:#2a493b}
/* Value story */
.feature-section {padding-top:30px}
.section-heading {max-width:760px;margin:0 auto 65px;text-align:center}
.section-heading h2 {font-size:clamp(45px,4.9vw,66px)}
.section-heading>p:last-child {max-width:560px;margin:21px auto 0;color:#bfcec2;font-size:18px;line-height:1.6}
.feature-row,.feature-row.reverse {display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:66px;padding:91px 8px 99px;border-top:1px solid #2c483d;min-width:0}
.feature-row.reverse {grid-template-columns:1.15fr .85fr}
.feature-row.reverse .feature-copy {order:2}
.feature-row.reverse .screens {order:1}
.feature-index {font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--mint-strong);margin-bottom:23px}
.feature-copy h3 {max-width:500px;margin:0 0 20px;font-size:clamp(34px,3.4vw,46px);line-height:1.16;letter-spacing:-.045em}
.feature-copy>p {max-width:490px;margin:0;color:#bed1c3;font-size:18px;line-height:1.72}
.feature-result {display:block;margin-top:22px;color:#e4f2e6;font-size:16px;line-height:1.7;font-weight:660}
.feature-result>span {color:var(--mint);font-size:23px;margin-right:8px}
.screens {height:377px;min-width:0;display:flex;align-items:center;position:relative}
.screens:before {content:"";position:absolute;inset:20px 50px 20px 0;background:radial-gradient(ellipse,#174432 0,transparent 73%);filter:blur(9px)}
.screen-desktop {display:block;position:relative;width:88%;height:auto;border:1px solid #46705d;box-shadow:0 22px 48px #0005;border-radius:12px}
.screen-phone {position:absolute;width:23.5%;height:auto;bottom:-8px;right:-5px;border:5px solid #1e332c;border-radius:20px;box-shadow:0 18px 30px #0007}
.screens-caption {position:absolute;left:0;bottom:-33px;font-size:11px;letter-spacing:1.3px;color:#83aa93}
/* FAQ */
.faq {padding-top:67px;padding-bottom:113px;max-width:850px}
.section-heading-small {margin-bottom:34px}
.section-heading-small h2 {font-size:clamp(41px,4vw,57px)}
.faq-list {border-top:1px solid var(--border)}
.faq details {border-bottom:1px solid var(--border)}
.faq summary {list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font-size:19px;font-weight:680;line-height:1.46}
.faq summary::-webkit-details-marker {display:none}
.plus {width:33px;height:33px;border:1px solid #507a60;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.plus:before {content:'+';font-size:24px;line-height:1;color:var(--mint);font-weight:400}
.faq details[open] .plus:before {content:'−'}
.faq-answer {max-width:760px;padding:0 42px 29px 4px;color:#bfcec1;line-height:1.8;font-size:17px}
/* Final CTA */
.final-cta {padding-bottom:83px}
.final-cta-inner {text-align:center;padding:79px 25px 73px;border:1px solid #487d5f;border-radius:26px;background:radial-gradient(ellipse at 50% 120%,#1a5b40 0%,#113b2d 52%,#0b2c23 100%)}
.final-cta h2 {font-size:clamp(45px,4.6vw,65px)}
.final-cta-inner>p:not(.eyebrow,.cta-fine) {font-size:18px;line-height:1.72;max-width:530px;color:#c5d7c9;margin:22px auto 19px}
.final-price {display:flex;align-items:baseline;justify-content:center;gap:16px;margin:20px 0 23px}
.final-price strong {font-size:46px;letter-spacing:-.035em}
.final-price>span {font-size:16px;color:#c6dacc}
.final-btn {max-width:500px;margin:0 auto}
.cta-fine {font-size:13px;color:#b2ccba;margin:18px 0 0}
.footer {min-height:119px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9fbaa7;border-top:1px solid #244438;font-size:14px}
.footer-logo {font-size:23px;text-decoration:none;letter-spacing:-.04em;font-weight:790;color:#fff}
.footer-dot {color:var(--mint)}
.copyright {white-space:nowrap}
/* Transparent, keyboard accessible checkout placeholder */
.modal-backdrop {position:fixed;inset:0;background:rgba(0,7,5,.78);z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(7px)}
.notice {position:relative;width:100%;max-width:460px;padding:34px;background:#123228;border:1px solid #56866a;border-radius:22px;box-shadow:0 30px 100px #0009}
.notice h2 {margin:15px 0;font-size:29px;letter-spacing:-.03em;line-height:1.2}
.notice p {color:#c3d8c7;font-size:16px;line-height:1.7}
.notice code {background:#214636;padding:3px 6px;border-radius:4px}
.notice-symbol {width:50px;height:50px;display:grid;place-items:center;color:#103126;background:var(--mint);font-size:25px;border-radius:14px}
.close {position:absolute;top:12px;right:17px;background:transparent;border:0;color:#b9d3bf;font-size:32px}
.notice-ok {justify-content:center;min-height:56px;margin-top:22px}
/* Tablet */
@media (max-width:1010px) {
  .wrap {width:calc(100% - 44px)}
  .offer {padding:24px}
  .book-visual,.studio-visual {height:225px}
  .book-image {height:195px}
  .offer-copy h2 {font-size:29px}
  .offer-copy>p {font-size:16px}
  .price-block .amount {font-size:51px}
  .price-update b {font-size:23px}
  .feature-row,.feature-row.reverse {gap:38px}
  .screens {height:317px}
}
/* Mobile. Studio is first, with prominent purchase action visible on common phone heights. */
@media (max-width:700px) {
  .wrap {width:calc(100% - 30px)}
  .site-header {height:65px}
  .brand img {width:176px}
  .intro {padding:11px 0 20px}
  .intro .eyebrow {display:none}
  .desktop-hero {display:none}
  .mobile-hero {display:inline}
  .intro h1 {font-size:clamp(39px,9.7vw,52px);letter-spacing:-.055em;line-height:1.10}
  .intro-copy {font-size:15.5px;line-height:1.48;max-width:380px;margin:12px auto 0}
  .offers {display:flex;flex-direction:column;gap:18px}
  .offer-studio {order:-1}
  .offer {padding:19px 19px 21px;border-radius:20px}
  .product-tag {font-size:11px;letter-spacing:1.1px}
  .offer-kind {font-size:12px}
  .studio-visual {height:129px;margin:5px -3px 4px}
  .studio-mockup {width:59%;max-width:195px;transform:translate(-4px,0)}
  .studio-phone {right:-9%;bottom:-7px;width:23%}
  .book-visual {height:158px;margin:6px 0 6px}
  .book-image {height:148px}
  .offer-copy h2 {font-size:27px;margin:4px 0 8px;line-height:1.16}
  .offer-copy>p {font-size:15.5px;line-height:1.52;max-width:430px}
  .offer-bottom {margin-top:18px;padding-top:16px}
  .price-and-urgency {gap:12px}
  .price-label {font-size:10px;margin-bottom:6px}
  .price-block .currency {font-size:29px}
  .price-block .amount {font-size:48px}
  .price-caption {font-size:13px;margin-top:4px}
  .price-update {padding:9px 0 9px 13px}
  .price-update>span {font-size:12px}
  .price-update b {font-size:24px}
  .countdown {margin:15px 0 14px;padding:11px 12px;border-radius:13px}
  .countdown-top {font-size:11px;letter-spacing:.8px}
  .countdown-top time {font-size:12px}
  .timer-numbers {margin-top:8px;gap:7px}
  .timer-cell {min-width:52px}
  .timer-cell b {font-size:29px}
  .timer-cell small {font-size:9px;margin-top:3px}
  .timer-separator {font-size:25px}
  .cta {min-height:64px;padding:0 17px;border-radius:12px;font-size:17px}
  .cta span:last-child {font-size:25px}
  .checkout-caption {font-size:12px;margin-top:11px}
  .trust {flex-wrap:wrap;gap:12px 19px;padding-top:37px;padding-bottom:62px}
  .trust-item {font-size:13px}
  .trust-separator {display:none}
  .feature-section {padding-top:12px}
  .section-heading {margin-bottom:30px}
  .section-heading h2 {font-size:clamp(39px,9vw,48px)}
  .section-heading>p:last-child {font-size:16px;margin-top:14px}
  .feature-row,.feature-row.reverse {display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:53px 3px 75px}
  .feature-row.reverse .feature-copy,.feature-row.reverse .screens {order:initial}
  .feature-index {font-size:11px;margin-bottom:14px}
  .feature-copy h3 {font-size:clamp(32px,8vw,41px);margin-bottom:13px}
  .feature-copy>p {font-size:16px;line-height:1.7}
  .feature-result {font-size:14px;margin-top:17px}
  .screens {height:auto;min-height:232px;width:100%;max-width:560px;align-self:center;margin-bottom:15px}
  .screens:before {inset:2px 20px 2px}
  .screen-desktop {width:84%}
  .screen-phone {width:26%;right:0;bottom:-13px;border-width:3px;border-radius:14px}
  .screens-caption {font-size:10px;bottom:-26px}
  .faq {padding-top:26px;padding-bottom:80px}
  .section-heading-small h2 {font-size:40px}
  .faq summary {font-size:17px;padding:21px 0}
  .faq-answer {font-size:15px;line-height:1.75}
  .final-cta {padding-bottom:50px}
  .final-cta-inner {padding:54px 18px 48px;border-radius:22px}
  .final-cta h2 {font-size:clamp(39px,9vw,51px)}
  .final-cta-inner>p:not(.eyebrow,.cta-fine) {font-size:16px}
  .final-price strong {font-size:42px}
  .final-price>span {font-size:14px}
  .footer {min-height:124px;flex-wrap:wrap;justify-content:center;text-align:center;gap:7px 20px;padding:27px 0}
  .footer>span:nth-child(2) {flex-basis:100%;order:3}
  .footer-logo {font-size:21px}
}
@media (max-width:375px) {
  .wrap {width:calc(100% - 24px)}
  .site-header {height:59px}
  .brand img {width:158px}
  .intro {padding:7px 0 8px}
  .intro h1 {font-size:35px}
  .intro-copy {font-size:14.5px;margin-top:9px}
  .offer {padding:15px 15px 17px}
  .studio-visual {height:111px}
  .studio-mockup {width:59%}
  .offer-copy h2 {font-size:25px}
  .offer-copy>p {font-size:14.5px}
  .offer-bottom {margin-top:15px;padding-top:13px}
  .price-block .currency {font-size:26px}
  .price-block .amount {font-size:43px}
  .price-update b {font-size:21px}
  .countdown {padding:10px 9px;margin:12px 0 12px}
  .timer-numbers {gap:5px}
  .timer-cell {min-width:46px}
  .timer-cell b {font-size:26px}
  .timer-separator {font-size:22px}
  .cta {min-height:59px;font-size:15.5px;padding:0 14px}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*:before,*:after {transition:none!important;animation:none!important}}