:root{--ink:#1b1230;--muted:#706b80;--line:#ebe7f3;--paper:#fffefa;--soft:#f6f2fb;--mint:#eee7ff;--teal:#6d43ad;--coral:#ffde09;--shadow:0 24px 70px rgba(27,18,48,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}img{max-width:100%;display:block}p{line-height:1.66}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px 14px;z-index:20}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,254,250,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,236,241,.8)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:820;letter-spacing:-.055em;white-space:nowrap}.brand-mark{width:37px;height:37px;display:block}.brand-id{font-weight:550;color:#65817a}.nav-links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:650;color:#3b4b5d}.nav-links a:hover,.footer-links a:hover,.text-link:hover{color:var(--teal)}.nav-right{display:flex;align-items:center;gap:14px}.lang{display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:4px;background:#fff;font-size:12px;font-weight:800}.lang a{padding:6px 9px;border-radius:99px;color:#68768a}.lang a[aria-current="page"]{background:var(--ink);color:white}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.nav-cta{padding:12px 19px;background:var(--ink);color:#fff}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.button{min-height:53px;padding:0 25px}.button-primary{background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(20,36,61,.15)}.button-ghost{background:#fff;color:var(--ink);border:1px solid #dfe8e7}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--teal)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}h1,h2,h3{letter-spacing:-.055em;line-height:1.08;margin:0}h1{font-size:clamp(53px,6.3vw,91px);font-weight:820}h2{font-size:clamp(37px,4.2vw,57px)}h3{font-size:22px}.lead{font-size:clamp(17px,1.7vw,20px);color:var(--muted);max-width:550px}.hero{overflow:hidden;background:radial-gradient(circle at 84% 42%,#e6faf3 0,rgba(230,250,243,0) 42%),linear-gradient(180deg,#fffefa 0,#f8fcf9 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:680px;padding:70px 0 90px}.hero-copy{position:relative;z-index:1}.hero h1{margin:22px 0 24px}.hero h1 span{color:var(--teal)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}.micro{display:flex;align-items:center;gap:9px;color:#7a8797;font-size:13px}.micro svg{width:16px;height:16px}.hero-art{position:relative;min-height:555px;display:grid;place-items:center}.orbit{position:absolute;width:510px;height:510px;border:1px solid #d9eee7;border-radius:50%;box-shadow:0 0 0 42px rgba(217,245,235,.28),0 0 0 84px rgba(217,245,235,.17)}.phone{position:relative;z-index:1;width:290px;height:530px;background:#fff;border:8px solid #203047;border-radius:44px;box-shadow:0 35px 70px rgba(20,36,61,.2);overflow:hidden;transform:rotate(6deg)}.phone:before{content:"";position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:80px;height:17px;border-radius:0 0 15px 15px;background:#203047}.phone-top{height:240px;background:linear-gradient(145deg,#c9eee2,#e8f7e7);display:grid;place-items:end center;overflow:hidden}.pet-portrait{width:195px;height:195px;margin-bottom:-9px}.phone-body{padding:20px 22px}.phone-head{display:flex;align-items:center;justify-content:space-between}.phone-name{font-size:28px;font-weight:850;letter-spacing:-.05em}.verified{font-size:10px;background:#e4f7ef;color:#167764;padding:7px 9px;border-radius:99px;font-weight:800}.phone-sub{font-size:12px;color:#758295;margin:5px 0 18px}.phone-info{display:grid;gap:9px}.info-row{background:#f5f8f8;padding:11px 13px;border-radius:13px;font-size:11px;display:flex;justify-content:space-between;gap:8px}.info-row strong{font-weight:760}.phone-action{background:#0e8072;color:white;text-align:center;padding:13px;border-radius:13px;margin-top:17px;font-size:12px;font-weight:760}.float-card{position:absolute;z-index:2;background:#fff;border:1px solid #e6eeeb;box-shadow:var(--shadow);border-radius:18px}.float-qr{width:142px;left:0;bottom:72px;padding:14px;transform:rotate(-7deg)}.float-qr img{width:70px;margin:auto}.float-qr p{margin:8px 0 0;font-size:11px;font-weight:800;text-align:center}.float-msg{right:-10px;top:84px;padding:15px 18px;display:flex;align-items:center;gap:10px;transform:rotate(5deg);font-size:12px;font-weight:750}.float-msg span:first-child{width:31px;height:31px;border-radius:50%;background:#fce6dc;display:grid;place-items:center}.float-msg small{display:block;font-weight:500;color:#8994a2;margin-top:2px}.trust-strip{background:#fff;border-block:1px solid var(--line)}.trust-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 0;flex-wrap:wrap}.trust-grid strong{font-size:13px;color:#778397;letter-spacing:.09em;text-transform:uppercase}.trust-item{font-size:14px;font-weight:680;color:#3c5262}.trust-item:before{content:"✓";margin-right:9px;color:var(--teal);font-weight:900}.section{padding:104px 0}.section-heading{max-width:650px;margin-bottom:40px}.section-heading h2{margin:15px 0}.section-heading p{font-size:18px;color:var(--muted);margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:white;border:1px solid var(--line);border-radius:25px;padding:29px;min-height:236px;box-shadow:0 13px 40px rgba(23,56,53,.035)}.feature-icon{width:48px;height:48px;border-radius:16px;background:#e7f7f0;display:grid;place-items:center;margin-bottom:26px;font-size:24px}.feature:nth-child(2) .feature-icon,.feature:nth-child(5) .feature-icon{background:#fff1e8}.feature h3{margin-bottom:12px}.feature p{color:var(--muted);font-size:15px;margin:0}.how{background:#f2f8f5}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tag-art{min-height:430px;display:grid;place-items:center;position:relative}.tag-art:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:#dff2e8}.tag-card{position:relative;z-index:1;background:#fff;border-radius:30px;width:295px;padding:25px;box-shadow:0 26px 60px rgba(20,36,61,.13);transform:rotate(-5deg)}.tag-top{display:flex;align-items:center;justify-content:space-between}.tag-top strong{font-size:16px;letter-spacing:-.04em}.tag-top img{width:31px}.tag-circle{height:155px;display:grid;place-items:center}.tag-circle img{height:145px}.tag-bottom{border-top:1px solid var(--line);padding-top:17px;text-align:center;font-size:15px;font-weight:800}.tag-bottom small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:4px}.steps{display:grid;gap:25px;margin-top:30px}.step{display:flex;align-items:flex-start;gap:17px}.step-num{flex:none;width:33px;height:33px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:13px;font-weight:800}.step h3{font-size:18px;margin:3px 0 6px}.step p{color:var(--muted);font-size:15px;margin:0}.privacy-band{padding:95px 0}.privacy-card{border-radius:36px;background:#14243d;color:white;padding:clamp(34px,5vw,68px);display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:center;overflow:hidden;position:relative}.privacy-card:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(217,245,235,.25);border-radius:50%;right:-90px;top:-70px;box-shadow:0 0 0 48px rgba(217,245,235,.045),0 0 0 96px rgba(217,245,235,.04)}.privacy-card .eyebrow{color:#8de2c7}.privacy-card h2{margin:14px 0 16px}.privacy-card p{color:#bdd0d5;max-width:530px}.privacy-points{display:grid;gap:17px;position:relative;z-index:1}.privacy-point{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:17px 20px;border-radius:16px;font-size:15px;font-weight:700}.privacy-point:before{content:"●";font-size:10px;color:#8de2c7;margin-right:11px}.cta-section{padding:45px 0 110px;text-align:center}.cta-section h2{max-width:680px;margin:0 auto 18px}.cta-section p{color:var(--muted);font-size:18px;margin:0 auto 26px}.site-footer{background:#f3f6f4;border-top:1px solid var(--line);padding:55px 0 30px}.footer-top{display:grid;grid-template-columns:1.3fr .6fr .9fr;gap:35px;padding-bottom:52px}.footer-brand p{color:var(--muted);font-size:14px;max-width:290px}.footer-label{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#82909a;margin:5px 0 18px}.footer-links{display:grid;gap:12px;font-size:14px;font-weight:650}.company{font-size:13px;line-height:1.7;color:#526274}.company strong{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}.footer-bottom{border-top:1px solid #dce4e1;padding-top:23px;display:flex;justify-content:space-between;gap:15px;color:#849199;font-size:12px}.legal-hero{background:#f3f8f5;padding:80px 0 70px}.legal-hero h1{font-size:clamp(46px,5vw,68px);margin:14px 0 18px}.legal-hero p{color:var(--muted);max-width:640px;font-size:18px}.legal-content{display:grid;grid-template-columns:230px minmax(0,720px);gap:65px;padding-top:70px;padding-bottom:110px}.legal-side{position:sticky;top:110px;align-self:start;display:grid;gap:14px;color:#65758a;font-size:14px}.legal-side a:hover{color:var(--teal)}.legal-copy h2{font-size:29px;margin:34px 0 13px;scroll-margin-top:110px}.legal-copy h2:first-child{margin-top:0}.legal-copy p,.legal-copy li{font-size:16px;line-height:1.78;color:#536174}.legal-copy ul{padding-left:21px}.legal-copy a{text-decoration:underline;text-underline-offset:3px;color:var(--teal)}.note{background:#e9f7f1;border-radius:18px;padding:17px 20px;font-size:14px;color:#2b655a;line-height:1.6;margin-bottom:25px}
@media(max-width:900px){.nav-links{gap:15px}.nav-cta{display:none}.hero-grid{gap:10px}.float-msg{right:0}.float-qr{left:0}.orbit{width:390px;height:390px}.features{grid-template-columns:repeat(2,1fr)}.how-grid{gap:30px}.legal-content{grid-template-columns:170px 1fr;gap:35px}}
@media(max-width:700px){.container{width:min(100% - 32px,500px)}.nav{min-height:68px;flex-wrap:wrap;padding:12px 0}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.nav-right{margin-left:auto}.nav-links{order:3;width:100%;justify-content:space-between;padding:5px 0 1px;gap:9px;font-size:12px}.hero-grid{display:block;padding:63px 0 35px;min-height:0}.hero h1{font-size:clamp(48px,13vw,67px)}.hero-art{min-height:530px;transform:scale(.88);margin:-13px -32px -38px}.phone{width:270px;height:515px}.orbit{width:365px;height:365px}.float-qr{left:6px;bottom:55px}.float-msg{right:0;top:54px}.trust-grid{justify-content:flex-start;gap:13px 20px}.trust-grid strong{width:100%}.trust-item{font-size:12px}.section{padding:74px 0}.features{grid-template-columns:1fr}.feature{min-height:0;padding:25px}.feature-icon{margin-bottom:18px}.how-grid{display:flex;flex-direction:column-reverse;gap:0}.tag-art{min-height:350px;width:100%}.tag-art:before{width:300px;height:300px}.privacy-band{padding:70px 0}.privacy-card{grid-template-columns:1fr;gap:24px;border-radius:27px}.privacy-card:after{right:-210px}.cta-section{padding:30px 0 80px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.legal-hero{padding:60px 0 48px}.legal-content{display:block;padding-top:48px;padding-bottom:80px}.legal-side{position:static;display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:40px}.legal-side a{font-size:12px}.legal-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta{transition:none}}

/* SpinPet's own visual system, informed by the dark plum and yellow SpinBet reference. */
.site-header{background:rgba(23,14,42,.96);border-color:#392b52}.brand,.nav-links,.nav-links a,.nav-cta{color:#fff}.brand-id{color:#e8def9}.nav-links a:hover{color:#ffde09}.lang{background:#2b1d45;border-color:#534365}.lang a{color:#e3d8f2}.lang a[aria-current="page"]{background:#ffde09;color:#1b1230}.nav-cta{background:#ffde09;color:#1b1230}.nav-cta:hover{box-shadow:0 8px 20px rgba(255,222,9,.23)}
.hero{background:radial-gradient(circle at 74% 45%,#3b235f 0,#21143b 32%,#170e2a 72%);color:white}.hero h1 span{color:#ffde09}.hero .lead{color:#d4c9e2}.hero .eyebrow{color:#ffde09}.hero .eyebrow:before{background:#ffde09}.hero .micro{color:#b9a9d0}.hero .micro svg circle{fill:#443068}.hero .micro svg path{stroke:#ffde09}.button-primary{background:#ffde09;color:#1b1230;box-shadow:0 12px 28px rgba(255,222,9,.16)}.button-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}.hero .orbit{border-color:#7b5aa2;box-shadow:0 0 0 42px rgba(145,100,185,.08),0 0 0 84px rgba(145,100,185,.05)}.phone{border-color:#130b23}.phone:before{background:#130b23}.phone-top{background:linear-gradient(145deg,#efe2ff,#f6e9d6)}.phone-body{color:#1b1230}.verified{background:#fff7c8;color:#5a4100}.phone-action{background:#ffde09;color:#1b1230}.float-card{color:#1b1230;border-color:#eae4f5}.float-msg span:first-child{background:#fff2a5;color:#4c307b}
.trust-strip{background:#21143b;border-color:#33244c}.trust-grid strong{color:#bbaad4}.trust-item{color:#fff}.trust-item:before{color:#ffde09}.section{background:#fffefa}.feature-icon{background:#f0e8ff}.feature:nth-child(2) .feature-icon,.feature:nth-child(5) .feature-icon{background:#fff3b8}.how{background:#f6f2fb}.tag-art:before{background:#e6d8ff}.tag-card{border:1px solid #e7ddf2}.step-num{background:#24143f;color:#ffde09}
.privacy-card{background:linear-gradient(135deg,#24143f,#160d29)}.privacy-card .eyebrow{color:#ffde09}.privacy-card .eyebrow:before{background:#ffde09}.privacy-card p{color:#d2c5e1}.privacy-card .button-ghost{background:#ffde09;color:#1b1230;border-color:#ffde09}.privacy-point:before{color:#ffde09}.cta-section .button-primary{background:#1b1230;color:#fff;box-shadow:none}
.site-footer{background:#170e2a;border-color:#392b52}.site-footer .brand,.company strong{color:#fff}.site-footer .brand-id{color:#cbbce0}.footer-brand p,.company,.footer-bottom{color:#b6a9c9}.footer-label{color:#a595bd}.footer-links{color:#eae3f4}.footer-links a:hover{color:#ffde09}.footer-bottom{border-color:#392b52}.legal-hero{background:#24143f;color:#fff}.legal-hero .eyebrow{color:#ffde09}.legal-hero .eyebrow:before{background:#ffde09}.legal-hero p,.legal-hero .micro{color:#d2c5e1}.legal-copy a,.legal-side a:hover{color:#6643aa}.note{background:#f0e8ff;color:#4a3470}