/* Kancel 2026 — premium product-site layer */
:root{
  --modern-deep:#031b16;
  --modern-deep-2:#062f27;
  --modern-ink:#07362d;
  --modern-paper:#f7f6f1;
  --modern-card:#fffefa;
  --modern-line:rgba(7,54,45,.09);
  --modern-shadow:0 24px 80px rgba(5,39,32,.10);
  --modern-shadow-strong:0 38px 110px rgba(0,0,0,.34);
}
body{background:var(--modern-paper);letter-spacing:-.008em}
.shell{width:min(1210px,calc(100% - 48px))}

.site-header{inset:0 0 auto;padding:14px 18px 0;background:transparent!important;border:0!important;color:#fff}
.site-header.scrolled{background:transparent!important;backdrop-filter:none!important}
.nav-wrap{width:min(1180px,100%);height:62px;padding:7px 9px 7px 14px;border-radius:999px;background:rgba(4,31,25,.68);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.site-nav{gap:8px}.site-nav a{padding:9px 13px;border-radius:999px;font-weight:650;color:rgba(255,255,255,.72)}.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-cta{border:0;background:#d1ef6b;color:#092d26;padding:11px 17px;box-shadow:0 8px 24px rgba(209,239,107,.14)}

.hero{min-height:880px;padding:170px 0 126px;background:radial-gradient(circle at 72% 19%,rgba(179,229,202,.18),transparent 23%),radial-gradient(circle at 88% 64%,rgba(176,210,236,.13),transparent 26%),linear-gradient(145deg,#021511 0%,#04271f 48%,#073f33 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%);pointer-events:none}
.hero:after{height:120px;background:linear-gradient(to bottom,transparent,var(--modern-paper))}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:78px}
.hero-copy{padding-bottom:10px}.hero-copy::before{width:72px;height:72px;border-radius:20px;margin-bottom:30px;box-shadow:0 22px 55px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.12)}
.eyebrow{letter-spacing:.16em;font-size:11px}.hero h1{font-size:clamp(60px,6.8vw,100px);line-height:.91;letter-spacing:-.073em;max-width:820px}.hero h1 span{background:linear-gradient(92deg,#b3e5ca 0%,#d1ef6b 54%,#b0d2ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;line-height:1.7;max-width:590px;color:rgba(255,255,255,.68)}
.hero-actions{margin-top:38px}.button{border-radius:999px;min-height:54px;padding:0 22px}.button-primary{background:#d1ef6b;color:#082c25;box-shadow:0 16px 42px rgba(209,239,107,.18)}.button-primary:hover{box-shadow:0 22px 50px rgba(209,239,107,.23)}.button-ghost{background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.hero-proof{gap:10px;margin-top:26px}.hero-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:999px;color:rgba(255,255,255,.62)}

.hero-visual{min-height:620px;perspective:1200px}.phone-halo{width:580px;height:580px;background:radial-gradient(circle,rgba(209,239,107,.14),rgba(176,210,236,.07) 42%,transparent 68%);filter:blur(10px)}
.phone-shell{width:354px;min-height:655px;border:7px solid #0b1714;border-radius:51px;transform:rotate(4.2deg) translateY(4px);box-shadow:0 60px 120px rgba(0,0,0,.47),-35px 35px 95px rgba(14,111,86,.16),inset 0 0 0 1px rgba(255,255,255,.76);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.hero-visual:hover .phone-shell{transform:rotate(1.3deg) translateY(-7px)}
.focus-card,.pet-card-mini,.deadline-row{border-color:rgba(6,48,40,.07);box-shadow:0 9px 26px rgba(6,48,40,.055)}
.float-note{border-color:rgba(255,255,255,.12);background:rgba(4,29,24,.72);border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.3)}
.note-a{left:-18px}.note-b{right:-36px}

.trust-strip{margin-top:-76px}.trust-grid{border:1px solid rgba(7,54,45,.08);border-radius:30px;background:rgba(255,254,250,.88);backdrop-filter:blur(20px);box-shadow:0 28px 90px rgba(5,39,32,.12);padding:7px}.trust-grid div{border:0!important;border-radius:23px;padding:23px 20px}.trust-grid div:hover{background:#f2f4ec}.trust-grid strong{font-variant-numeric:tabular-nums;color:rgba(7,54,45,.33)}

.section{padding:150px 0}.section-heading{margin-bottom:64px;max-width:820px}.section-heading h2,.pet-intro h2,.privacy-copy h2,.final-inner h2{font-size:clamp(48px,5.5vw,78px);line-height:.94;letter-spacing:-.068em}.section-heading>p:last-child{font-size:18px;max-width:710px}
.product{position:relative}.product:before{content:"";position:absolute;width:440px;height:440px;right:-250px;top:130px;border-radius:50%;background:#b3e5ca;filter:blur(130px);opacity:.16;pointer-events:none}
.feature-grid{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);grid-template-rows:1fr 1fr;gap:20px}.feature-card{min-height:0;border:1px solid var(--modern-line)!important;border-radius:34px;background:var(--modern-card);box-shadow:none!important;padding:35px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--modern-shadow)!important}.feature-large{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:44px;min-height:720px;padding:46px;background:linear-gradient(155deg,#062d25,#08493b 72%,#0a5a47);color:#fff}.feature-large .feature-no{background:rgba(255,255,255,.1);color:#d1ef6b}.feature-large h3{font-size:clamp(38px,4vw,58px);color:#fff;max-width:620px}.feature-large p{color:rgba(255,255,255,.68)}.feature-large .clean-list{color:rgba(255,255,255,.78)}.feature-large .calculator-ui{width:min(100%,540px);margin-left:auto;background:#fffdf8;box-shadow:0 28px 70px rgba(0,0,0,.25);transform:rotate(-1.5deg)}
.feature-grid>.feature-card:not(.feature-large){min-height:350px}.feature-grid>.feature-card:nth-child(2){background:linear-gradient(155deg,#fffefa,#eef6f1)}.feature-grid>.feature-card:nth-child(3){background:linear-gradient(155deg,#fffefa,#f3f5df)}
.scan-visual,.reminder-visual{border-radius:25px}

.pet-section{position:relative;background:linear-gradient(160deg,#031914 0%,#062d25 55%,#083d31 100%);color:#fff;padding:150px 0 165px}.pet-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(176,210,236,.12),transparent 24%),radial-gradient(circle at 88% 70%,rgba(209,239,107,.10),transparent 22%);pointer-events:none}.pet-intro{position:relative;z-index:1;margin-bottom:52px}.pet-intro h2{color:#fff}.pet-intro>p{color:rgba(255,255,255,.64);font-size:17px}.pet-gallery.pet-gallery-species{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.species-card{min-height:320px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.075);backdrop-filter:blur(14px);box-shadow:none;color:#fff;border-radius:28px;padding:10px 10px 18px}.species-card:hover{transform:translateY(-7px);border-color:rgba(209,239,107,.4);box-shadow:0 28px 65px rgba(0,0,0,.22)}.species-topline{color:rgba(255,255,255,.43)}.species-figure{background:rgba(255,255,255,.93);border-radius:22px}.species-copy strong{color:#fff}.species-copy span{color:rgba(255,255,255,.57)}.species-dog{outline:1px solid rgba(209,239,107,.72);outline-offset:-1px}.species-topline small{background:#d1ef6b;color:#062d25}

.privacy{background:#dbeee4;padding:145px 0}.privacy-grid{gap:85px}.privacy-copy .eyebrow{color:#0b5c43}.privacy-copy h2{color:#052d25}.privacy-copy>p:not(.eyebrow){font-size:17px;color:rgba(5,45,37,.68)}.privacy-card{border:1px solid rgba(7,54,45,.08);background:rgba(255,255,255,.54);box-shadow:none;border-radius:24px;padding:21px 22px}.privacy-card:hover{background:rgba(255,255,255,.72);transform:translateX(4px)}
.faq{background:var(--modern-paper)}.faq-grid{gap:90px}.faq-list details{border:1px solid var(--modern-line);background:var(--modern-card);border-radius:22px;margin-bottom:10px;padding:0 20px;transition:box-shadow .25s ease,transform .25s ease}.faq-list details:hover{box-shadow:0 14px 40px rgba(5,39,32,.07);transform:translateY(-1px)}.faq-list summary{padding:22px 0;font-weight:720}.faq-list details p{padding:0 0 22px}
.final-cta{position:relative;overflow:hidden;background:#041c17;padding:100px 0}.final-cta:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(209,239,107,.22),transparent 68%)}.final-inner{position:relative;z-index:1}.final-inner h2{color:#fff}.button-light{border-radius:999px;background:#d1ef6b;color:#062d25}.site-footer{background:#03130f;color:rgba(255,255,255,.62)}.footer-top,.footer-bottom{border-color:rgba(255,255,255,.08)!important}

/* High-contrast content inside the light deadline calculator. */
.feature-large .calculator-ui{color:#063028}
.feature-large .calculator-ui .calc-top{color:#66736d}
.feature-large .calculator-ui .calc-top span:last-child{color:#063028;font-weight:800}
.feature-large .calculator-ui label{color:#66736d}
.feature-large .calculator-ui label b{color:#063028}
.feature-large .calculator-ui .calc-result{background:linear-gradient(135deg,#dff3e7,#edf5dc);color:#063028;border:1px solid rgba(6,48,40,.08)}
.feature-large .calculator-ui .calc-result span{color:#0b5c43;font-weight:800}
.feature-large .calculator-ui .calc-result strong{color:#063028;text-shadow:none}
.feature-large .calculator-ui .calc-result small{color:#596861}

@media(max-width:1040px){
  .hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:820px}.hero-visual{min-height:690px}.feature-grid{grid-template-columns:1fr;grid-template-rows:auto}.feature-large{grid-column:auto;grid-row:auto;min-height:650px}.pet-gallery.pet-gallery-species{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-grid{gap:50px}
}
@media(max-width:760px){
  .shell{width:min(100% - 28px,1210px)}.site-header{padding:9px 9px 0}.nav-wrap{height:58px;padding:6px 8px 6px 11px}.nav-cta{display:none}.site-nav{border-radius:24px!important;background:rgba(3,27,22,.96)!important;box-shadow:0 30px 80px rgba(0,0,0,.35)}
  .hero{padding:132px 0 95px;min-height:auto}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-lead{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1}.hero-visual{min-height:610px}.phone-shell{width:min(330px,88vw);min-height:620px;transform:rotate(1.5deg)}.float-note{display:none}.trust-strip{margin-top:-36px}.trust-grid{grid-template-columns:1fr 1fr;border-radius:25px}.trust-grid div{padding:18px 15px}
  .section{padding:105px 0}.section-heading h2,.pet-intro h2,.privacy-copy h2,.final-inner h2{font-size:clamp(42px,12vw,62px)}.feature-large{padding:28px;min-height:610px;border-radius:28px}.feature-large .calculator-ui{transform:none}.feature-grid>.feature-card:not(.feature-large){padding:28px;border-radius:28px}.pet-section{padding:105px 0}.privacy{padding:105px 0}.faq-grid{gap:34px}
}
@media(max-width:520px){
  .hero-actions{flex-direction:column}.hero-proof{gap:7px}.hero-proof span{font-size:11px}.hero-visual{min-height:560px}.phone-shell{transform:none}.hero-visual:hover .phone-shell{transform:none}.trust-grid{grid-template-columns:1fr}.trust-grid div{padding:15px 16px}.pet-gallery.pet-gallery-species{grid-template-columns:1fr 1fr}.species-card{min-height:230px}.species-copy span{display:none}.feature-large{min-height:560px}.privacy-grid{grid-template-columns:1fr}.final-inner{gap:28px}
}
@media(prefers-reduced-motion:reduce){.phone-shell,.feature-card,.privacy-card,.faq-list details{transition:none!important}.hero-visual:hover .phone-shell,.feature-card:hover,.privacy-card:hover,.faq-list details:hover{transform:none!important}}