:root{--orange:#ff7300;--orange-dark:#e75e00;--brown:#462508;--brown-2:#6d4527;--cream:#fffaf4;--cream-2:#fff1df;--paper:#fffdfb;--text:#23180f;--muted:#746b64;--line:#eadfd4;--success:#1f9b68;--danger:#c84736;--shadow:0 16px 50px rgba(74,44,20,.10);--radius:20px;--brand-primary:var(--orange);--brand-dark:var(--brown);font-family:"Segoe UI",Nunito,Arial,sans-serif;color:var(--text);background:#f2eee9;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);line-height:1.55}body::selection{background:#ffd4ac;color:var(--brown)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.landing{max-width:1500px;min-height:100vh;margin:14px auto;background:radial-gradient(circle at 50% 3%,#fff 0,#fffaf4 42%,#fff7ed 100%);border-radius:16px;overflow-x:clip;box-shadow:0 0 0 14px #0d0d0d}.site-header{height:100px;display:flex;align-items:center;gap:42px;padding:0 54px;position:sticky;top:0;z-index:20;background:rgba(255,253,249,.88);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand-dark);font-weight:900;font-size:29px;line-height:.82;letter-spacing:-1.3px;white-space:nowrap}.brand small{display:block;font-size:8.5px;letter-spacing:.2px;font-weight:600;margin-top:8px}.brand-paw{font-size:35px;color:var(--brand-primary);line-height:1}.site-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.site-nav a{font-size:14px;font-weight:600;position:relative}.site-nav a::after{content:"";height:2px;background:var(--brand-primary);position:absolute;left:50%;right:50%;bottom:-8px;transition:.25s}.site-nav a:hover::after,.site-nav a.active::after{left:0;right:0}.header-actions{display:flex;align-items:center;gap:12px}.header-actions form{margin:0}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.btn{border:1px solid transparent;border-radius:9px;min-height:44px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),#f16400);color:#fff;box-shadow:0 8px 22px rgba(244,105,0,.2)}.btn-primary:hover{box-shadow:0 12px 27px rgba(244,105,0,.3)}.btn-outline{background:rgba(255,255,255,.7);border-color:#d69a6b;color:var(--brand-dark)}.btn-outline:hover{background:#fff5e9}.btn-lg{min-height:58px;padding:0 26px;border-radius:10px;font-size:15px}.btn-small{min-height:36px;padding:0 17px;font-size:12px}.btn-block{width:100%}.card{background:rgba(255,255,255,.86);border:1px solid rgba(102,66,35,.09);box-shadow:var(--shadow);border-radius:var(--radius)}.eyebrow{color:var(--brand-primary);font-size:12px;font-weight:900;letter-spacing:1.6px;display:inline-flex;gap:8px;align-items:center}.event-ribbon{margin:0 54px 8px;padding:13px 20px;border:1px solid #f4c69e;background:#fff3e4;border-radius:14px;display:flex;align-items:center;gap:16px}.event-ribbon>div{display:flex;flex-direction:column}.event-ribbon small{color:var(--muted)}.event-ribbon .btn{margin-left:auto}.event-live{font-size:10px;letter-spacing:1.4px;background:var(--brand-primary);color:#fff;border-radius:999px;padding:5px 10px;font-weight:900}.hero-section{min-height:550px;padding:24px 54px 14px;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(400px,1.2fr) minmax(330px,.8fr);gap:34px;align-items:center}.hero-copy h1{font-size:47px;line-height:1.12;letter-spacing:-2px;color:var(--brand-dark);margin:18px 0 19px;max-width:570px}.hero-copy>p{font-size:18px;line-height:1.62;max-width:500px;margin:0 0 31px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.play{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--brand-dark);color:#fff;font-size:9px}.pet-only{display:flex;align-items:center;gap:12px;margin-top:37px}.pet-only>span:first-child{color:var(--brand-primary);font-size:25px}.scribble{font-size:35px;color:var(--brand-dark);margin-left:10px;transform:rotate(8deg)}.hero-visual{position:relative;min-height:480px;display:flex;align-items:flex-end;justify-content:center}.hero-visual .blob{position:absolute;width:88%;height:88%;left:6%;top:4%;background:radial-gradient(circle at 50% 38%,#fff7e9,#ffe8c9);border-radius:45% 55% 42% 58%/47% 42% 58% 53%;transform:rotate(-3deg)}.hero-visual>img{position:relative;z-index:2;max-height:510px;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(93,47,12,.12))}.float-paw,.float-heart{position:absolute;z-index:3;color:#be7c43}.float-paw{font-size:27px}.p1{left:4%;top:27%;transform:rotate(-20deg)}.p2{right:4%;top:50%;transform:rotate(20deg)}.float-heart{right:8%;top:6%;font-size:45px;transform:rotate(15deg)}.hero-badge{position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);background:var(--brand-primary);color:#fff;border-radius:999px;padding:7px 18px;display:grid;grid-template-columns:auto auto;column-gap:7px;box-shadow:0 8px 22px rgba(183,72,0,.3)}.hero-badge span{grid-row:span 2;font-size:25px}.hero-badge strong{font-size:13px}.hero-badge small{font-size:8px}.login-card{padding:27px;min-height:455px}.login-title{display:flex;align-items:center;gap:12px;margin-bottom:23px}.login-title h2{margin:0;font-size:19px}.login-icon{font-size:25px;color:var(--brand-primary)}.login-form{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px;position:relative}.field>span{font-size:12px;font-weight:750;color:#39291c}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid #dfd6ce;background:#fff;border-radius:8px;padding:10px 13px;outline:none;transition:.18s}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(255,115,0,.12)}.password-field button{position:absolute;right:8px;bottom:8px;width:31px;height:31px;border:0;background:none;color:#777}.forgot{font-size:12px;color:#9a5425;margin-top:-6px}.or{display:flex;align-items:center;gap:12px;color:#777;font-size:12px;margin:17px 0 8px}.or span{height:1px;background:#eee;flex:1}.account-question{text-align:center;font-size:12px;margin:0 0 10px}.welcome-user{text-align:center;padding:35px 8px}.welcome-user .login-icon{font-size:50px}.welcome-user p{color:var(--muted)}.welcome-user h2{font-size:31px;color:var(--brand-dark);margin:0}.steps-security{display:grid;grid-template-columns:2.2fr 1fr;gap:22px;padding:0 54px 40px}.how-card,.security-card{padding:22px 26px;box-shadow:0 8px 30px rgba(63,35,14,.05)}.how-card h2{font-size:18px;margin:0 0 17px}.steps-row{display:flex;align-items:center;justify-content:space-between;text-align:center}.step{display:flex;flex-direction:column;align-items:center;width:120px}.step>span{font-size:34px;color:var(--brand-primary);height:49px}.step strong{font-size:12px}.step small{font-size:11px;color:var(--muted)}.steps-row>i{font-style:normal;color:var(--brand-primary);font-size:22px}.security-card{display:flex;align-items:center;overflow:hidden}.security-card>div{flex:1}.security-card h3{font-size:16px;margin:8px 0}.security-card p{font-size:12px;color:var(--muted);margin:0}.security-card img{width:44%;align-self:flex-end;margin:0 -32px -29px 0}.shield{font-size:32px;color:var(--brand-primary)}.mobile-flow-section{border-top:14px solid #101010;padding:33px 44px 55px;background:#fffbf6}.section-heading{text-align:center;max-width:650px;margin:0 auto 28px}.section-heading h2{font-size:30px;color:var(--brand-dark);margin:5px 0}.section-heading p{color:var(--muted);margin:0}.phone-flow{display:flex;align-items:center;justify-content:center;gap:20px}.phone-flow>i{font-style:normal;font-size:28px;color:#9c5e2e}.phone{width:210px;height:405px;border:1px solid #dfc9b8;border-radius:25px;background:#fff;box-shadow:0 15px 35px rgba(69,38,16,.12);padding:15px 12px;position:relative;overflow:hidden}.phone::before{content:"";position:absolute;top:6px;left:50%;width:55px;height:6px;border-radius:10px;background:#2b2018;transform:translateX(-50%)}.phone-time{font-size:7px;position:absolute;top:10px;left:16px}.phone-logo{text-align:center;color:var(--brand-primary);font-size:12px;margin:14px 0}.phone-logo b{color:var(--brand-dark)}.phone-content{text-align:center;padding:8px 6px}.phone-content h3{font-size:15px;margin:9px 0}.phone-content p{font-size:9px;color:var(--muted);margin:0 0 13px}.phone-pets{font-size:63px;display:block;letter-spacing:-18px;margin:34px 0 5px}.fake-button,.fake-outline{display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;background:var(--brand-primary);color:#fff;font-weight:800;font-size:9px;margin:10px 0}.fake-outline{background:#fff;border:1px solid #d89a69;color:var(--brand-dark)}.fake-button.dark{background:var(--brand-dark)}.phone-icon{display:grid;place-items:center;width:38px;height:38px;margin:6px auto;border-radius:50%;background:#fff0df;color:var(--brand-primary);font-size:22px}.capture-circle{width:118px;height:118px;border:2px solid var(--brand-primary);border-radius:50%;margin:10px auto;overflow:hidden;background:#fff4e6}.capture-circle img{width:100%;height:100%;object-fit:cover}.mini-tabs{display:flex;gap:5px}.mini-tabs b{flex:1;border:1px solid #ddd;border-radius:5px;font-size:8px;padding:6px}.mini-tabs b:last-child{background:var(--brand-dark);color:#fff}.success-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin:3px auto;background:#e7f8ef;color:#168357}.phone-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:9px 0}.phone-gallery div{height:60px;background-size:cover;background-position:center;border-radius:4px}.phone-template{position:relative;width:145px;height:145px;margin:8px auto;overflow:hidden}.phone-template img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.phone-template .photo-overlay{object-fit:fill}.templates-section{border:1px solid #d3a57e;border-radius:15px;margin:0 14px 18px;padding:6px 29px 28px;background:#fffaf4}.title-with-lines{display:flex;align-items:center;gap:18px}.title-with-lines span{height:1px;background:#c78655;flex:1}.title-with-lines h2{font-size:20px;color:var(--brand-dark);white-space:nowrap}.template-groups{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.template-groups>div:first-child{border-right:1px solid #dec9b8;padding-right:22px}.template-groups h3{font-size:15px;margin:0 0 12px}.template-groups h3 small{font-weight:500}.template-grid{display:grid;gap:17px}.story-grid{grid-template-columns:repeat(3,1fr)}.feed-grid{grid-template-columns:repeat(3,1fr)}.template-card{position:relative;border-radius:8px;overflow:hidden;background:#eee;box-shadow:0 8px 16px rgba(51,28,12,.08)}.template-card.story{aspect-ratio:9/16}.template-card.feed{aspect-ratio:1}.template-card img{position:absolute;inset:0;width:100%;height:100%}.template-photo{object-fit:cover}.template-overlay{object-fit:fill}.template-card strong{position:absolute;left:10px;right:10px;bottom:8px;text-align:center;color:#fff;font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.7);opacity:0}.template-card:hover strong{opacity:1}.template-warning{text-align:center;margin:26px 0 0;color:#6b4930;font-size:14px}.sponsor-banner{min-height:185px;margin:0 15px 10px;border-radius:15px;padding:25px 42px;background:linear-gradient(110deg,#161616,#2a2a2a);color:#fff;display:flex;align-items:center;gap:25px;overflow:hidden;position:relative}.sponsor-paw{font-size:55px;color:var(--brand-primary)}.sponsor-banner h2{font-size:29px;line-height:1.05;margin:0 0 6px}.sponsor-banner p{font-size:12px;max-width:260px;margin:0 0 12px}.products{font-size:40px;color:#ffac47;margin-left:auto}.sponsor-brand{display:flex;flex-direction:column;color:#ffb13c}.sponsor-brand strong{font-size:23px}.sponsor-brand small{font-size:9px;color:#fff}.sponsor-banner>img{width:200px;margin-bottom:-65px;filter:drop-shadow(0 8px 12px #000)}.site-footer{min-height:80px;background:#111;color:#fff;display:flex;align-items:center;gap:35px;padding:12px 50px}.brand.light{color:#fff;font-size:24px}.site-footer>p{font-size:10px;margin-left:auto}.site-footer nav{display:flex;gap:34px}.site-footer nav a{font-size:10px}.socials{display:flex;gap:18px;font-size:22px}.toast{position:fixed;z-index:99;top:18px;left:50%;transform:translateX(-50%);min-width:min(92vw,420px);padding:13px 44px 13px 18px;color:#fff;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.toast-error{background:#a83f32}.toast-success{background:#208260}.toast button{position:absolute;right:8px;top:7px;color:#fff;border:0;background:transparent;font-size:22px}.auth-modal{border:0;padding:0;background:transparent;max-width:560px;width:calc(100% - 30px)}.auth-modal::backdrop{background:rgba(31,20,12,.67);backdrop-filter:blur(5px)}.auth-modal[open]{display:block}.modal-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.modal-card>p{color:var(--muted);font-size:13px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f7eee6;color:var(--brown);border-radius:50%;width:34px;height:34px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field-full{grid-column:1/-1}.form-divider{font-size:12px;font-weight:900;letter-spacing:1.2px;color:var(--brand-primary);padding-top:7px}.check-field{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted)}.check-field input{accent-color:var(--brand-primary);margin-top:3px}.alert{padding:11px 14px;border-radius:8px;margin:10px 0;font-size:13px}.alert-error{background:#fff0ed;color:#9e3428;border:1px solid #f1c0b9}.alert-success{background:#eaf8f1;color:#176c4c;border:1px solid #b8e6d1}.installer-page{min-height:100vh;background:radial-gradient(circle at 25% 20%,#fff2df,#f5e9da 45%,#e8ded5);display:grid;place-items:center;padding:30px}.installer-shell{width:min(1100px,100%);display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.installer-shell.compact{max-width:900px}.installer-brand{padding:30px}.installer-brand h1{font-size:47px;line-height:1.05;color:var(--brown);margin:18px 0}.installer-brand>p{color:var(--muted);font-size:17px}.install-checks{display:flex;flex-direction:column;gap:8px;margin-top:25px;color:#3d765d;font-weight:700}.installer-card{padding:29px}.installer-card h2{margin-top:0}.success-state{text-align:center;padding:40px 10px}.success-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#daf4e7;color:#18845b;font-size:37px}.migration-list{display:grid;gap:8px;margin:20px 0}.migration-list>div{display:grid;grid-template-columns:20px 40px 1fr auto;gap:8px;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.migration-list span{color:var(--success)}.migration-list small{color:var(--muted)}

.installer-tools{display:flex;gap:7px;margin:25px 0 34px;flex-wrap:wrap}.installer-tools a{padding:8px 12px;border:1px solid #dfc7b2;border-radius:999px;color:#765638;font-size:11px;font-weight:800;background:#fff8ef}.installer-tools a.active{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.installer-footer-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:11px;color:#9a5b2c;flex-wrap:wrap}.success-actions,.check-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:22px}.installer-check-shell{width:min(1180px,100%)}.install-summary{display:flex;gap:12px;align-items:center;margin-top:25px;border-radius:13px;padding:14px;background:#fff8ef;border:1px solid #edd9c7}.install-summary>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:22px;font-weight:900}.install-summary.ok>span{background:#dff5e9;color:#18855a}.install-summary.fail>span{background:#ffe1db;color:#ae382b}.install-summary strong,.install-summary small{display:block}.install-summary small{color:#857970}.check-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.check-card-head h2{margin:0}.system-check-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:4px}.system-check{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #ece4dd;border-radius:10px;padding:10px 12px}.system-check>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-weight:900}.system-check.ok>span{background:#e0f5e9;color:#19845b}.system-check.fail>span{background:#ffe4df;color:#b33d30}.system-check.warn>span{background:#fff0d9;color:#ad680d}.system-check strong,.system-check small{display:block}.system-check strong{font-size:12px}.system-check small{font-size:10px;color:#887c73}.system-check em{font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;color:#7c7168}
@media (max-width:1180px){.landing{margin:0;border-radius:0;box-shadow:none}.site-header{padding:0 28px}.site-nav{gap:19px}.hero-section{padding-left:28px;padding-right:28px;grid-template-columns:1fr 1.1fr}.login-card{grid-column:1/-1;width:min(520px,100%);justify-self:center;min-height:auto}.steps-security{padding-left:28px;padding-right:28px}.phone-flow{gap:10px}.phone{width:190px}.template-groups{grid-template-columns:1fr 1fr}}
@media (max-width:850px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;gap:15px}.mobile-menu{display:block;margin-left:auto}.site-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:10px 0 20px}.site-nav.open{display:flex}.header-actions{display:none}.event-ribbon{margin:10px 18px;align-items:flex-start;flex-wrap:wrap}.event-ribbon .btn{margin-left:0}.hero-section{grid-template-columns:1fr;padding:35px 22px}.hero-copy{text-align:center}.hero-copy h1{font-size:39px;margin-left:auto;margin-right:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-buttons,.pet-only{justify-content:center}.hero-visual{min-height:420px}.login-card{grid-column:auto}.steps-security{grid-template-columns:1fr;padding:0 22px 30px}.phone-flow{overflow-x:auto;justify-content:flex-start;padding:10px 8px 25px;scroll-snap-type:x mandatory}.phone{min-width:210px;scroll-snap-align:center}.phone-flow>i{min-width:18px}.templates-section{padding:5px 16px 25px}.template-groups{grid-template-columns:1fr}.template-groups>div:first-child{border-right:0;padding-right:0}.sponsor-banner{flex-wrap:wrap}.products{display:none}.site-footer{flex-direction:column;text-align:center;padding:28px 20px}.site-footer>p{margin:0}.site-footer nav{flex-wrap:wrap;justify-content:center}.installer-shell{grid-template-columns:1fr}.installer-brand{text-align:center}.installer-brand h1{font-size:36px}.install-checks{align-items:center}}
@media (max-width:560px){.site-header{padding:0 18px}.brand{font-size:24px}.brand-paw{font-size:29px}.hero-section{padding-top:22px}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-visual{min-height:340px}.hero-visual>img{max-height:365px}.steps-row{display:grid;grid-template-columns:1fr 25px 1fr;gap:12px}.steps-row>i:nth-of-type(even){display:none}.security-card img{width:43%}.mobile-flow-section{padding-left:12px;padding-right:12px}.story-grid,.feed-grid{gap:9px}.template-warning{font-size:12px}.sponsor-banner{padding:26px}.sponsor-banner>img{position:absolute;right:-50px;bottom:0;width:150px;opacity:.55}.sponsor-banner>div:nth-child(2){z-index:2;max-width:75%}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.installer-page{padding:10px}.installer-brand{padding:20px 10px}.installer-card{padding:20px}}