
:root{--navy:#00164a;--blue:#075bff;--red:#e50914;--soft:#f5f8ff;--line:#d9e2f3;--green:#02a33a;--text:#071439}*{box-sizing:border-box}body{margin:0;background:#f7f9fd;color:var(--text);font-family:Arial,Helvetica,sans-serif}.page-wrap{max-width:1183px;margin:0 auto;background:white;box-shadow:0 18px 55px rgba(0,22,74,.12);position:relative;min-height:100vh}.mockup-img{display:block;width:100%;height:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hotlinks{position:absolute;left:0;top:0;width:100%;height:6%;z-index:10}.hotlinks a{position:absolute;top:0;height:100%;font-size:0;color:transparent;text-decoration:none}.hotlinks a:focus{outline:3px solid rgba(7,91,255,.65);background:rgba(7,91,255,.06)}.hot-home{left:29%;width:6%}.hot-how{left:37%;width:9%}.hot-specs{left:48%;width:10%}.hot-faq{left:58%;width:6%}.hot-pricing{left:64%;width:8%}.hot-demo{left:73%;width:9%}.hot-contact{left:83%;width:8%}.hot-tag{left:91%;width:9%}.home-wrap .hot-home{left:1%;width:30%}.home-wrap .hot-how{left:32%;width:8%}.home-wrap .hot-specs{left:42%;width:8%}.home-wrap .hot-pricing{left:60%;width:7%}.home-wrap .hot-faq{left:68%;width:5%}.home-wrap .hot-contact{left:74%;width:7%}.home-wrap .hot-demo{left:17%;top:25%;width:15%;height:5%}.home-wrap .hot-tag{left:3%;top:25%;width:13%;height:5%}.pet-wrap .hot-home{left:24%;width:7%}.pet-wrap .hot-how{left:31%;width:11%}.pet-wrap .hot-specs{left:42%;width:12%}.pet-wrap .hot-faq{left:55%;width:6%}.pet-wrap .hot-pricing{left:61%;width:8%}.pet-wrap .hot-demo{left:69%;width:12%}.pet-wrap .hot-contact{left:81%;width:7%}.pet-wrap .hot-tag{left:89%;width:10%}.pet-wrap .hot-edit{left:33%;top:23%;width:12%;height:3.7%}.pet-wrap .hot-upload{left:58%;top:50%;width:7%;height:5%}.pet-wrap .hot-preview{left:47%;top:23%;width:18%;height:3.7%}.notice-bar{max-width:1183px;margin:0 auto;background:#fff8e6;color:#654400;border:1px solid #ffe3a3;padding:10px 14px;font-size:14px}.notice-bar b{color:#00164a}.mockup-helper{max-width:1183px;margin:10px auto 0;padding:10px 16px;background:#eef4ff;border:1px solid #d6e5ff;border-radius:14px;font-size:14px;line-height:1.4}.mockup-helper a{color:var(--blue);font-weight:700}.top-live-nav{max-width:1183px;margin:0 auto;background:var(--navy);color:#fff;display:flex;gap:14px;align-items:center;justify-content:center;padding:10px;flex-wrap:wrap}.top-live-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}.top-live-nav .demo{background:var(--red);padding:7px 12px;border-radius:999px}.editor-page{background:linear-gradient(180deg,#f7fbff 0%,#fff 34%);min-height:100vh}.editor-shell{max-width:1120px;margin:0 auto;padding:26px 22px}.editor-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:26px;color:var(--navy)}.brand-badge{width:42px;height:42px;border-radius:12px;background:var(--blue);display:grid;place-items:center;color:#fff}.editor-links{display:flex;gap:16px;flex-wrap:wrap}.editor-links a{color:var(--navy);font-weight:800;text-decoration:none}.editor-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;margin-top:20px}.editor-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 40px rgba(0,22,74,.08);padding:24px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:900;font-size:13px}.editor-card h1{font-size:48px;line-height:1.02;margin:12px 0;color:var(--navy)}.lead{font-size:18px;line-height:1.5;color:#33425f}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pill{border:1px solid #cbd9f5;background:#f4f8ff;color:var(--navy);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.upload-box{border:2px dashed #b9caf0;border-radius:22px;background:#f9fbff;padding:24px;text-align:center}.preview{width:170px;height:170px;border-radius:30px;object-fit:cover;background:#eef2f8;display:block;margin:0 auto 16px;border:1px solid var(--line)}input,textarea,select{width:100%;border:1px solid #cbd6eb;border-radius:14px;padding:13px 14px;font:inherit;background:#fff}label{display:block;font-weight:900;color:var(--navy);margin:12px 0 7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-weight:900;text-decoration:none;cursor:pointer}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.status-msg{margin-top:12px;padding:12px;border-radius:14px;background:#eaf8ee;color:#03622a;font-weight:800;display:none}.mock-phone{border:12px solid #10131b;border-radius:34px;background:#fff;padding:18px;max-width:280px;margin:auto}.phone-pet{width:90px;height:90px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 8px}.lost-banner{background:#ffe8e8;color:#dd0000;font-weight:900;text-align:center;padding:8px;border-radius:10px;margin:10px 0}.phone-btn{display:block;text-align:center;border-radius:10px;padding:9px;margin:8px 0;font-weight:900;text-decoration:none;border:1px solid #cdd8ef}.green{background:#dff8e6;color:#05802a}.blue{background:#e8f0ff;color:#075bff}.orange{background:#fff2e9;color:#c75409}.footer-note{margin-top:24px;background:var(--navy);color:#dce8ff;border-radius:22px;padding:18px}.footer-note a{color:#fff;font-weight:900}@media(max-width:800px){.editor-hero,.formgrid{grid-template-columns:1fr}.editor-card h1{font-size:36px}.editor-links{display:none}.page-wrap{box-shadow:none}.top-live-nav{font-size:12px}.hotlinks{height:7%}}


/* v6 contact expansion */
.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:24px 0 12px}.section-title h2{color:var(--navy);font-size:24px;line-height:1.12;margin:0 0 6px}.section-title p{margin:0;color:#42516c;line-height:1.45}.mini-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef4ff;color:var(--blue);font-weight:900;font-size:12px;padding:8px 11px;white-space:nowrap}.contact-manager{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card{border:1px solid #d7e2f6;border-radius:18px;background:#fbfdff;padding:14px;box-shadow:0 8px 20px rgba(0,22,74,.04)}.contact-card b{display:block;color:var(--navy);font-size:16px;margin-bottom:3px}.contact-card span{display:block;color:#5a6680;font-size:13px;font-weight:700;margin-bottom:8px}.contact-card input{margin-top:8px;padding:10px 11px;border-radius:11px}.add-card{background:linear-gradient(180deg,#f7faff,#fff)}.small{padding:10px 12px;border-radius:12px;font-size:13px}.contact-preview{max-height:none}.redlite{background:#ffe8e8;color:#d70000}.purple{background:#f0eaff;color:#5a2cc7}.profile-extension{background:#f6f9ff;border-top:1px solid #d9e2f3;padding:34px 22px 42px}.extension-inner{max-width:980px;margin:0 auto;background:#fff;border:1px solid #d8e3f5;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(0,22,74,.08)}.extension-inner h2{font-size:36px;line-height:1.05;margin:10px 0;color:var(--navy)}.extension-inner p{font-size:17px;line-height:1.5;color:#33425f}.finder-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.finder-buttons .phone-btn{margin:0}.fine-print{font-size:13px!important;color:#59677d!important}@media(max-width:800px){.contact-grid,.finder-buttons{grid-template-columns:1fr}.section-title{display:block}.extension-inner h2{font-size:30px}}
