:root{--green:#2f7659;--dark:#23372f;--cream:#f7f7f1;--amber:#f2a33a;--line:#dfe8df}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--dark);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}header{background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.wrap{max-width:1160px;margin:auto;padding:0 22px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dark);font-weight:900;font-size:22px;line-height:1.1}.brand small{display:block;font-size:11px;font-weight:500;color:#7d8d84;margin-top:6px}.paw{background:var(--amber);border-radius:16px;padding:12px}.green{color:var(--green)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;color:var(--dark);text-decoration:none}nav a:hover{color:var(--green)}.mobile{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:72px 0}.hero h1{font-size:clamp(34px,4.7vw,60px);line-height:1.08;letter-spacing:-2px;margin:14px 0}.hero p{font-size:19px;color:#61736a;max-width:570px}.tag{display:inline-block;border-radius:99px;padding:6px 12px;background:#e2f2e6;color:var(--green);font-weight:700;font-size:12px}.art{min-height:330px;border-radius:35px;background:linear-gradient(135deg,#c8e8d2,#f8e4ba);display:grid;place-items:center;font-size:140px;box-shadow:0 24px 55px #2f76591c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}button,.btn{border:0;cursor:pointer;background:var(--green);color:white;border-radius:12px;padding:12px 18px;font-weight:700;font:inherit;text-decoration:none;display:inline-block}button:hover,.btn:hover{filter:brightness(.95)}.secondary{background:#fff;color:var(--green);border:1px solid var(--line)}.amber{background:var(--amber);color:#2b2b2b}h2{font-size:32px;letter-spacing:-.8px;margin:28px 0 8px}h3{margin:0 0 10px}.muted{color:#708278}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 55px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 6px 16px #20382d06}.card p{color:#65766c}.card .emoji{font-size:38px}.petpic{background:linear-gradient(135deg,#e1f2e6,#fff2d9);height:165px;display:grid;place-items:center;font-size:86px;border-radius:16px;margin:-8px -8px 18px}.section{padding:28px 0 65px;min-height:65vh}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0}label{font-size:13px;font-weight:700;color:#506459}input,select,textarea{border:1px solid #cddbd0;background:#fff;border-radius:10px;padding:12px;font:inherit;width:100%}textarea{min-height:95px}form{max-width:650px}.notice{padding:16px 18px;border-radius:12px;background:#e5f3e9;margin:18px 0;color:#27583f}.warn{background:#fff1d8}.pill{font-size:12px;padding:5px 10px;border-radius:20px;background:#e3f3e9;color:#25784e;display:inline-block}.red{background:#ffe6e4;color:#ba4440}.steps{display:flex;gap:8px;flex-wrap:wrap}.steps span{background:#fff;padding:10px 15px;border:1px solid var(--line);border-radius:12px}footer{text-align:center;border-top:1px solid var(--line);padding:28px;color:#718277;font-size:13px} @media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.art{min-height:220px;font-size:95px}.mobile{display:block}.nav{flex-wrap:wrap}nav{display:none;width:100%;padding-bottom:20px;flex-direction:column}nav.open{display:flex}}@media(max-width:570px){.grid,.cols{grid-template-columns:1fr}.hero{padding:35px 0}.hero h1{letter-spacing:-1px}.card{padding:18px}}
.petpic{overflow:hidden}.petpic img{width:100%;height:100%;object-fit:cover}.passport-photo{width:210px;height:170px;overflow:hidden;border-radius:20px;background:#e3efe7;display:grid;place-items:center;font-size:85px;margin:20px 0}.passport-photo img{width:100%;height:100%;object-fit:cover}input[type=file]{background:#f9fbf9}

/* PAW presentation v0.4 */
:root{--green:#287453;--dark:#233b30;--cream:#faf9f5;--line:#e3eae2}body{background:var(--cream)}.nav-demo{background:#e9f3e8;padding:9px 13px;border-radius:10px;font-weight:750;color:#286849}nav a{font-weight:600}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:#3d8965}.home-hero{display:grid;grid-template-columns:1.13fr .87fr;gap:35px;align-items:center;padding:75px 0 85px}.hero-copy h1{font-size:clamp(38px,5.2vw,67px);line-height:1.07;letter-spacing:-2.4px;margin:20px 0}.hero-copy h1 em{font-style:normal;color:#32865c}.hero-copy>p{font-size:19px;color:#63756a;max-width:600px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 37px}.hero-metrics{display:flex;gap:30px;flex-wrap:wrap}.hero-metrics>div{display:flex;flex-direction:column}.hero-metrics strong{font-size:30px;line-height:1.1}.hero-metrics span{font-size:12px;color:#7c8d81}.hero-visual{height:430px;border-radius:44px;background:radial-gradient(circle at 70% 30%,#f7e7bc,transparent 45%),linear-gradient(145deg,#cbe7d3,#d9f0df);position:relative;display:grid;place-items:center;box-shadow:0 28px 60px #326e4c19}.hero-paw{font-size:190px;filter:drop-shadow(0 16px 10px #0002)}.float-card{position:absolute;background:#fff;border:1px solid #e5ebe3;box-shadow:0 12px 30px #223d301b;padding:16px 20px;border-radius:18px;font-weight:800;line-height:1.5}.float-card small{font-weight:400;color:#748478}.float-card.top{top:45px;left:-35px}.float-card.bottom{bottom:40px;right:-22px}.home-section{padding:20px 0 65px}.center{text-align:center}.center h2{font-size:clamp(28px,3.5vw,43px)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.feature{text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .15s,box-shadow .15s}.feature:hover,.pet-tile:hover{transform:translateY(-4px);box-shadow:0 18px 35px #254d3415}.feature>span{font-size:40px}.feature h3{margin:16px 0 8px}.feature p{font-size:14px;color:#6a7c70}.feature b{font-size:13px;color:var(--green)}.mission-banner{background:#dcece0;border-radius:30px;padding:36px 40px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 65px}.mission-banner h2{max-width:700px;margin:8px 0}.mission-banner p{color:#587361}.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0 55px}.pet-tile,.paw-listing-tile{background:white;border:1px solid var(--line);border-radius:23px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.image-frame{height:210px;background:linear-gradient(140deg,#d9eee0,#f7e8cb);display:grid;place-items:center;font-size:105px;overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:cover}.tile-content{padding:22px}.tile-content h3{font-size:23px;margin:12px 0 4px}.tile-content p{color:#728174;margin:7px 0}.tile-content small{color:#829086}.tile-link{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:var(--green);font-weight:750}.backlink{display:inline-block;margin-bottom:18px;color:var(--green);text-decoration:none}.passport{border:1px solid #dfe8dd;border-radius:28px;overflow:hidden;background:white;box-shadow:0 18px 45px #28472d0b}.passport-head{background:linear-gradient(115deg,#e1f2e4,#f9f5e8);padding:35px;display:flex;gap:28px;align-items:center}.passport-avatar{width:155px;height:155px;display:grid;place-items:center;background:#fff9;border-radius:25px;font-size:83px;overflow:hidden;flex-shrink:0}.passport-avatar img{width:100%;height:100%;object-fit:cover}.passport-head h2{font-size:43px;margin:5px 0}.passport-head p{margin:0 0 10px;color:#6c7c70}.passport-mark{margin-left:auto;font-weight:900;text-align:right;font-size:25px;color:#317c58}.passport-mark small{font-size:12px;color:#728e7a}.passport-body{padding:30px 35px}.info-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ec;padding:12px 0;gap:20px}.info-row span{color:#78867c}.passport-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.lower-cols{margin-top:25px}.timeline{padding-left:12px}.timeline-item{position:relative;border-left:2px solid #c8e5d0;padding:0 0 22px 20px;font-size:14px}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-dot{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#48a573;border:2px solid #fff}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:16px;border-radius:20px;margin-top:26px}.filter-buttons{display:flex;gap:6px}.filter-button{background:#f2f6f1;color:#52735c;padding:10px 14px;font-size:14px}.filter-button.active{background:#2f7659;color:white}.search-field{display:flex;align-items:center;border:1px solid #dce5dc;border-radius:12px;padding:0 12px;flex:1;min-width:230px}.search-field input{border:0;min-width:0}.filterbar select{width:auto;min-width:145px}.result-count{font-size:13px;color:#7c8b80;margin:20px 0 0}.empty-state{text-align:center;background:white;padding:45px;border-radius:22px;font-size:30px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px}.scenario-page>h2{font-size:43px}.scenario-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);gap:24px;margin-top:30px}.scenario-main,.scenario-side>.card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}.scenario-top{display:flex;align-items:center;gap:18px;padding:24px 28px;background:#e4f2e8}.scenario-top>span{font-size:54px}.scenario-top h3{font-size:24px}.scenario-top p{margin:0;color:#6b8272}.stepper{display:grid;grid-template-columns:repeat(5,1fr);padding:30px 20px 5px;gap:4px}.step{text-align:center;color:#98a59a}.step>span{display:grid;place-items:center;width:37px;height:37px;margin:auto auto 7px;background:#eef1ec;border-radius:50%;font-weight:800}.step small{font-size:11px}.step.current{color:#2d7852}.step.current>span,.step.done>span{background:#2f7659;color:white}.step.done{color:#2f7659}.scenario-content{padding:25px 35px 35px}.scenario-content h3{font-size:31px;margin:15px 0 6px}.scenario-content p{color:#65786a}.scenario-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.scenario-side>.card{margin-bottom:16px}.scenario-side .btn{width:100%;text-align:center}.scenario-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr}.hero-visual{height:300px}.hero-paw{font-size:140px}.float-card.top{left:15px}.float-card.bottom{right:15px}.scenario-layout{grid-template-columns:1fr}}@media(max-width:700px){.pet-grid{grid-template-columns:1fr 1fr}.passport-head{flex-wrap:wrap}.passport-mark{margin-left:0}.mission-banner{display:block}.home-hero{padding:35px 0 50px}.hero-copy h1{letter-spacing:-1px}}@media(max-width:560px){.pet-grid,.feature-grid{grid-template-columns:1fr}.passport-head{padding:22px}.passport-body{padding:22px}.passport-avatar{width:110px;height:110px;font-size:60px}.passport-head h2{font-size:34px}.stepper{padding:20px 8px}.step small{font-size:9px}.step>span{width:30px;height:30px}.scenario-content{padding:22px}.hero-metrics{gap:18px}.float-card{font-size:12px}.mission-banner{padding:26px}}