:root{--blue:#1239c7;--blue-dark:#092374;--ink:#101426;--cream:#fffaf0;--paper:#fff;--yellow:#ffd84a;--coral:#ff6d5a;--mint:#bdf3df;--line:#dfe2ec;--muted:#62697c;--shadow:0 18px 50px rgba(21,31,76,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-size:16px;line-height:1.6}a{color:inherit}button,input,select{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;z-index:20}.skip-link:focus{left:8px}.site-header{max-width:1240px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 3px;background:var(--blue);color:#fff;font-weight:900;transform:rotate(-4deg)}nav{display:flex;gap:24px}nav a,.footer-links a{font-weight:700;text-decoration:none;color:#30364b}nav a:hover,.footer-links a:hover{color:var(--blue)}
main{overflow:hidden}.tool-shell{background:var(--blue);color:#fff;padding:72px max(24px,calc((100vw - 1180px)/2)) 84px;position:relative}.tool-shell:before{content:"";position:absolute;width:460px;height:460px;border:80px solid rgba(255,216,74,.15);border-radius:50%;right:-220px;top:-260px}.tool-intro{max-width:790px;margin-bottom:38px;position:relative}.eyebrow{margin:0 0 9px;text-transform:uppercase;font-size:.76rem;letter-spacing:.13em;font-weight:900;color:var(--blue)}.tool-shell .eyebrow{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.45rem,6vw,5.1rem);line-height:.98;letter-spacing:-.055em;max-width:820px;margin-bottom:22px}.lede{font-size:clamp(1.05rem,2vw,1.28rem);max-width:660px;color:#e9edff}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:7px 12px;font-size:.84rem;font-weight:750}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start;position:relative}.calculator-card,.visual-card,.result-card{border-radius:24px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.calculator-card{padding:30px}.step-label{display:flex;align-items:center;gap:10px;font-weight:850;margin-bottom:24px}.step-label span{display:grid;place-items:center;background:var(--yellow);width:30px;height:30px;border-radius:50%}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field>span,.field legend{font-size:.88rem;font-weight:800}.field small{font-weight:600;color:var(--muted)}.field-wide{grid-column:1/-1}input,select{width:100%;border:1.5px solid #cdd2df;border-radius:11px;background:#fff;color:var(--ink);padding:13px 14px;min-height:50px}input:focus,select:focus{outline:3px solid rgba(255,216,74,.8);border-color:var(--blue)}.size-field{border:0;padding:0;margin:0}.size-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.size-options label{cursor:pointer}.size-options input{position:absolute;opacity:0;width:1px;height:1px}.size-options span{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px;border:1.5px solid #cdd2df;border-radius:10px;text-align:center;font-weight:850;font-size:.86rem}.size-options small{display:block;font-size:.65rem;line-height:1.2;margin-top:3px}.size-options input:checked+span{background:#e9edff;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.size-options input:focus-visible+span{outline:3px solid var(--yellow)}.primary-button,.secondary-button,.text-button{border:0;cursor:pointer;font-weight:850}.primary-button{width:100%;margin-top:22px;background:var(--yellow);color:var(--ink);padding:15px 20px;border-radius:12px;display:flex;justify-content:center;gap:12px}.primary-button:hover{background:#ffe26f}.privacy-note,.form-error,.share-status{font-size:.78rem;margin:9px 0 0;text-align:center;color:var(--muted)}.form-error{color:#b42318;font-weight:700;min-height:1.2em}.visual-card{overflow:hidden;display:flex;flex-direction:column}.visual-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;background:var(--cream)}.visual-note{padding:22px;background:var(--yellow)}.visual-note strong{font-size:1.12rem}.visual-note p{margin:3px 0 0;font-size:.9rem;line-height:1.45}.result-card{margin-top:24px;padding:30px;position:relative}.result-top,.weight-result,.progress-label,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-top h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;margin:0}.confidence-pill{background:var(--mint);padding:7px 12px;border-radius:99px;font-size:.78rem;font-weight:850}.weight-result{margin:30px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.weight-result>div:first-child{display:flex;flex-direction:column}.weight-result #weight-range{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;letter-spacing:-.06em;line-height:1}.weight-result small,.size-badge small{color:var(--muted)}.size-badge{display:grid;grid-template-columns:54px auto;column-gap:12px;align-items:center}.size-badge span{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--blue);color:#fff;font-weight:900;font-size:1.25rem}.progress-wrap{margin:20px 0}.progress-label{font-size:.9rem}.progress-track{height:14px;border-radius:99px;background:#e7eaf1;overflow:hidden;margin-top:8px}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--coral));transition:width .6s ease}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-stats div{padding:16px;border-radius:12px;background:#f4f6fb;display:flex;flex-direction:column}.result-stats span{font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.result-stats strong{font-size:1rem}.explanation{margin:22px 0 0;color:#41485d}.result-actions{justify-content:flex-start;margin-top:20px}.secondary-button{background:var(--blue);color:#fff;padding:11px 17px;border-radius:10px}.text-button{background:transparent;color:var(--blue);padding:10px}.share-status{text-align:left}
.ad-slot{max-width:970px;min-height:90px;margin:28px auto;padding:10px;border:1px dashed #adb4c5;background:#f8f8f6;color:#777;text-align:center}.content-section,.growth-section,.accuracy-section,.faq-section{max-width:1180px;margin:auto;padding:96px 28px}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:72px}.content-section h2,.section-heading h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;letter-spacing:-.045em}.content-section p{color:#4b5265}.inline-link{color:var(--blue);font-weight:850;text-decoration-thickness:2px;text-underline-offset:4px}.growth-section{background:#fff;max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2))}.section-heading{max-width:720px;margin-bottom:36px}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.growth-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.growth-cards article{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--cream)}.card-letter{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;font-weight:900;margin-bottom:28px}.growth-cards h3{font-size:1.04rem;margin-bottom:3px}.growth-cards strong{color:var(--blue)}.growth-cards p{font-size:.86rem;color:var(--muted);line-height:1.5;margin:9px 0 0}.accuracy-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.clue-list{list-style:none;padding:0;margin:0}.clue-list li{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:22px 0;border-top:1px solid var(--line)}.clue-list>li>span{color:var(--blue);font-weight:900}.clue-list h3{margin-bottom:3px}.clue-list p{margin:0;color:var(--muted)}.faq-section{padding-top:40px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;font-weight:850;font-size:1.08rem;padding:22px 42px 22px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:8px;font-size:1.5rem;color:var(--blue)}details[open] summary:after{content:"−"}details p{max-width:800px;color:var(--muted);padding:0 30px 22px 0;margin:0}.medical-note{max-width:1124px;margin:0 auto 96px;background:var(--yellow);border-radius:18px;padding:26px 30px}.medical-note strong{font-size:1.2rem}.medical-note p{margin:4px 0 0}
footer{background:var(--ink);color:#fff;padding:54px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:36px}.footer-brand{display:flex;gap:14px}.footer-brand .brand-mark{background:var(--yellow);color:var(--ink)}.footer-brand p{color:#b9bfce;margin:2px 0}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #33394b;padding-top:20px;color:#959caf;font-size:.82rem;margin:0}
.legal-page{max-width:820px;margin:30px auto 100px;padding:0 28px}.legal-page h1{font-size:clamp(2.5rem,7vw,4.7rem);margin:70px 0 25px}.legal-page h2{margin-top:38px}.legal-page p,.legal-page li{color:#4f5668}.legal-page .updated{font-weight:700;color:var(--blue)}
@media(max-width:900px){.calculator-grid,.intro-section,.accuracy-section{grid-template-columns:1fr}.visual-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.visual-card img{height:100%;aspect-ratio:auto;min-height:240px}.growth-cards{grid-template-columns:repeat(2,1fr)}.size-options{grid-template-columns:repeat(3,1fr)}.intro-section,.accuracy-section{gap:25px}.result-stats{grid-template-columns:1fr}.site-header nav{display:none}}
@media(max-width:560px){.site-header{padding:16px 18px}.tool-shell{padding:48px 16px 58px}.calculator-card,.result-card{padding:20px;border-radius:18px}.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.size-options{grid-template-columns:1fr 1fr}.visual-card{grid-template-columns:1fr}.visual-card img{height:auto;aspect-ratio:3/2;min-height:0}.result-top,.weight-result{align-items:flex-start}.weight-result{flex-direction:column}.confidence-pill{white-space:nowrap}.result-actions{align-items:stretch}.content-section,.growth-section,.accuracy-section,.faq-section{padding:70px 20px}.growth-cards{grid-template-columns:1fr}.medical-note{margin:0 16px 70px}.footer-links{flex-direction:column}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track span{transition:none}}
.choice-field{border:0;padding:0;margin:0}.choice-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-options label{cursor:pointer}.choice-options input{position:absolute;opacity:0;width:1px;height:1px}.choice-options span{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px;border:1.5px solid #cdd2df;border-radius:10px;text-align:center;font-weight:850;font-size:.86rem}.choice-options small{display:block;font-size:.68rem;line-height:1.2;margin-top:3px;color:var(--muted)}.choice-options input:checked+span{background:#fff5c8;border-color:#9d7400;box-shadow:inset 0 0 0 1px #9d7400}.choice-options input:focus-visible+span{outline:3px solid var(--yellow)}.field-help{font-size:.76rem;color:var(--muted);margin:3px 0 0}.advanced-panel{margin-top:22px;border:1.5px solid #cdd2df;border-radius:14px;background:#f8f9fc;padding:0 18px}.advanced-panel summary{padding:17px 40px 17px 0;font-size:.98rem}.advanced-panel summary span{display:flex;flex-wrap:wrap;gap:4px 9px}.advanced-panel summary small{color:var(--muted);font-weight:650}.advanced-grid{padding:4px 0 18px}.advanced-note{margin:0 0 18px!important;padding:0!important;font-size:.76rem;color:var(--muted)!important}.paw-insight{margin:15px 0 0;padding:12px 15px;border-left:4px solid var(--yellow);background:#fff9dd;border-radius:0 9px 9px 0;color:#3f4659;font-size:.9rem}
@media(max-width:560px){.choice-options{grid-template-columns:1fr 1fr}.advanced-panel{padding:0 14px}}
.paw-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:560px){.paw-options{grid-template-columns:repeat(3,minmax(0,1fr))}.paw-options span{font-size:.78rem;padding:6px 3px}}
[hidden]{display:none!important}.mixed-breed-field{border:1.5px solid #cdd2df;border-radius:13px;padding:16px;background:#f4f6fb}.mixed-breed-field legend{padding:0 6px}.mixed-breed-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.mix-plus{display:grid;place-items:center;width:34px;height:50px;color:var(--blue);font-size:1.4rem;font-weight:900}
@media(max-width:560px){.mixed-breed-grid{grid-template-columns:1fr}.mix-plus{width:100%;height:20px}}