@font-face{font-family:Lexend;src:url('/assets/fonts/Lexend-LatinExt-Variable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;--ink:#171327;--paper:#fbfaf7;--muted:#716b7a;--line:#e6e1dc;--theme-a:#ff704d;--theme-b:#d542b2}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.5 Lexend,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.topbar{height:82px;padding:0 max(28px,5vw);position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:34px;border-bottom:1px solid #ece8e3;background:#fffdfaee;backdrop-filter:blur(16px)}.logo{margin-right:auto}.logo img{width:165px;display:block}.topbar nav{display:flex;gap:28px}.topbar nav a{padding:28px 0;position:relative;text-decoration:none;font-size:.76rem;font-weight:700}.topbar nav a.active:after{height:3px;right:0;bottom:0;left:0;position:absolute;border-radius:3px 3px 0 0;background:var(--theme-a);content:''}.nav-cta,.primary,.secondary,.outline{min-height:48px;padding:0 20px;border:0;border-radius:999px;font-weight:750}.nav-cta,.primary{color:#fff;background:var(--ink);box-shadow:0 12px 30px #17132720}.nav-cta span,.primary span{margin-left:18px;font-size:1.15rem}.secondary,.outline{border:1px solid var(--line);background:#fff}.view{min-height:calc(100vh - 82px)}.hero{padding:55px max(5vw,calc((100vw - 1320px)/2));display:grid;grid-template-columns:minmax(430px,.85fr) minmax(560px,1.15fr);align-items:center;gap:5vw;overflow:hidden;background:linear-gradient(135deg,#fffaf3,#f8f1ff 60%,#ebfaf6)}.kicker{margin:0 0 18px;color:#6f6978;font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.kicker i{width:7px;height:7px;margin-right:8px;display:inline-block;border-radius:50%;background:var(--theme-a)}.hero h1{margin:0;font-size:clamp(4rem,6.5vw,6.5rem);font-weight:680;line-height:.88;letter-spacing:-.075em}.hero h1 em{color:var(--theme-a);font-style:normal}.hero-copy>p:not(.kicker){max-width:580px;margin:28px 0;color:var(--muted);font-size:1rem}.actions{display:flex;gap:12px}.proof{margin:30px 0 0;padding:0;display:flex;gap:22px;color:#7a7480;list-style:none;font-size:.64rem;font-weight:650}.proof li:before{margin-right:6px;color:#31a57a;content:'●'}.hero-product{min-height:580px;position:relative;display:grid;place-items:center}.aura{position:absolute;border-radius:50%}.aura-one{width:470px;height:470px;background:#e6d8ff}.aura-two{right:0;bottom:7%;width:240px;height:240px;background:#bfeede}.pet-preview{width:370px;padding:20px;position:relative;z-index:2;border-radius:34px;color:#fff;background:linear-gradient(145deg,var(--theme-a),var(--theme-b));box-shadow:0 38px 80px #40304d45;text-align:center;transition:background .25s}.tilt{transform:rotate(3deg)}.preview-status{width:max-content;padding:6px 10px;border-radius:99px;background:#ffffff25;font-size:.55rem;letter-spacing:.1em}.pet-preview>img,.scan-cover>img{width:166px;height:166px;margin:20px auto 14px;display:block;border:6px solid #ffffff99;border-radius:50%;object-fit:cover;object-position:center 30%}.pet-preview>small,.scan-cover>small{font-size:.52rem;letter-spacing:.14em}.pet-preview h2,.scan-cover h1{margin:3px 0;font-size:2.5rem;line-height:1}.pet-preview>p,.scan-cover>p{margin:6px}.preview-intro{padding:7px 12px;display:inline-block;border-radius:99px;color:var(--theme-a);background:#fff;font-size:.67rem}.pet-preview footer{margin-top:22px;padding:12px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;border-radius:18px;color:var(--ink);background:#fff;text-align:left}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-weight:750}.pet-preview footer span:nth-child(2){display:grid}.pet-preview footer small{font-size:.48rem;letter-spacing:.1em}.pet-preview footer button{border:0;background:none;font-size:.62rem;font-weight:750}.real-badge{width:120px;left:3%;bottom:75px;z-index:4;position:absolute;filter:drop-shadow(0 20px 24px #17132745);transform:rotate(-9deg)}.ring{width:68px;height:68px;margin:auto;display:block;border:13px solid #29282c;border-radius:50%;box-shadow:inset 4px 4px 4px #ffffff40,2px 5px 6px #0006}.badge-body{height:116px;margin-top:-9px;padding:20px 13px 12px;display:grid;place-items:center;border:9px solid #111115;border-radius:30px;background:#fff}.badge-body b{font-size:.58rem}.badge-body small{font-size:.43rem}.qr{width:50px;height:50px;background:repeating-conic-gradient(#111 0 25%,transparent 0 50%) 0/12px 12px;border:4px solid #111}.view-heading{max-width:1400px;margin:auto;padding:45px 5vw 30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.view-heading h1{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95;letter-spacing:-.06em}.view-heading>div>p:last-child{color:var(--muted)}.save-state{padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:.65rem}.save-state span{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#35a778}.studio{background:#f1eee9}.studio-grid{max-width:1400px;margin:auto;padding:0 5vw 60px;display:grid;grid-template-columns:minmax(420px,.86fr) minmax(440px,1.14fr);gap:22px}.editor-panel,.live-panel{overflow:hidden;border:1px solid #e2dcd5;border-radius:26px;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.steps button{height:68px;border:0;background:#faf8f5;color:#89828d;font-size:.72rem;font-weight:700}.steps button span{width:24px;height:24px;margin-right:6px;display:inline-grid;place-items:center;border-radius:50%;background:#e8e4df}.steps button.active{color:var(--ink);background:#fff}.steps button.active span{color:#fff;background:var(--theme-a)}.editor-section{padding:28px}.editor-section h2{margin:0;font-size:1.45rem}.editor-section>p{margin:5px 0 24px;color:var(--muted);font-size:.78rem}.upload{padding:12px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;border:1px dashed #d7d0c9;border-radius:16px}.upload input{display:none}.upload-thumb{width:58px;height:58px;overflow:hidden;border-radius:14px}.upload-thumb img{width:100%;height:100%;object-fit:cover}.upload>span:nth-child(3){display:grid}.upload small,label small{color:var(--muted);font-size:.62rem}.upload b{color:var(--theme-a);font-size:.68rem}.fields{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label,.editor-section>label:not(.upload,.switch-row){display:grid;gap:6px;font-size:.67rem;font-weight:700}.fields .wide{grid-column:1/-1}.fields input,.editor-section>label input,.editor-section textarea{width:100%;padding:12px 13px;border:1px solid #ded8d1;border-radius:11px;color:var(--ink);background:#fbfaf8;outline:none}.fields input:focus,.editor-section input:focus,.editor-section textarea:focus{border-color:var(--theme-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-a) 15%,transparent)}.editor-section>label+label{margin-top:16px}.switch-row{padding:15px;display:flex;justify-content:space-between;align-items:center;border-radius:14px;background:#f7f5f2}.switch-row span{display:grid}.switch-row input{width:38px;height:22px;accent-color:var(--theme-a)}.mini-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-theme{padding:7px;display:grid;gap:6px;border:2px solid transparent;border-radius:12px;background:#f5f2ed}.mini-theme i{height:55px;border-radius:8px;background:linear-gradient(135deg,var(--a),var(--b))}.mini-theme span{font-size:.58rem}.mini-theme.selected{border-color:var(--theme-a)}.wide-button{width:100%;margin-top:16px}.live-panel>header{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.58rem;font-weight:700;letter-spacing:.1em}.live-panel>header span i{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#32a779}.live-panel>header button{height:32px;padding:0 10px;border:1px solid var(--line);background:#fff}.live-panel{background:#e5e0da}.phone{width:390px;margin:32px auto;padding:14px;position:relative;border:9px solid var(--ink);border-radius:48px;background:#fff;box-shadow:0 24px 50px #17132724}.phone-island{width:110px;height:25px;top:7px;left:50%;z-index:4;position:absolute;border-radius:0 0 16px 16px;background:var(--ink);transform:translateX(-50%)}.phone .pet-preview{width:100%;box-shadow:none}.medical-preview{margin-top:14px;padding:12px;display:grid;border-radius:13px;color:var(--ink);background:#fff0f1;text-align:left}.medical-preview small{color:#bc4251;font-size:.48rem}.medical-preview strong{font-size:.8rem}.medical-preview span{color:var(--muted);font-size:.6rem}.selected-layout{min-width:180px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 12px 35px #17132712}.selected-layout{display:grid}.selected-layout small{color:var(--muted);font-size:.55rem;letter-spacing:.1em}.selected-layout strong{font-size:1.2rem}.layout-filters{max-width:1300px;margin:0 auto 24px;padding:0 5vw;display:flex;gap:8px}.layout-filters button{min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.68rem;font-weight:700}.layout-filters button.active{color:#fff;background:var(--ink)}.layout-grid{max-width:1300px;margin:auto;padding:0 5vw 130px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.layout-card{padding:8px;border:2px solid transparent;border-radius:20px;background:#fff;box-shadow:0 12px 35px #17132712}.layout-card.selected{border-color:var(--theme-a)}.layout-art{aspect-ratio:.72;padding:18px 12px;display:flex;flex-direction:column;align-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--a),var(--b))}.layout-art img{width:100px;height:100px;margin:auto 0 14px;border:5px solid #ffffff8c;border-radius:50%;object-fit:cover}.layout-art small{font-size:.42rem;letter-spacing:.1em}.layout-art b{font-size:1.55rem}.layout-art span{font-size:.58rem}.layout-card footer{padding:10px 6px 4px;display:flex;justify-content:space-between;align-items:center;text-align:left}.layout-card footer span{display:grid}.layout-card footer small{color:#999;font-size:.5rem}.layout-card footer strong{font-size:.7rem}.layout-card footer i{width:24px;height:24px;display:none;place-items:center;border-radius:50%;color:#fff;background:var(--theme-a)}.layout-card.selected footer i{display:grid}.sticky-action{right:5vw;bottom:20px;left:5vw;z-index:20;position:fixed;padding:10px 12px 10px 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd6cf;border-radius:22px;background:#fffefaee;box-shadow:0 18px 50px #17132728;backdrop-filter:blur(15px)}.sticky-action>span{display:flex;align-items:center;gap:10px}.sticky-action>span>i{width:42px;height:42px;border-radius:12px}.sticky-action>span>span{display:grid}.sticky-action small{color:var(--muted);font-size:.5rem;letter-spacing:.1em}.scan-shell{width:min(100%,520px);min-height:calc(100vh - 82px);margin:auto;padding:22px}.public-card{background:linear-gradient(145deg,var(--theme-a),var(--theme-b))}.scan-shell>header{display:flex;justify-content:space-between;align-items:center;color:#fff}.scan-shell>header .logo img{width:145px;filter:invert(1)}.scan-shell>header>span{font-size:.55rem;letter-spacing:.12em}.scan-card,.chat{margin-top:18px;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 28px 70px #17132745}.scan-cover{padding:20px 24px 28px;color:#fff;background:linear-gradient(145deg,var(--theme-a),var(--theme-b));text-align:center}.scan-cover .preview-status{float:left}.scan-cover>img{clear:both;width:155px;height:155px;margin-top:40px}.scan-cover h1{font-size:2.9rem}.scan-content{padding:20px}.thank-you,.scan-medical{padding:14px;display:grid;grid-template-columns:38px 1fr;gap:8px;border-radius:16px;background:#f7f4ef}.thank-you p,.scan-medical p{margin:0;font-size:.74rem}.scan-medical{margin-top:10px;background:#fff0f1}.scan-medical p{display:grid}.scan-medical small{color:#b94250;font-size:.48rem;letter-spacing:.1em}.scan-medical span{color:var(--muted);font-size:.65rem}.scan-content>.primary{width:100%;margin-top:16px;background:var(--theme-a)}.privacy-note{display:block;margin-top:8px;color:#888;text-align:center;font-size:.56rem}.chat{height:680px;padding:18px;background:#f7f5f8}.chat header{padding-bottom:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.chat header button{border:0;background:none;font-size:1.2rem}.chat header p{margin:0;display:grid}.chat header small{font-size:.48rem;letter-spacing:.08em}.chat header i{margin-left:auto;color:#28986f;font-size:.62rem}.messages{height:500px;padding:25px 0;display:flex;flex-direction:column;gap:9px;overflow:auto}.messages p{max-width:80%;margin:0;padding:10px 13px;border-radius:16px;font-size:.72rem}.system{align-self:center;color:#888;text-align:center}.sent{align-self:flex-end;color:#fff;background:#6c48bb}.received{align-self:flex-start;background:#fff}.chat-form{display:grid;grid-template-columns:1fr 40px;gap:8px}.chat-form input{min-width:0;padding:0 14px;border:1px solid var(--line);border-radius:99px}.chat-form button{border:0;border-radius:50%;color:#fff;background:var(--theme-a)}.chat>small{display:block;margin-top:7px;color:#888;text-align:center;font-size:.52rem}[hidden]{display:none!important}
@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy>p:not(.kicker){margin-inline:auto}.actions,.proof{justify-content:center}.studio-grid{grid-template-columns:1fr}.layout-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{height:68px;padding:0 16px}.logo img{width:135px}.nav-cta{min-height:40px;padding:0 14px;font-size:.68rem}.view{min-height:calc(100vh - 68px)}.hero{padding:46px 18px 30px;display:block}.hero h1{font-size:clamp(3.4rem,17vw,5rem)}.actions{display:grid}.proof{flex-wrap:wrap;gap:8px 14px}.hero-product{min-height:500px;margin-top:24px}.pet-preview{width:300px;padding:15px}.pet-preview>img{width:135px;height:135px}.real-badge{width:95px;left:0}.ring{width:55px;height:55px;border-width:10px}.badge-body{height:100px;border-width:7px}.view-heading{padding:32px 18px 22px;display:grid}.save-state,.selected-layout{width:max-content}.studio-grid{padding:0 12px 30px}.steps button{font-size:.62rem}.steps button span{display:none}.editor-section{padding:20px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.live-panel{padding-bottom:12px}.phone{width:calc(100% - 18px);margin:20px auto;border-width:7px}.layout-filters{padding:0 18px;overflow-x:auto}.layout-filters button{flex:0 0 auto}.layout-grid{padding:0 14px 120px;grid-template-columns:repeat(2,1fr);gap:9px}.layout-art{padding:10px}.layout-art img{width:76px;height:76px}.sticky-action{right:8px;bottom:8px;left:8px}.sticky-action .primary{padding:0 13px;font-size:.62rem}.scan-shell{padding:12px}.public-card{min-height:calc(100vh - 68px)}}
.hero-price{width:min(100%,570px);margin-top:24px;padding:14px 18px;display:grid;grid-template-columns:.72fr 1px 1.28fr;align-items:center;gap:18px;border:1px solid #e7e0dc;border-radius:18px;background:#ffffffb8;box-shadow:0 14px 34px #1713270d;text-align:left}.hero-price>div{display:grid}.hero-price>i{width:1px;height:44px;background:#e2dcd6}.hero-price small{color:#817a86;font-size:.48rem;font-weight:750;letter-spacing:.1em}.hero-price strong{font-size:1.35rem;line-height:1.25}.hero-price strong em{font-size:.65rem;font-style:normal}.hero-price span{color:#77717d;font-size:.56rem}@media(max-width:650px){.hero-price{grid-template-columns:1fr;gap:10px;text-align:center}.hero-price>i{width:100%;height:1px}}
body:has(.public-card.active) .topbar{display:none}body:has(.public-card.active) .public-card{min-height:100vh}.layout-art,.pet-preview,.scan-cover,.mini-theme>i{position:relative;isolation:isolate;overflow:hidden}.layout-art::before,.pet-preview::before,.scan-cover::before,.mini-theme>i::before{position:absolute;inset:-12px;z-index:-1;content:'';background:#fff;opacity:.14;-webkit-mask-image:var(--icon,var(--theme-icon));mask-image:var(--icon,var(--theme-icon));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:58px 58px;mask-size:58px 58px;transform:rotate(-8deg)}.layout-art>*,.pet-preview>*,.scan-cover>*{position:relative;z-index:1}.pattern-diagonal::before{-webkit-mask-size:76px 48px;mask-size:76px 48px;transform:rotate(18deg)}.pattern-orbit::before{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:190px;mask-size:190px;-webkit-mask-position:115% -12%;mask-position:115% -12%;opacity:.2;transform:none}.pattern-corner::before{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:150px;mask-size:150px;-webkit-mask-position:120% 108%;mask-position:120% 108%;opacity:.22;transform:none}.pattern-bounce::before{-webkit-mask-size:92px 92px;mask-size:92px 92px;-webkit-mask-position:20px 10px;mask-position:20px 10px;opacity:.16;transform:rotate(12deg)}.pattern-constellation::before{-webkit-mask-size:44px 44px;mask-size:44px 44px;opacity:.2;transform:none}.pattern-border::before{inset:8px;border:4px solid #ffffff45;-webkit-mask-size:48px;mask-size:48px;opacity:.13;transform:none}.pattern-swim::before{-webkit-mask-size:82px 45px;mask-size:82px 45px;opacity:.18;transform:none}.pattern-burst::before{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:230px;mask-size:230px;-webkit-mask-position:50% 18%;mask-position:50% 18%;opacity:.16;transform:rotate(-12deg)}.pattern-grid::before{-webkit-mask-size:64px;mask-size:64px;opacity:.11;transform:none}.pattern-village::before{-webkit-mask-size:72px 55px;mask-size:72px 55px;-webkit-mask-position:bottom;mask-position:bottom;opacity:.15;transform:none}.pattern-rain::before{-webkit-mask-size:46px 72px;mask-size:46px 72px;opacity:.15;transform:rotate(8deg)}.pattern-map::before{-webkit-mask-size:115px;mask-size:115px;opacity:.12;transform:rotate(22deg)}.pattern-confetti::before{-webkit-mask-size:64px 42px;mask-size:64px 42px;opacity:.19;transform:rotate(-20deg)}.pattern-trail::before{-webkit-mask-size:70px;mask-size:70px;-webkit-mask-position:8px 0;mask-position:8px 0;opacity:.16;transform:rotate(28deg)}.pattern-badge::before{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:220px;mask-size:220px;-webkit-mask-position:50% 18%;mask-position:50% 18%;opacity:.13;transform:none}.mini-theme>i{background:linear-gradient(135deg,var(--a),var(--b))!important}.mini-theme>i::before{z-index:0;-webkit-mask-size:26px;mask-size:26px}
.layout-floating-menu{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:270px;padding:9px 12px;border:1px solid #ddd6cf;border-radius:18px;color:var(--ink);background:#fffefaee;box-shadow:0 18px 50px #17132728;backdrop-filter:blur(15px);text-align:left}.layout-floating-menu>i{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--theme-a),var(--theme-b))}.layout-floating-menu>span{display:grid;min-width:0}.layout-floating-menu small{color:var(--muted);font-size:.48rem;font-weight:750;letter-spacing:.1em}.layout-floating-menu strong{overflow:hidden;text-overflow:ellipsis;font-size:.76rem;white-space:nowrap}.layout-floating-menu>b{padding:8px 10px;border-radius:10px;color:#fff;background:var(--ink);font-size:.62rem}.layout-floating-menu:hover{border-color:var(--theme-a);transform:translateY(-1px)}.layout-floating-menu:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-a) 38%,transparent);outline-offset:3px}
@media(max-width:650px){.view.active:not(.layouts):not(.public-card){padding-bottom:96px}.layout-floating-menu{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));grid-template-columns:38px minmax(0,1fr) auto;min-width:0;padding:7px 8px;border-radius:16px}.layout-floating-menu>i{width:38px;height:38px}.layout-floating-menu>b{padding:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.layout-floating-menu:hover{transform:none}}
.language-switcher{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.language-switcher button,.language-switcher a{appearance:none;padding:8px 9px;border:0;border-radius:999px;color:var(--muted);background:transparent;font:700 11px/1 Lexend,sans-serif;letter-spacing:.04em;text-decoration:none}.language-switcher button:hover,.language-switcher button:focus-visible,.language-switcher a:hover,.language-switcher a:focus-visible{color:var(--ink);outline:2px solid var(--theme-a);outline-offset:1px}.language-switcher button.active,.language-switcher a.active{color:#fff;background:var(--ink)}
@media(max-width:760px){.language-switcher{margin-left:auto}.language-switcher button{padding:7px}.topbar>.nav-cta{display:none}}

/* Organic SVG field: deliberately uneven positions, scales and rotations.
   The composition is deterministic (stable on every scan) but avoids a tiled,
   mechanical rhythm. Text and portrait keep a quiet central reading zone. */
.layout-art::before,.pet-preview::before,.scan-cover::before,.mini-theme>i::before{
  inset:-4%;opacity:.16;transform:rotate(var(--motif-rotation,-7deg));
  -webkit-mask-image:var(--icon,var(--theme-icon)),var(--icon,var(--theme-icon)),var(--icon,var(--theme-icon));
  mask-image:var(--icon,var(--theme-icon)),var(--icon,var(--theme-icon)),var(--icon,var(--theme-icon));
  -webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;
  -webkit-mask-size:var(--motif-sizes,52px 52px,104px 104px,35px 35px);mask-size:var(--motif-sizes,52px 52px,104px 104px,35px 35px);
  -webkit-mask-position:var(--motif-positions,4% 12%,108% 41%,17% 94%);mask-position:var(--motif-positions,4% 12%,108% 41%,17% 94%);
}
.layout-art::after,.pet-preview::after,.scan-cover::after,.mini-theme>i::after{width:72px;height:72px;right:-20px;bottom:9%;z-index:-1;position:absolute;content:'';background:#fff;opacity:.1;-webkit-mask:var(--icon,var(--theme-icon)) center/contain no-repeat;mask:var(--icon,var(--theme-icon)) center/contain no-repeat;transform:rotate(23deg)}
.layout-card:nth-child(6n+2) .layout-art{--motif-positions:94% 7%,-13% 52%,76% 91%;--motif-sizes:38px 38px,112px 112px,58px 58px;--motif-rotation:11deg}
.layout-card:nth-child(6n+3) .layout-art{--motif-positions:16% -8%,92% 67%,-8% 88%;--motif-sizes:91px 91px,43px 43px,64px 64px;--motif-rotation:-18deg}
.layout-card:nth-child(6n+4) .layout-art{--motif-positions:108% 18%,8% 56%,68% 104%;--motif-sizes:76px 76px,34px 34px,118px 118px;--motif-rotation:6deg}
.layout-card:nth-child(6n+5) .layout-art{--motif-positions:-9% 32%,84% -10%,98% 92%;--motif-sizes:59px 59px,97px 97px,41px 41px;--motif-rotation:19deg}
.layout-card:nth-child(6n) .layout-art{--motif-positions:73% 5%,-18% 72%,93% 58%;--motif-sizes:45px 45px,126px 126px,31px 31px;--motif-rotation:-12deg}
.pattern-orbit,.pattern-map,.pattern-badge{--motif-positions:105% -6%,-16% 63%,72% 106%;--motif-sizes:132px 132px,78px 78px,42px 42px;--motif-rotation:8deg}
.pattern-bounce,.pattern-confetti,.pattern-rain{--motif-positions:9% -9%,104% 52%,14% 96%;--motif-sizes:83px 83px,49px 49px,116px 116px;--motif-rotation:-15deg}
.pattern-border,.pattern-trail,.pattern-village{--motif-positions:-12% 18%,89% 4%,107% 88%;--motif-sizes:110px 110px,36px 36px,69px 69px;--motif-rotation:14deg}
.mini-theme>i::before{--motif-sizes:18px 18px,34px 34px,13px 13px;--motif-positions:3% 9%,102% 55%,22% 105%}

/* Every presentation of the digital card lives inside an unmistakable phone.
   The card itself never reads as a printable or physical card product. */
.visual-phone{width:402px;padding:16px;position:relative;z-index:2;border:10px solid var(--ink);border-radius:52px;background:#fff;box-shadow:0 38px 80px #40304d45;transform:rotate(2deg)}.visual-island,.layout-device>i{width:108px;height:25px;top:6px;left:50%;z-index:5;position:absolute;border-radius:0 0 16px 16px;background:var(--ink);transform:translateX(-50%)}.visual-phone .pet-preview{width:100%;padding-top:28px;border-radius:36px;box-shadow:none}.layout-device{padding:7px;position:relative;border:5px solid var(--ink);border-radius:23px;background:#fff}.layout-device>i{width:45px;height:10px;top:2px;border-radius:0 0 7px 7px}.layout-device .layout-art{padding-top:24px;border-radius:14px}.layout-card{align-self:start}

/* Autonomous UFoundMe! footer: concise, dark and limited to essential links. */
.ufm-footer{padding:68px max(24px,5vw) 24px;color:#d6d1dd;background:#171327}.ufm-footer-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr .8fr 1.1fr;gap:6vw}.ufm-footer-grid section:first-child img{width:175px;filter:brightness(0) invert(1)}.ufm-footer p{color:#aaa4b4;font-size:.76rem}.ufm-footer small{color:#817b89;font-size:.62rem}.ufm-footer nav,.ufm-footer-note{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.ufm-footer strong{margin-bottom:6px;color:#fff;font-size:.72rem}.ufm-footer a{color:#c6c0ce;text-decoration:none;font-size:.7rem}.ufm-footer a:hover,.ufm-footer a:focus-visible{color:#fff;text-decoration:underline}.ufm-footer-bottom{max-width:1320px;margin:50px auto 0;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid #ffffff1b;color:#777180;font-size:.6rem}body:has(.public-card.active) .ufm-footer{display:none}
@media(max-width:900px){.ufm-footer-grid{grid-template-columns:1fr 1fr}.visual-phone{width:380px}}
@media(max-width:650px){.visual-phone{width:310px;padding:10px;border-width:7px;border-radius:42px}.visual-island{width:88px;height:20px;top:4px}.ufm-footer{padding:50px 20px 22px}.ufm-footer-grid{grid-template-columns:1fr;gap:34px}.ufm-footer-bottom{display:grid;gap:7px}.layout-device{border-width:4px}}

/* Product principle pages: three short steps and one clear demo action. */
.principle-view{min-height:calc(100vh - 82px);padding:clamp(44px,7vw,90px) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:minmax(390px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(38px,7vw,100px);background:linear-gradient(140deg,#fffaf4,#f3edff)}.qr-principle{background:linear-gradient(140deg,#effbf8,#f3f1ff)}.principle-copy h1{margin:0;font-size:clamp(3.4rem,6vw,6rem);line-height:.94;letter-spacing:-.065em}.principle-copy h1 em{color:var(--theme-a);font-style:normal}.principle-copy>p:not(.kicker){max-width:610px;margin:24px 0;color:var(--muted);font-size:1rem}.principle-steps{margin:0 0 28px;padding:0;display:grid;gap:8px;list-style:none}.principle-steps li{padding:13px 15px;display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid var(--line);border-radius:15px;background:#ffffffb8}.principle-steps li>b{color:var(--theme-a);font-size:.72rem}.principle-steps span{display:grid}.principle-steps small{color:var(--muted)}.principle-visual{min-height:560px;display:grid;place-items:center;position:relative}.badge-stage{border-radius:50px;background:radial-gradient(circle at 30% 20%,#ffd98d,#ff7b59 55%,#ad316c);overflow:hidden}.principle-badge{width:210px!important;position:relative!important;left:auto!important;bottom:auto!important;transform:rotate(-8deg) scale(1.35)!important}.badge-stage>p{position:absolute;right:28px;bottom:25px;padding:13px 18px;display:grid;border-radius:16px;background:#fff}.badge-stage>p strong{font-size:1.5rem}.badge-stage>p span{color:var(--muted);font-size:.65rem}.principle-phone{position:relative!important;transform:rotate(2deg)}

/* Local upload and centring tool aligned with the MEO Safety photo flow. */
.photo-dialog{width:min(760px,calc(100% - 28px));padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 35px 100px #17132755}.photo-dialog::backdrop{background:#17132799;backdrop-filter:blur(8px)}.photo-dialog-card{padding:26px}.photo-dialog-card>header{display:flex;justify-content:space-between;align-items:start}.photo-dialog-card h2{margin:0;font-size:2rem}.photo-dialog-card>header>button{width:42px;height:42px;border:0;border-radius:50%;background:#f1eeea;font-size:1.4rem}.photo-dropzone{min-height:88px;margin-top:18px;padding:14px;border:2px dashed #cfc8c1;border-radius:17px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:13px;cursor:pointer;background:#faf8f5}.photo-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.photo-dropzone>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--ink)}.photo-dropzone strong{display:grid}.photo-dropzone small{color:var(--muted);font-weight:400}.photo-editor{margin-top:18px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:24px;align-items:center}.photo-crop-preview{width:min(100%,280px);aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;background:#eef0eb;box-shadow:0 0 0 7px #1713270d}.photo-crop-preview canvas{width:100%;height:100%;display:block}.photo-controls{display:grid;gap:14px}.photo-controls label{display:grid;gap:7px;font-size:.72rem;font-weight:750}.photo-controls label>span{display:grid;grid-template-columns:1fr 50px;gap:8px;align-items:center}.photo-controls input{width:100%;accent-color:var(--theme-a)}.photo-controls output{text-align:right}.photo-error{padding:10px 12px;border-radius:10px;color:#8a2637;background:#fff0f1}.photo-dialog-card>footer{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}

@media(max-width:800px){.principle-view{grid-template-columns:1fr;padding:34px 20px}.principle-visual{min-height:480px}.photo-editor{grid-template-columns:1fr}.layout-filters{overflow-x:auto}.layout-filters button{flex:0 0 auto}}@media(max-width:560px){.principle-copy h1{font-size:3.1rem}.principle-visual{min-height:420px}.photo-dialog-card{padding:18px}.photo-dialog-card>footer{display:grid;grid-template-columns:1fr 1fr}.topbar nav{gap:12px}}

/* Concrete daily-price cue: a local CSS-drawn 5 euro-cent coin. */
.hero-price>div:last-child>span{display:flex;align-items:center;gap:8px}.hero-price>div:last-child>span::after{width:29px;height:29px;flex:0 0 29px;display:inline-grid;place-items:center;border:2px solid #b76f20;border-radius:50%;color:#7f4815;background:radial-gradient(circle at 34% 28%,#fff1a8 0 8%,#e9a844 34%,#c67a24 72%,#f5c665 100%);box-shadow:inset 0 0 0 2px #f7cf79,0 3px 7px #5d35152b;content:'5c';font-size:.58rem;font-weight:850;letter-spacing:-.04em;text-shadow:0 1px #ffe7a1;transform:rotate(-7deg)}
.account-actions{display:flex;align-items:center;gap:16px}.account-actions>a:first-child{color:var(--navy);font-weight:800;text-decoration:none}.account-actions .nav-cta{display:inline-flex;text-decoration:none}@media(max-width:720px){.account-actions>a:first-child{display:none}.account-actions{gap:6px}.account-actions .nav-cta{padding-inline:12px}}

/* Compact, one-message-per-screen marketing rhythm. */
@media(min-width:801px){.hero,.principle-view,.chat-principle{height:calc(100svh - 82px);min-height:620px;max-height:900px}.hero{padding-block:32px}.hero h1{font-size:clamp(3rem,4.7vw,4.8rem);line-height:.92}.hero-product{min-height:480px;transform:scale(.9)}.principle-view{padding-block:34px}.principle-copy h1{font-size:clamp(2.7rem,4.2vw,4.25rem)}.principle-visual{min-height:470px}.view-heading h1{font-size:clamp(2.4rem,4vw,4rem)}}
.chat-principle{padding:clamp(32px,5vw,64px) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(32px,6vw,86px);overflow:hidden;background:linear-gradient(140deg,#fff9f1,#f1f5ff)}.chat-principle-copy h1{max-width:720px;margin:0;font-size:clamp(2.7rem,4.4vw,4.5rem);line-height:.98;letter-spacing:-.06em}.chat-principle-copy>p:not(.kicker){max-width:680px;margin:18px 0 22px;color:var(--muted)}.chat-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chat-benefits article{min-height:150px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#ffffffb8}.chat-benefits img{width:22px;height:22px;margin-bottom:14px}.chat-benefits strong{font-size:.78rem}.chat-benefits span{margin-top:6px;color:var(--muted);font-size:.65rem}.chat-demo-phone{max-width:390px;margin:auto;padding:17px;border:9px solid var(--ink);border-radius:42px;background:#fff;box-shadow:0 32px 70px #17254725}.chat-demo-head{display:flex;align-items:center;gap:10px;padding:6px 3px 14px;border-bottom:1px solid var(--line)}.chat-demo-head p{margin:0;display:grid}.chat-demo-head small{font-size:.48rem}.chat-demo-head i{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#2fa779}.chat-demo-body{padding:16px 3px}.language-pair{width:max-content;margin:0 auto 16px;padding:6px 10px;display:flex;gap:9px;border-radius:99px;background:#f1edf8;font-size:.6rem;font-weight:800}.bubble{max-width:84%;margin:8px 0;padding:11px 13px;border-radius:15px;font-size:.72rem}.bubble.finder{background:#f0edf3}.bubble.owner{margin-left:auto;color:#fff;background:var(--ink)}.chat-demo-body>small{display:block;color:#8a8490;font-size:.49rem}.chat-demo-body>small:last-of-type{text-align:right}.chat-demo-phone footer{padding:11px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#eff9f5;color:#36715d;font-size:.57rem}.chat-demo-phone footer img{width:18px}.chat-demo-phone>.primary{width:100%;margin-top:12px}.actions a.primary{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:800px){.chat-principle{padding:38px 20px 90px;grid-template-columns:1fr;overflow:visible}.chat-principle-copy h1{font-size:clamp(2.5rem,12vw,3.6rem)}.chat-benefits{grid-template-columns:1fr}.chat-benefits article{min-height:0}.chat-demo-phone{width:min(100%,390px)}.hero h1{font-size:clamp(2.8rem,13vw,4rem)}.principle-copy h1{font-size:clamp(2.45rem,11vw,3.4rem)}}

/* Balanced header and true vertical button alignment. */
.topbar{display:grid;grid-template-columns:minmax(165px,1fr) auto minmax(165px,1fr);align-items:center;gap:28px}.topbar>.logo{margin:0;justify-self:start}.topbar>nav{height:100%;align-items:stretch}.topbar>nav a{padding:0;display:inline-flex;align-items:center;white-space:nowrap}.account-actions{min-width:0;justify-self:end;justify-content:flex-end;gap:12px}.nav-cta,.primary,.secondary,.outline,.account-actions>a{display:inline-flex;align-items:center;justify-content:center;line-height:1.15}.nav-cta span,.primary span{display:inline-flex;align-items:center;line-height:1}
@media(max-width:1000px){.topbar{grid-template-columns:1fr auto}.topbar>nav{display:none}.account-actions{grid-column:2}}
@media(max-width:650px){.topbar{grid-template-columns:minmax(120px,1fr) auto;gap:10px}.account-actions{gap:6px}}

/* Realistic portrait smartphone proportions (roughly 9:17). */
.visual-phone{width:340px;min-height:610px;padding:13px;border-radius:46px}.visual-phone .pet-preview{min-height:566px;display:flex;flex-direction:column;align-items:center}.visual-phone .pet-preview footer{width:100%;margin-top:auto}.principle-phone{width:340px!important;min-height:610px}.chat-demo-phone{width:340px;max-width:100%;min-height:600px;display:flex;flex-direction:column;border-radius:46px}.chat-demo-phone .chat-demo-body{flex:1}.phone{width:350px;min-height:640px;border-radius:46px}.phone .pet-preview{min-height:596px;display:flex;flex-direction:column;align-items:center}.phone .pet-preview footer{width:100%;margin-top:auto}
@media(max-width:650px){.visual-phone,.principle-phone{width:min(290px,calc(100vw - 42px))!important;min-height:535px}.visual-phone .pet-preview{min-height:502px}.chat-demo-phone{width:min(300px,100%);min-height:540px}.phone{width:min(310px,calc(100% - 18px));min-height:570px}.phone .pet-preview{min-height:532px}}

/* The physical badge is staged on the currently selected FUB colours. */
.badge-stage{isolation:isolate;background:radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--theme-b) 35%,white) 0 12%,var(--theme-a) 48%,var(--theme-b) 100%);transition:background .45s ease}.badge-stage::before,.badge-stage::after{position:absolute;z-index:-1;border-radius:50%;content:'';pointer-events:none;transition:background .45s ease,transform .45s ease}.badge-stage::before{width:240px;height:240px;top:-45px;right:-35px;background:color-mix(in srgb,var(--theme-a) 62%,white);opacity:.38}.badge-stage::after{width:190px;height:190px;bottom:-55px;left:-30px;background:color-mix(in srgb,var(--theme-b) 76%,black);opacity:.2}.badge-stage .principle-badge{z-index:2}.badge-stage>p{z-index:3}

/* Help always occupies one viewport; question growth scrolls inside the list. */
.sr-only{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-view{height:calc(100svh - 82px);min-height:560px;padding:28px max(5vw,calc((100vw - 1240px)/2)) 34px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:22px;overflow:hidden;background:linear-gradient(145deg,#fbf8f3,#f2f5fb)}.help-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:30px}.help-head h1{max-width:720px;margin:0;font-size:clamp(2.3rem,3.6vw,3.7rem);line-height:1;letter-spacing:-.055em}.help-head>div>p:last-child{margin:10px 0 0;color:var(--muted)}.help-search{height:52px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 12px 30px #1713270b}.help-search img{width:20px}.help-search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.help-shell{min-height:0;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:16px}.help-questions,.help-answer{min-height:0;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 40px #1713270b}.help-questions{display:flex;flex-direction:column;overflow:hidden}.help-questions>h2{margin:0 0 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.help-list{min-height:0;display:grid;align-content:start;gap:7px;overflow:auto;overscroll-behavior:contain;padding-right:5px}.help-list button{min-height:48px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:0;border-radius:12px;background:#f7f5f2;color:var(--ink);text-align:left;font-size:.72rem;font-weight:700}.help-list button.active{color:#fff;background:var(--ink)}.help-list button b{font-size:1rem}.help-empty{color:var(--muted);font-size:.72rem}.help-answer{display:flex;flex-direction:column;overflow:auto}.help-answer>span{color:var(--theme-a);font-size:.58rem;font-weight:800;letter-spacing:.1em}.help-answer>h2{max-width:700px;margin:14px 0 12px;font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.08}.help-answer>p{max-width:760px;margin:0;color:var(--muted)}.help-answer>div{margin-top:auto;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:center;border-radius:15px;background:#f1f7f5}.help-answer>div strong,.help-answer>div small{grid-column:1}.help-answer>div small{color:var(--muted)}.help-answer>div a{grid-column:2;grid-row:1/3;color:var(--ink);font-size:.72rem;font-weight:800}.help-view.active~*{}body:has(.help-view.active) .ufm-footer{display:none}
@media(max-width:800px){.help-view{height:calc(100svh - 68px);min-height:520px;padding:18px 14px;gap:14px}.help-head{grid-template-columns:1fr;gap:12px}.help-head h1{font-size:clamp(1.9rem,9vw,2.7rem)}.help-head>div>p:last-child{display:none}.help-search{height:44px}.help-shell{grid-template-columns:1fr;grid-template-rows:minmax(130px,32%) minmax(0,1fr);gap:10px}.help-questions,.help-answer{padding:14px;border-radius:17px}.help-questions>h2{margin-bottom:8px}.help-list button{min-height:42px}.help-answer>h2{font-size:1.35rem;margin:9px 0}.help-answer>div{margin-top:14px;grid-template-columns:1fr}.help-answer>div a{grid-column:1;grid-row:auto;margin-top:7px}}
.translated-message{margin:10px 0}.translated-message>small{display:block;margin:0 5px 4px;color:#8a8490;font-size:.46rem;font-weight:800;letter-spacing:.08em}.translated-message .bubble{margin:0}.translated-message.finder .bubble{background:#f0edf3}.translated-message.owner{display:grid;justify-items:end}.translated-message.owner .bubble{color:#fff;background:var(--ink)}.translated-message .translation{max-width:88%;margin:4px 5px 0;padding:6px 9px;border-left:3px solid var(--theme-a);border-radius:5px 9px 9px 5px;background:#fff5ed;color:#6f5960;font-size:.57rem}.translated-message.owner .translation{border-right:3px solid var(--theme-b);border-left:0;border-radius:9px 5px 5px 9px;text-align:right}.translated-message .translation b{margin-right:5px;color:var(--theme-a);font-size:.48rem}.translated-message.owner .translation b{color:var(--theme-b)}
.proof{max-width:650px;flex-wrap:wrap;row-gap:8px}.proof .proof-privacy,.proof .proof-eu{padding:5px 9px;border-radius:999px;background:#edf8f3;color:#286a52}.proof .proof-privacy:before{content:'◆'}.proof .proof-eu:before{content:'EU';font-size:.48rem;font-weight:900}