@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{--ink:#15294b;--muted:#60718c;--blue:#2258ec;--blue-dark:#1644c5;--line:#d9e3f2;--paper:#f8faff;--ice:#edf3ff;--white:#fff;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #638cff;outline-offset:5px}button,a{touch-action:manipulation}button{color:inherit}svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.line-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-80px;left:24px;z-index:20;background:var(--blue);color:white;padding:14px 22px;border-radius:8px}.skip-link:focus{top:16px}[hidden]{display:none!important}
.site-header{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-1.5px}.brand>span:not(.brand-icon):not(.brand-dot){color:var(--blue)}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--blue);color:white;border-radius:13px;margin-right:11px;transform:rotate(-7deg)}.brand-icon svg{width:27px;height:27px;transform:rotate(7deg)}.brand-dot{font:10px var(--body);align-self:flex-start;margin:6px 0 0 4px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:550}.site-header nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:20px;border:1px solid #b7c9ee;border-radius:8px;padding:12px 18px}.nav-cta:hover{background:var(--ice)}.nav-cta svg{width:18px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;min-height:620px;padding-block:58px 60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--blue);display:flex;align-items:center;gap:9px;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}.hero h1{font-family:var(--display);font-size:clamp(46px,4.6vw,65px);font-weight:750;line-height:1.12;letter-spacing:-3.5px;margin:21px 0 24px}.hero h1>span{color:var(--blue)}.hero-description{color:var(--muted);font-size:15px;line-height:1.8;max-width:455px;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;border:0;border-radius:8px;font-weight:600;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}.primary{background:var(--blue);color:white;box-shadow:0 4px 8px #2258ec14}.primary:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 5px 14px #2258ec29;transform:translateY(-1px)}.hero-button{padding:0 23px}.hero-button svg{width:19px}.hero-footnote{display:flex;gap:10px;align-items:center;margin-top:21px;color:var(--muted);font-size:11px}.mini-paws{display:flex;gap:2px;color:#87a4d8}.mini-paws svg{width:14px;height:14px;transform:rotate(-25deg)}.mini-paws svg+svg{transform:rotate(20deg);margin-top:6px}
.hero-art{position:relative;height:453px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #cbdaf3;border-radius:50%;width:420px;height:420px;z-index:-1}.orbit-one{transform:rotate(25deg) scaleX(1.08)}.orbit-two{transform:rotate(-28deg) scaleX(1.08);border-style:dashed}.dog-photo{width:82%;height:365px;transform:rotate(5deg);border:9px solid white;border-bottom-width:45px;border-radius:16px;background:white;box-shadow:0 15px 45px #2c56951f;position:relative}.dog-photo>img{width:100%;height:100%;object-fit:cover;object-position:39% center;border-radius:8px}.photo-caption{position:absolute;bottom:-33px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;letter-spacing:2px;color:#60718c}.photo-caption svg{width:20px;height:20px;color:var(--blue)}.dog-sticker{position:absolute;right:-2px;top:5px;transform:rotate(13deg);background:#c6e1ff;color:var(--ink);width:107px;height:107px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid var(--paper);outline:1px dashed #9bbbeb;outline-offset:-9px;box-shadow:0 5px 12px #173b6c0d}.dog-sticker svg{width:21px;height:21px;color:var(--blue);margin-bottom:3px}.dog-sticker>span{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1}.dog-sticker small{display:block;font-size:11px;letter-spacing:0;margin-top:5px;text-align:center;font-family:var(--body);font-weight:600}.breed-tag{position:absolute;bottom:55px;left:-14px;display:flex;align-items:center;gap:13px;padding:16px 20px 16px 14px;background:white;border:1px solid #e7edf8;border-radius:12px;box-shadow:0 10px 28px #18376817;transform:rotate(-5deg)}.tag-icon{width:38px;height:38px;border-radius:50%;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.tag-icon svg{width:20px}.breed-tag small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.breed-tag strong{font-family:var(--display);font-weight:750;font-size:15px;letter-spacing:-.5px}.tag-heart{margin-left:12px;font-size:30px;color:#8ca5d0}.art-spark{position:absolute;color:var(--blue);font-size:42px;line-height:1}.spark-one{left:9px;top:21px;transform:rotate(14deg)}.spark-two{right:10px;bottom:39px;font-size:27px}.art-note{position:absolute;bottom:0;right:55px;font-style:italic;font-size:12px;color:#7b8faf;transform:rotate(-4deg)}
.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px;border-block:1px solid var(--line);font-size:11px;color:var(--muted)}.trust-strip>span{display:flex;align-items:center;gap:7px}.trust-strip svg{width:17px;height:17px;color:var(--blue);margin-right:3px}.trust-strip strong{font-weight:650;color:var(--ink)}.tiny-star{font-size:20px;color:var(--blue);margin-left:8px}
.demo-section{padding-top:76px;scroll-margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}h2{font-family:var(--display);font-size:34px;letter-spacing:-1.4px;line-height:1.2;font-weight:750;margin:10px 0 0}.section-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);padding-bottom:5px}.section-note .status-dot{background:#649885}.demo-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 45px #18376804}.upload-panel{padding:27px;background:var(--white)}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.step-number{width:25px;height:25px;border:1px solid #d7e3f8;border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--blue);font-weight:650}.panel-heading h3{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0}.small-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#7586a0;font-weight:550}.drop-zone{display:block;width:100%;height:238px;padding:0;border:1.5px dashed #b3c8f2;border-radius:9px;background:#f8faff;overflow:hidden;transition:background .2s,border .2s}.drop-zone:hover,.drop-zone.drag-over{background:#edf3ff;border-color:var(--blue)}.drop-zone.drag-over{box-shadow:inset 0 0 0 2px #2258ec}.upload-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-icon{display:grid;place-items:center;position:relative;background:#e9efff;border-radius:16px;width:56px;height:56px;color:var(--blue);margin-bottom:17px}.upload-icon>.line-icon{width:24px;height:24px}.small-paw{position:absolute;bottom:-4px;right:-5px;border:3px solid #f8faff;background:#d5e3ff;color:var(--blue);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;transform:rotate(14deg)}.small-paw svg{width:14px;height:14px}.upload-empty>strong{font-size:15px;font-weight:550;margin-bottom:7px}.upload-empty>span:not(.upload-icon){font-size:12px;color:var(--muted)}.text-link{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.upload-empty>small{font-size:10px;color:#7b8ca6;margin-top:20px}.preview-content{display:block;width:100%;height:100%;position:relative;background:#e7edf6}.preview-content>img{width:100%;height:100%;object-fit:contain}.change-photo{position:absolute;right:12px;bottom:12px;background:#fffefc;border-radius:6px;font-size:11px;padding:8px 12px;display:flex;align-items:center;gap:9px;box-shadow:0 3px 10px #15294b14}.change-photo svg{width:14px;height:14px}.selected-file{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px;color:var(--muted)}.selected-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file>button{border:0;background:none;font-size:10px;text-decoration:underline;color:var(--blue);padding:5px}.sample-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:22px 0 12px}.samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sample{display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--line);border-radius:7px;background:white;text-align:left;transition:border-color .2s,background .2s}.sample:hover,.sample[aria-pressed="true"]{border-color:#82a2ed;background:#f0f5ff}.sample img{width:33px;height:36px;object-fit:cover;border-radius:4px}.sample>span{font-size:9px;line-height:1.35}.sample svg{width:12px;height:12px;margin-left:auto;color:#6782b0}.predict-button{width:100%;margin-top:23px;gap:10px;min-height:49px}.predict-button>.line-icon{width:18px;height:18px}.predict-button .button-arrow{margin-left:auto}.predict-button{padding-inline:19px}.predict-button:disabled{background:#a6bbed;box-shadow:none}.predict-button:disabled .button-arrow{opacity:.6}.privacy-note{font-size:9px;color:#7a89a0;display:flex;align-items:center;justify-content:center;gap:5px;margin:13px 0 0}.privacy-note svg{width:13px;height:13px}.error-message{padding:12px;background:#fff1f0;color:#a13935;font-size:12px;border-radius:6px;line-height:1.5;margin-bottom:0}
.result-panel{background:#f0f5ff;padding:27px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:552px}.result-empty{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 26px}.empty-illustration{position:relative;width:145px;height:134px;margin-bottom:4px}.empty-illustration>svg{width:100%;height:100%}.question-bubble{position:absolute;right:-1px;top:2px;background:white;box-shadow:0 3px 9px #1837680b;border:1px solid #d9e5fc;color:var(--blue);border-radius:11px 11px 11px 2px;padding:3px 10px;font-size:21px;transform:rotate(9deg)}.result-empty h3{font-family:var(--display);font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-1px;margin:13px 0}.result-empty p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.waiting-label{display:flex;align-items:center;gap:7px;color:#758aab;font-size:8px;letter-spacing:1.5px;margin-top:29px}.waiting-label>span{width:5px;height:5px;border-radius:50%;background:#99acd0}.result-footer{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#798ca9;margin:auto 0 0;padding-top:17px;border-top:1px solid #dbe6f8}.result-footer svg{width:13px;height:13px}.result-loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:25px}.loading-paw{width:70px;height:70px;background:#e0eaff;color:var(--blue);border-radius:22px;display:grid;place-items:center;animation:sniff 1.6s ease-in-out infinite}.loading-paw svg{width:35px;height:35px}.result-loading h3{font-family:var(--display);font-size:24px;letter-spacing:-.8px;margin:24px 0 8px}.result-loading p{font-size:12px;color:var(--muted)}.loading-track{width:150px;height:3px;background:#d9e5ff;border-radius:3px;margin-top:16px;overflow:hidden}.loading-track:after{content:'';display:block;width:50%;height:100%;background:var(--blue);animation:progress 1.5s ease-in-out infinite}.result-content{padding:2px 3px 22px;animation:reveal .4s ease}.match-eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:650;letter-spacing:1.4px;color:var(--blue);margin:2px 0 9px}.match-eyebrow svg{width:15px;height:15px}.result-content>h3{font-family:var(--display);font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}.top-score{display:flex;align-items:baseline;gap:7px}.top-score>strong{font-size:26px;color:var(--blue);font-family:var(--display);font-weight:750;letter-spacing:-1px}.top-score>span:not(.result-badge){font-size:10px;color:var(--muted)}.result-badge{margin-left:auto;background:#e0ebff;padding:5px 8px;border-radius:4px;font-size:9px;color:#315ca4}.prediction-list{display:grid;gap:14px;margin:21px 0}.prediction-row{display:grid;grid-template-columns:18px 1fr auto;gap:3px 8px;align-items:center;font-size:11px}.prediction-rank{color:#8ca0c0;font-size:9px}.prediction-value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px}.prediction-bar{grid-column:2 / 4;height:5px;border-radius:4px;background:#dde7f9;margin-top:4px;overflow:hidden}.prediction-bar>span{height:100%;display:block;border-radius:4px;background:#a0baf3}.prediction-row:first-child{font-weight:600;color:var(--blue)}.prediction-row:first-child .prediction-bar>span{background:var(--blue)}.result-caveat{font-size:10px;color:var(--muted);line-height:1.6;margin:15px 0}.text-button{padding:4px 0;border:0;background:none;font-size:11px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:8px}.text-button svg{width:15px;height:15px}.demo-disclaimer{text-align:center;font-size:10px;line-height:1.7;color:#7b8ba4;max-width:800px;margin:18px auto 0}
.how-section{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px;padding-block:85px 80px;border-bottom:1px solid var(--line);align-items:start}.how-intro .eyebrow{font-size:8px;letter-spacing:1.4px}.how-intro h2{font-size:27px;letter-spacing:-1.1px;margin-top:12px}.how-step{padding-top:5px}.how-step>span{font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--blue)}.how-step h3{font-size:14px;letter-spacing:-.3px;margin:21px 0 9px}.how-step p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.model-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:75px 80px}.model-copy h2{font-size:43px;letter-spacing:-1.9px;margin-top:17px}.model-copy h2>span{color:var(--blue)}.model-copy>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:350px;margin:23px 0}.github-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:var(--blue);font-weight:550}.github-link:hover{text-decoration:underline;text-underline-offset:4px}.github-link svg{width:16px;height:16px}.model-details{align-self:center;background:#edf3ff;border:1px solid #dce7fa;border-radius:13px;padding:30px}.model-metric>span{display:block;font-size:9px;color:var(--muted);letter-spacing:1.6px;margin-bottom:13px}.model-metric>strong{font-size:38px;font-weight:600;letter-spacing:-1.8px;font-family:var(--display)}.model-metric>strong>span{color:var(--blue)}.model-metric>p{font-size:11px;color:var(--muted);margin:8px 0 25px}.model-metric-row{display:grid;grid-template-columns:1fr 1.3fr;border-top:1px solid #d5e1f5;padding-block:21px}.model-metric-row>div{display:flex;flex-direction:column;gap:6px}.model-metric-row>div+div{padding-left:35px;border-left:1px solid #d5e1f5}.model-metric-row strong{font-family:var(--display);font-size:27px;font-weight:650;letter-spacing:-1px}.model-metric-row span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}details{border-top:1px solid #d5e1f5;padding-top:18px}summary{font-size:11px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:19px;color:var(--blue);transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0 0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:27px 35px;font-size:10px;color:var(--muted)}.footer-brand{font-size:23px;color:var(--ink);letter-spacing:-1px}.footer-brand svg{width:17px;height:17px;margin-left:10px;color:#91a9d4;transform:rotate(15deg)}.site-footer>a:last-child:hover{color:var(--blue)}
@keyframes sniff{0%,100%{transform:rotate(-9deg) scale(.96)}50%{transform:rotate(9deg) scale(1.04)}}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:670px}.hero h1{font-size:70px}.hero-art{height:480px}.dog-photo{height:400px}.orbit{width:445px;height:445px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;min-height:560px}.hero h1{font-size:52px;letter-spacing:-2.9px}.hero-art{height:410px}.dog-photo{height:330px;width:87%}.orbit{width:330px;height:360px}.dog-sticker{right:-10px;width:93px;height:93px}.breed-tag{left:-14px;bottom:44px;padding:12px}.spark-one{left:-7px}.spark-two{right:-12px}.art-note{right:20px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-description{font-size:13px}.desktop-break{display:none}.trust-strip{font-size:9px;gap:12px}.trust-strip>span{gap:4px}.upload-panel,.result-panel{padding:22px}.sample>span{font-size:8px}.sample svg{display:none}.samples{gap:6px}.small-label{font-size:7px;letter-spacing:1px}.how-section{gap:25px}.how-intro h2{font-size:24px}.model-section{gap:65px}.section-note{font-size:10px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.brand{font-size:27px}.brand-icon{width:34px;height:34px;border-radius:10px}.brand-icon svg{width:23px;height:23px}.site-header nav{gap:20px;font-size:11px}.nav-cta{padding:10px 12px;gap:8px}.site-header nav>a:nth-child(2){display:none}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-block:45px;min-height:480px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-art{height:330px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-description{font-size:12px}.dog-photo{height:273px;border-width:6px;border-bottom-width:35px;width:90%}.photo-caption{bottom:-26px;font-size:6px;letter-spacing:1px}.photo-caption svg{width:16px;height:16px}.orbit{width:245px;height:285px}.dog-sticker{width:78px;height:78px;top:0;right:-5px}.dog-sticker>span{font-size:20px}.dog-sticker svg{width:15px;height:15px}.dog-sticker small{font-size:9px}.breed-tag{left:-8px;bottom:38px;padding:10px;gap:8px}.breed-tag strong{font-size:12px}.breed-tag small{font-size:6px}.tag-icon{width:28px;height:28px}.tag-heart{font-size:24px;margin-left:6px}.art-note{font-size:9px;right:0}.spark-one{top:2px;font-size:31px}.spark-two{bottom:25px;font-size:22px}.hero-button{font-size:12px;padding-inline:16px;min-height:47px;gap:12px}.hero-footnote{font-size:9px}.trust-strip{padding-block:18px}.trust-strip>span:last-child{display:none}.demo-section{padding-top:55px}.section-heading{align-items:flex-start}.section-heading h2{font-size:29px}.section-note{display:none}.demo-grid{grid-template-columns:1fr 1fr}.panel-heading h3{font-size:12px}.small-label{display:none}.upload-panel,.result-panel{padding:18px}.samples{grid-template-columns:repeat(3,1fr)}.sample{flex-direction:column;align-items:flex-start;padding:5px;gap:5px}.sample img{width:100%;height:49px}.sample>span{font-size:8px}.drop-zone{height:222px}.upload-empty>strong{font-size:12px}.upload-empty>small{font-size:8px}.result-panel{min-height:560px}.result-empty h3{font-size:23px}.result-empty p{font-size:10px}.result-footer{font-size:8px}.privacy-note{font-size:8px;line-height:1.6;text-align:center}.predict-button{font-size:12px;padding-inline:12px}.predict-button .button-arrow{display:none}.result-content>h3{font-size:26px}.top-score>strong{font-size:23px}.top-score>span:not(.result-badge){font-size:8px}.result-badge{font-size:7px}.result-caveat{font-size:9px}.how-section{grid-template-columns:repeat(3,1fr);gap:28px;padding-block:55px}.how-intro{grid-column:1 / -1}.how-intro h2 br{display:none}.how-step h3{font-size:12px}.how-step p{font-size:11px}.model-section{gap:35px;padding-block:55px}.model-copy h2{font-size:37px}.model-details{padding:22px}.model-metric>strong{font-size:31px}.model-metric-row strong{font-size:23px}.model-metric-row>div+div{padding-left:17px}.model-metric-row span{font-size:6px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer>span{font-size:9px}.site-footer>a:last-child{font-size:9px}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.site-header{height:78px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;gap:8px;padding:9px 10px;border-radius:6px}.brand{font-size:25px}.brand-icon{margin-right:8px}.hero{display:flex;flex-direction:column;gap:28px;padding-top:35px;padding-bottom:32px;align-items:stretch}.hero .eyebrow{font-size:7px;letter-spacing:1.25px}.hero h1{font-size:clamp(41px,11vw,57px);line-height:1.1;letter-spacing:-2.5px;margin-top:19px;margin-bottom:20px}.hero-description{font-size:13px;max-width:360px;margin-bottom:23px}.hero-button{font-size:12px;padding-inline:18px;min-height:47px;gap:18px}.hero-footnote{font-size:10px;margin-top:15px}.hero-art{width:min(340px,100%);height:340px;align-self:center;margin-top:8px}.dog-photo{width:82%;height:280px}.orbit{width:290px;height:290px}.dog-sticker{right:3px;top:0;width:88px;height:88px}.dog-sticker>span{font-size:22px}.dog-sticker small{font-size:10px}.dog-sticker svg{width:19px;height:19px}.breed-tag{left:0;bottom:29px;gap:11px;padding:12px}.breed-tag strong{font-size:13px}.breed-tag small{font-size:7px}.tag-icon{width:31px;height:31px}.art-note{right:12px;bottom:-7px;font-size:10px}.spark-one{left:0;top:8px;font-size:36px}.spark-two{right:0;bottom:22px}.trust-strip{justify-content:center;padding-block:17px;font-size:10px}.trust-strip>span:nth-child(2){display:none}.trust-strip>span{gap:5px}.demo-section{padding-top:44px}.eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading h2{font-size:29px;letter-spacing:-1.2px}.section-heading{margin-bottom:22px}.demo-grid{grid-template-columns:1fr;border-radius:12px}.upload-panel,.result-panel{padding:21px}.panel-heading h3{font-size:13px}.small-label{display:inline;font-size:7px}.panel-heading{margin-bottom:20px}.drop-zone{height:226px}.upload-empty>strong{font-size:14px}.upload-empty>small{font-size:9px}.samples{gap:8px}.sample{flex-direction:row;align-items:center;gap:6px}.sample img{width:31px;height:35px}.sample>span{font-size:8px}.sample-heading{font-size:10px}.predict-button{min-height:49px;font-size:13px}.predict-button .button-arrow{display:block}.privacy-note{font-size:8px;margin-top:13px}.result-panel{border-left:0;border-top:1px solid var(--line);min-height:440px}.result-empty{padding-block:0 26px}.empty-illustration{width:125px;height:115px}.result-empty h3{font-size:24px;margin-block:9px}.result-empty p{font-size:11px}.waiting-label{margin-top:19px}.result-footer{font-size:9px}.result-content>h3{font-size:29px}.top-score>strong{font-size:25px}.top-score>span:not(.result-badge){font-size:10px}.result-badge{font-size:9px}.prediction-row{font-size:12px}.prediction-list{gap:16px}.result-caveat{font-size:10px}.demo-disclaimer{font-size:9px;text-align:left;margin:16px 4px 0}.how-section{grid-template-columns:1fr;gap:25px;padding-block:48px}.how-intro h2{font-size:29px}.how-intro h2 br{display:block}.how-step{padding-left:59px;position:relative}.how-step>span{position:absolute;left:0;top:7px;max-width:40px;line-height:1.8;font-size:8px}.how-step h3{font-size:14px;margin:4px 0 6px}.how-step p{font-size:12px;max-width:320px}.model-section{grid-template-columns:1fr;gap:28px;padding-block:45px}.model-copy h2{font-size:39px}.model-copy>p{font-size:12px;margin-block:17px}.model-details{padding:25px}.model-metric>strong{font-size:36px}.model-metric-row{grid-template-columns:1fr 1fr}.model-metric-row>div+div{padding-left:28px}.model-metric-row strong{font-size:27px}.model-metric-row span{font-size:8px}.site-footer{justify-content:space-between;padding-block:22px 28px;gap:12px}.site-footer>span{order:3;flex-basis:100%;font-size:10px}.footer-brand{font-size:23px}.site-footer>a:last-child{font-size:8px}}
.model-copy>p.coming-next{border-left:2px solid #a9c2fa;padding-left:15px;font-size:12px;line-height:1.8}.coming-next strong{display:block;color:var(--blue);font-size:11px;font-weight:600;margin-bottom:5px}.footer-credit{line-height:1.9}.footer-credit>span{font-size:10px}
.demo-notice{display:flex;align-items:flex-start;gap:12px;background:#edf3ff;border:1px solid #d6e3fc;border-radius:9px;padding:14px 18px;margin-bottom:18px;color:#526786}.demo-notice>svg{width:19px;height:19px;color:var(--blue);margin-top:2px}.demo-notice p{margin:0;font-size:12px;line-height:1.75}.demo-notice strong{color:var(--ink);font-weight:600}
.ml-section{padding-block:75px;border-bottom:1px solid var(--line)}.ml-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;margin-bottom:30px}.ml-heading h2{max-width:490px}.ml-heading>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.ml-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}.ml-card{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.ml-visual{height:175px;background:#f0f5ff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;margin-bottom:24px;overflow:hidden}.visual-label{font-size:8px;letter-spacing:1px;color:#526e9e;font-weight:600}.pixel-photo{width:110px;height:110px;position:relative;border:4px solid white;box-shadow:0 3px 12px #18376812;transform:rotate(-5deg);border-radius:7px;overflow:hidden}.pixel-photo img{width:100%;height:100%;object-fit:cover}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff50 1px,transparent 1px),linear-gradient(90deg,#ffffff50 1px,transparent 1px);background-size:13px 13px}.pattern-network{width:90%;height:110px;fill:none}.illustrated-scores{width:78%;height:110px;display:flex;flex-direction:column;justify-content:center;gap:9px}.illustrated-scores>div{display:flex;align-items:center;gap:12px}.illustrated-scores span{font-size:8px;color:#6782b0}.illustrated-scores i{height:7px;width:var(--score-width);display:block;background:#9bb7f1;border-radius:5px}.illustrated-scores>div:first-child i{background:var(--blue)}.ml-number{font-size:8px;letter-spacing:1.3px;color:var(--blue);font-weight:650}.ml-card h3{font-family:var(--display);font-size:17px;letter-spacing:-.5px;line-height:1.4;margin:12px 0 10px}.ml-card>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.ml-footnotes{margin-top:23px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.ml-footnotes p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.ml-footnotes strong{font-weight:600;color:var(--ink)}.ml-footnotes>span{font-size:10px;color:var(--muted);line-height:1.7;text-align:right}
@media(max-width:800px){.ml-heading{grid-template-columns:1fr;gap:18px}.ml-flow{gap:12px}.ml-card{padding:13px}.ml-card h3{font-size:15px}.ml-card>p{font-size:11px}.visual-label{font-size:6px;letter-spacing:.5px}.ml-footnotes{gap:25px}.ml-section{padding-block:55px}}
@media(max-width:580px){.demo-notice{padding:12px;gap:9px}.demo-notice p{font-size:11px}.demo-notice strong{display:block;margin-bottom:3px}.ml-section{padding-block:45px}.ml-heading h2{font-size:29px}.ml-heading>p{font-size:12px}.ml-flow{grid-template-columns:1fr;gap:17px}.ml-card{padding:20px}.ml-visual{height:165px;margin-bottom:20px}.ml-card h3{font-size:18px}.ml-card>p{font-size:12px}.visual-label{font-size:8px;letter-spacing:1px}.ml-footnotes{grid-template-columns:1fr;gap:13px}.ml-footnotes>span{text-align:left}}
/* Rotated decorative orbits must not create horizontal scrolling on phones. */
.hero{overflow:clip}.hero-art{isolation:isolate}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.no-dog-icon{margin:28px auto 14px;border:2px dashed #9bb7f1;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;font-size:42px;color:var(--blue);background:#edf3ff}#result-no-dog p{max-width:310px;margin:16px auto 24px;line-height:1.8}#result-no-dog .text-button{margin-inline:auto}