:root{
  --brand:#1A5E5A;--brand-dark:#154b48;--brand-deep:#103c39;--green:#6BAE7C;
  --sand:#D9B798;--cream:#f7eee5;--mint:#e7f1ef;--ink:#263533;--muted:#667572;
  --line:#dfe7e5;--soft:#f5f8f7;--white:#fff;--shadow:0 18px 50px rgba(16,60,57,.10);
  --radius:22px;--radius-sm:14px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:90px 0}.section-sm{padding:62px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--brand),var(--green));border-radius:99px}h1,h2,h3{color:var(--brand-deep);line-height:1.08;letter-spacing:-.035em;margin:0}h1{font-size:clamp(44px,6vw,72px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:22px}.lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted);line-height:1.65}.copy{color:var(--muted)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-weight:800;transition:.18s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(26,94,90,.16)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#fff;color:var(--brand);border-color:#cbdad7}.btn-secondary:hover{background:var(--soft)}.btn-ghost{color:var(--brand);background:transparent}.btn-arrow:after{content:"→";font-size:18px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,231,229,.8)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center}.logo img{width:156px;height:auto}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:720;color:#4d5e5a}.nav-links a:hover,.nav-links a.active{color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--brand);font-size:21px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:88px 0 80px;background:radial-gradient(circle at 85% 14%,rgba(107,174,124,.20),transparent 32%),radial-gradient(circle at 15% 8%,rgba(26,94,90,.09),transparent 30%),linear-gradient(180deg,#fbfdfc 0%,#f5f9f8 100%)}.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-175px;height:260px;border-radius:50% 50% 0 0;background:linear-gradient(100deg,rgba(217,183,152,.20),rgba(107,174,124,.13));transform:rotate(-1deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.hero h1{margin:18px 0 24px}.hero h1 span{color:var(--brand)}.hero .lead{max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#72817e;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(107,174,124,.14)}.product-frame{position:relative;background:#fff;border:1px solid #dce7e4;border-radius:22px;box-shadow:0 30px 80px rgba(16,60,57,.16);overflow:hidden;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.frame-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #e9efed;background:#fbfcfc}.frame-top i{width:9px;height:9px;border-radius:50%;background:#d8e2df}.frame-body{display:grid;grid-template-columns:112px 1fr;min-height:430px}.mini-side{padding:18px 11px;background:#fff;border-right:1px solid #e8eeec}.mini-brand{width:70px;height:17px;background:linear-gradient(90deg,var(--brand),var(--green));border-radius:5px;margin-bottom:22px;opacity:.9}.mini-nav{height:11px;background:#eaf1ef;border-radius:4px;margin:12px 0}.mini-nav.active{height:25px;background:var(--mint);border-left:3px solid var(--brand)}.mini-main{padding:22px;background:#f7f9f9}.mini-title{width:42%;height:18px;background:var(--brand);opacity:.86;border-radius:5px;margin-bottom:8px}.mini-sub{width:60%;height:8px;background:#cbd7d4;border-radius:5px;margin-bottom:22px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{height:76px;background:#fff;border:1px solid #e1e9e7;border-radius:10px;padding:12px}.metric b{display:block;width:55%;height:8px;background:#d6e1de;border-radius:4px}.metric em{display:block;width:36%;height:22px;background:var(--brand);opacity:.78;border-radius:5px;margin-top:11px}.mini-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin-top:12px}.mini-panel{min-height:190px;background:#fff;border:1px solid #e1e9e7;border-radius:10px;padding:12px}.rows span{display:block;height:10px;background:#edf2f1;border-radius:4px;margin:11px 0}.rows span:nth-child(2){width:90%}.rows span:nth-child(3){width:77%}.chart{height:120px;margin-top:18px;border-radius:8px;background:linear-gradient(145deg,transparent 44%,rgba(107,174,124,.28) 45%,rgba(26,94,90,.28) 53%,transparent 54%),linear-gradient(180deg,#f7fbfa,#edf5f2)}.floating-card{position:absolute;right:-26px;bottom:24px;width:195px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.floating-card strong{display:block;color:var(--brand);font-size:13px}.floating-card span{font-size:11px;color:var(--muted)}.trust-strip{padding:28px 0;border-bottom:1px solid var(--line);background:#fff}.trust-items{display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap;color:#6a7976;font-size:13px;font-weight:750}.trust-items span{display:flex;align-items:center;gap:9px}.check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--brand);font-weight:900}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head .copy{max-width:610px;margin:12px 0 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.18s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cadbd7}.icon-box{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--brand);font-size:22px;margin-bottom:20px}.feature-card h3{margin-bottom:10px}.feature-card p{margin:0;color:var(--muted);font-size:15px}.feature-card a{display:inline-flex;margin-top:18px;color:var(--brand);font-weight:800;font-size:13px}.dark-section{background:var(--brand-deep);color:#fff}.dark-section h2,.dark-section h3{color:#fff}.dark-section .eyebrow{color:#bce0d8}.dark-section .copy{color:#c9d9d5}.solution-card{padding:32px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055)}.solution-card p{color:#c8d9d5}.solution-card ul{padding:0;margin:18px 0 0;list-style:none}.solution-card li{position:relative;padding-left:23px;margin:10px 0;color:#e3edeb;font-size:14px}.solution-card li:before{content:"✓";position:absolute;left:0;color:#8fd19f;font-weight:900}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.step{position:relative;padding:28px 22px 24px;border:1px solid var(--line);border-radius:17px;background:#fff;counter-increment:step}.step:before{content:"0" counter(step);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--brand);font-size:12px;font-weight:900;margin-bottom:18px}.step p{color:var(--muted);font-size:14px;margin-bottom:0}.cta{position:relative;overflow:hidden;padding:54px;border-radius:26px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.cta:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-85px;top:-95px;background:rgba(107,174,124,.22)}.cta-grid{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:36px}.cta h2{color:#fff;max-width:720px}.cta p{color:#d4e4e0;max-width:680px}.cta .btn-secondary{border-color:#fff}.footer{padding:60px 0 28px;background:#0d3533;color:#d3e1de}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:42px}.footer-logo{filter:brightness(0) invert(1);width:150px;opacity:.94}.footer p{max-width:390px;color:#aebfbc;font-size:14px}.footer h4{margin:0 0 14px;color:#fff}.footer-links{display:grid;gap:9px;color:#b8c9c5;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#93aaa6}.page-hero{padding:72px 0 58px;background:linear-gradient(180deg,#f7fbfa,#fff);border-bottom:1px solid var(--line)}.page-hero .lead{max-width:760px;margin:20px 0 0}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.pill{padding:8px 12px;border-radius:999px;background:var(--mint);color:var(--brand);font-size:12px;font-weight:780}.detail-block{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.detail-block h3{margin-bottom:12px}.detail-block p{color:var(--muted)}.detail-block ul{color:var(--muted);padding-left:20px}.price-card{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff}.price-card.featured{border-color:#9fc8bf;box-shadow:var(--shadow);position:relative}.price-card.featured:before{content:"Recommended starting point";position:absolute;top:-13px;left:24px;padding:5px 10px;border-radius:99px;background:var(--brand);color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.price-kicker{color:var(--brand);font-weight:850;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.price{font-size:34px;color:var(--brand-deep);font-weight:900;margin:8px 0}.price small{font-size:14px;color:var(--muted);font-weight:600}.price-card ul{list-style:none;padding:0;margin:22px 0}.price-card li{position:relative;padding-left:24px;margin:10px 0;color:var(--muted);font-size:14px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.notice{padding:18px 20px;border:1px solid #e3d0b9;border-radius:14px;background:#fff9f2;color:#725a42;font-size:14px}.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;margin-bottom:6px;color:#4a5c58;font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #cfdcda;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:0}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(26,94,90,.08)}.form-message{display:none;padding:12px 14px;border-radius:10px;background:var(--mint);color:var(--brand);font-size:13px;font-weight:700}.contact-aside{padding:32px;border-radius:20px;background:var(--soft);border:1px solid var(--line)}.contact-aside h3{margin-bottom:12px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:26px;text-align:center;border-radius:17px;background:var(--soft);border:1px solid var(--line)}.stat strong{display:block;color:var(--brand);font-size:28px}.stat span{color:var(--muted);font-size:13px}.security-point{display:flex;gap:16px;align-items:flex-start}.security-point .icon-box{flex:0 0 auto;margin:0}.security-point p{margin:6px 0 0;color:var(--muted)}.callout{padding:24px;border-radius:16px;background:var(--mint);border:1px solid #cfe1dd}.callout strong{color:var(--brand-deep)}.callout p{margin:7px 0 0;color:#526c67}.tag{display:inline-flex;padding:4px 9px;border-radius:99px;background:#eef3f2;color:#61736f;font-size:11px;font-weight:800}
@media(max-width:980px){.nav-links{display:none}.nav-actions .btn-ghost{display:none}.menu-btn{display:grid;place-items:center}.mobile-menu.open{display:grid;padding:8px 20px 20px;border-top:1px solid var(--line);background:#fff}.mobile-menu a{padding:12px 4px;border-bottom:1px solid #edf2f1;font-weight:750;color:#4b5e59}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:44px}.product-frame{max-width:720px;transform:none}.floating-card{right:16px}.grid-3{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.cta-grid{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.section{padding:68px 0}.section-sm{padding:48px 0}.nav{height:68px}.logo img{width:138px}.nav-actions>.btn{display:none}.hero{padding:56px 0 62px}.hero h1{font-size:44px}.hero-actions .btn{width:100%}.frame-body{grid-template-columns:78px 1fr;min-height:340px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .metric:last-child{display:none}.mini-panels{grid-template-columns:1fr}.mini-panels .mini-panel:last-child{display:none}.floating-card{display:none}.grid-3,.grid-2,.workflow,.stat-row,.form-row{grid-template-columns:1fr}.section-head{margin-bottom:30px}.cta{padding:36px 24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.page-hero{padding:54px 0 44px}}

/* ShelterPact public site v0.2 homepage */
.home-v2 .logo img{width:174px}.home-v2 .nav{height:82px}.hero-v2{padding:74px 0 86px;background:radial-gradient(circle at 84% 12%,rgba(107,174,124,.20),transparent 31%),radial-gradient(circle at 8% 5%,rgba(26,94,90,.08),transparent 28%),linear-gradient(180deg,#fbfdfc 0%,#f2f8f6 100%)}.hero-v2:after{bottom:-205px;height:300px}.hero-grid-v2{grid-template-columns:.91fr 1.09fr;gap:56px}.hero-copy-v2{padding-top:4px}.hero-v2 h1{font-size:clamp(48px,5.6vw,74px);margin:17px 0 22px}.hero-v2 .lead{font-size:20px;max-width:650px}.hero-audience{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-audience span{font-size:12px;font-weight:800;color:#55706a;background:rgba(255,255,255,.72);border:1px solid #dce8e5;border-radius:999px;padding:7px 10px}.sp-product-wrap{position:relative;padding:18px 18px 25px 0}.sp-window{background:#fff;border:1px solid #dbe6e3;border-radius:20px;box-shadow:0 34px 85px rgba(16,60,57,.17);overflow:hidden;transform:perspective(1400px) rotateY(-1deg)}.sp-window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #e7eeec;background:#fbfcfc}.sp-window-bar>span{width:8px;height:8px;background:#d8e3e0;border-radius:50%}.sp-window-bar small{margin-left:9px;color:#85938f;font-size:9px;font-weight:700;letter-spacing:.02em}.sp-app{display:grid;grid-template-columns:122px 1fr;min-height:445px}.sp-sidebar{padding:16px 10px;background:#fff;border-right:1px solid #e8eeec}.sp-appmark{width:34px;height:34px;margin:0 auto 14px}.sp-appmark img{width:100%;height:100%;object-fit:contain}.sp-nav-line{height:33px;display:flex;align-items:center;gap:8px;padding:0 9px;margin:4px 0;border-radius:7px;color:#6f7d79}.sp-nav-line.active{background:#eaf3f1;color:var(--brand)}.sp-nav-line i{display:block;width:11px;height:11px;border-radius:3px;background:#cad8d5}.sp-nav-line.active i{background:var(--brand)}.sp-nav-line b{font-size:9px;letter-spacing:-.01em}.sp-dashboard{padding:20px;background:#f6f9f8}.sp-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sp-dash-head strong{display:block;color:#194e4b;font-size:15px}.sp-dash-head small{display:block;color:#82908d;font-size:8px;margin-top:2px}.sp-dash-head button{border:0;background:var(--brand);color:#fff;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:800}.sp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sp-metrics>div{padding:11px;background:#fff;border:1px solid #e0e8e6;border-radius:9px;min-width:0}.sp-metrics small,.sp-metrics em{display:block;font-style:normal}.sp-metrics small{font-size:7px;color:#788783;font-weight:700}.sp-metrics strong{display:block;margin:3px 0;color:#184f4b;font-size:20px;line-height:1}.sp-metrics em{font-size:6px;color:#8b9895}.sp-dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;margin-top:9px}.sp-panel{background:#fff;border:1px solid #e0e8e6;border-radius:9px;padding:11px}.sp-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.sp-panel-title strong{font-size:9px;color:#355c58}.sp-panel-title span{font-size:6px;color:var(--brand);font-weight:800}.sp-op-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:8px 1px;border-bottom:1px solid #edf2f0}.sp-op-row:last-child{border-bottom:0}.sp-op-row .status{width:7px;height:7px;border-radius:50%}.sp-op-row .status.green{background:#65aa76}.sp-op-row .status.amber{background:#d7a95b}.sp-op-row .status.blue{background:#6198a7}.sp-op-row b{display:block;color:#455d59;font-size:7px}.sp-op-row small{display:block;color:#8a9694;font-size:6px}.sp-op-row>span{font-size:6px;color:#6f807c;background:#f0f4f3;border-radius:999px;padding:3px 5px}.sp-bars{padding-top:8px}.sp-bars>span{display:block;position:relative;height:20px;margin:8px 0;background:#eef3f2;border-radius:4px;overflow:hidden}.sp-bars>span:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,rgba(26,94,90,.75),rgba(107,174,124,.65))}.sp-bars b{position:relative;z-index:2;font-size:6px;color:#fff;line-height:20px;padding-left:5px}.sp-mini-map{height:102px;margin-top:10px;border-radius:7px;position:relative;overflow:hidden;background:linear-gradient(150deg,#edf5f2,#f7faf9)}.sp-mini-map:before,.sp-mini-map:after{content:"";position:absolute;height:190%;width:9px;background:#fff;opacity:.8;transform:rotate(40deg);top:-50%;left:43%}.sp-mini-map:after{transform:rotate(-35deg);left:66%}.sp-mini-map i{position:absolute;width:8px;height:8px;background:var(--brand);border:2px solid #fff;border-radius:50%;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.18)}.sp-mini-map i:nth-child(1){top:23px;left:30px}.sp-mini-map i:nth-child(2){top:58px;left:72px}.sp-mini-map i:nth-child(3){top:33px;right:35px}.sp-mini-map i:nth-child(4){bottom:17px;right:56px}.sp-mini-map span{position:absolute;bottom:7px;left:8px;z-index:3;font-size:6px;color:#56716b;font-weight:800}.sp-float-card{position:absolute;background:#fff;border:1px solid #dce6e3;border-radius:12px;box-shadow:0 16px 38px rgba(16,60,57,.14);padding:10px 12px}.sp-float-card span,.sp-float-card strong{display:block}.sp-float-card span{font-size:7px;color:#81908c;font-weight:700}.sp-float-card strong{font-size:8px;color:#285b57;margin-top:2px}.sp-float-one{left:-20px;bottom:6px}.sp-float-two{right:-14px;top:82px}.proof-strip{background:#fff;border-top:1px solid #e2eae8;border-bottom:1px solid #e2eae8}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:22px 24px;border-right:1px solid #e8eeec}.proof-grid>div:first-child{border-left:1px solid #e8eeec}.proof-grid b{display:block;color:#285c58;font-size:12px}.proof-grid span{display:block;color:#788682;font-size:10px;line-height:1.4;margin-top:3px}.platform-section{background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)}.platform-head{align-items:start}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cap-card{position:relative;padding:24px 22px;border:1px solid #dfe8e6;border-radius:17px;background:#fff;min-height:215px;transition:.2s}.cap-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,60,57,.08);border-color:#bfd4cf}.cap-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:11px;background:#edf5f2;font-size:20px}.cap-card h3{font-size:18px;margin-bottom:8px;letter-spacing:-.025em}.cap-card p{font-size:13px;line-height:1.55;color:#6d7b78;margin:0}.featured-cap{background:linear-gradient(155deg,#f4faf8,#fff);border-color:#a9cbc3}.cap-badge{position:absolute;top:18px;right:18px;background:#dcefe8;color:#2a6b60;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.center-action{text-align:center;margin-top:30px}.municipal-section{background:linear-gradient(135deg,#0e3b38,#175a55);color:#fff;overflow:hidden}.municipal-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:64px;align-items:center}.municipal-copy h2{color:#fff;margin:16px 0 18px}.municipal-copy>p{color:#c6d9d4;font-size:17px}.light-eyebrow{color:#a9d8c5}.light-eyebrow:before{background:#7cc093}.municipal-points{margin:27px 0}.municipal-points>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:14px 0;border-top:1px solid rgba(255,255,255,.11)}.municipal-points>div:last-child{border-bottom:1px solid rgba(255,255,255,.11)}.municipal-points i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.09);color:#91cf9f;font-size:9px;font-style:normal;font-weight:900}.municipal-points b,.municipal-points small{display:block}.municipal-points b{font-size:14px;color:#fff}.municipal-points small{color:#bcd0cb;font-size:11px;line-height:1.45;margin-top:2px}.btn-light{background:#fff;color:#154d49}.btn-light:hover{background:#eff7f4}.field-console{background:#f8fbfa;border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.2)}.field-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #e2eae8}.field-head small,.field-head strong{display:block}.field-head small{font-size:7px;color:#6f817d;font-weight:900;letter-spacing:.1em}.field-head strong{color:#214f4b;font-size:12px;margin-top:2px}.field-head>span{font-size:8px;color:#38755d;background:#e5f4ea;border-radius:999px;padding:5px 8px;font-weight:800}.field-body{display:grid;grid-template-columns:1.35fr .65fr;min-height:390px}.field-map{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f0ed,#f6faf8)}.field-map:before,.field-map:after{content:"";position:absolute;border-radius:50%;border:18px solid rgba(190,209,203,.6);width:290px;height:290px;left:-150px;top:35px}.field-map:after{width:240px;height:240px;left:auto;right:-125px;top:-90px}.road{position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(207,220,216,.5);z-index:1}.r1{width:520px;height:16px;left:-70px;top:120px;transform:rotate(-28deg)}.r2{width:480px;height:12px;left:-40px;bottom:90px;transform:rotate(18deg)}.r3{height:480px;width:13px;left:54%;top:-70px;transform:rotate(9deg)}.r4{height:390px;width:9px;left:27%;top:-10px;transform:rotate(-15deg)}.pin{position:absolute;z-index:4;display:grid;place-items:center;width:28px;height:28px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--brand);color:#fff;font-size:8px;font-style:normal;font-weight:900;border:3px solid #fff;box-shadow:0 4px 12px rgba(15,62,59,.22)}.pin::first-letter{transform:rotate(45deg)}.p1{left:25%;top:24%}.p2{left:57%;top:42%;background:#c18034}.p3{right:17%;bottom:22%}.p4{left:35%;bottom:15%;background:#6ba87b}.map-label{position:absolute;z-index:5;padding:5px 7px;border-radius:6px;background:#fff;color:#54716b;font-size:7px;font-weight:800;box-shadow:0 4px 12px rgba(16,60,57,.12)}.ml1{left:31%;top:19%}.ml2{right:16%;bottom:15%}.dispatch-list{padding:14px;background:#fff;border-left:1px solid #e5ecea}.dispatch-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.dispatch-title b{color:#365d58;font-size:10px}.dispatch-title span{font-size:7px;color:#82918d}.dispatch-item{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f0}.dispatch-item>i{width:7px;height:7px;border-radius:50%;background:#699b92}.dispatch-item.priority>i{background:#c86e55}.dispatch-item b,.dispatch-item small{display:block}.dispatch-item b{color:#45615c;font-size:8px}.dispatch-item small{color:#879591;font-size:6px}.dispatch-item em{font-size:6px;font-style:normal;color:#5f746f;background:#edf3f1;border-radius:999px;padding:3px 5px}.connected-section{background:#fff}.connected-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.record-preview{border:1px solid #dce7e4;border-radius:20px;background:#fff;box-shadow:0 24px 65px rgba(16,60,57,.10);overflow:hidden}.record-top{display:flex;align-items:center;gap:9px;padding:14px 18px;background:#f8faf9;border-bottom:1px solid #e5ecea}.record-top span{font-size:8px;color:#85938f;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.record-top b{font-size:10px;color:#355c58}.record-top em{margin-left:auto;font-style:normal;font-size:7px;font-weight:900;color:#2c7452;background:#e5f3e8;padding:4px 7px;border-radius:999px}.record-profile{display:flex;gap:14px;align-items:center;padding:22px 20px}.pet-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:16px;background:linear-gradient(145deg,#e8f3ef,#f8f5ef);font-size:34px}.record-profile h3{font-size:23px}.record-profile p{margin:3px 0 7px;font-size:10px;color:#758480}.record-tags{display:flex;gap:5px;flex-wrap:wrap}.record-tags span{font-size:7px;background:#eef4f2;color:#55716b;border-radius:999px;padding:4px 6px;font-weight:750}.record-tabs{display:flex;gap:20px;padding:0 20px;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0}.record-tabs>*{padding:11px 0;font-size:8px;color:#7c8a87}.record-tabs b{color:var(--brand);border-bottom:2px solid var(--brand)}.record-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 20px 21px}.record-columns>div{padding-right:14px;border-right:1px solid #edf2f0}.record-columns>div+div{padding-left:14px}.record-columns>div:last-child{border:0}.record-columns small,.record-columns strong{display:block}.record-columns small{font-size:7px;color:#899692;text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:2px}.record-columns strong{font-size:9px;color:#435f5a;margin-bottom:10px}.connected-copy h2{margin:15px 0 18px}.connection-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.connection-list div{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;padding:10px 11px;background:#f5f9f8;border:1px solid #e1eae7;border-radius:10px;text-align:center}.connection-list span{font-size:9px;font-weight:800;color:#52706a}.connection-list b{color:#72a68c}.workflow-section{background:#f7faf9}.workflow-v2 .step{background:#fff}.audience-section{background:#fff}.audience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-cards article{padding:30px;border:1px solid #dfe8e6;border-radius:19px;background:linear-gradient(180deg,#fff,#fbfcfc)}.audience-type{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f3f0;color:#28645e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.audience-cards h3{font-size:21px;margin:14px 0 10px}.audience-cards p{font-size:14px;color:#6d7c78}.audience-cards a{display:inline-flex;margin-top:8px;color:var(--brand);font-size:12px;font-weight:850}.cta-v2{padding:56px}.cta-eyebrow{color:#b8e0d0;margin-bottom:12px}.cta-eyebrow:before{background:#7fc698}
@media(max-width:1100px){.capability-grid{grid-template-columns:repeat(3,1fr)}.hero-grid-v2{grid-template-columns:1fr;gap:42px}.hero-copy-v2{max-width:780px}.sp-product-wrap{max-width:850px;margin:auto;width:100%}.municipal-grid,.connected-grid{grid-template-columns:1fr;gap:42px}.municipal-copy{max-width:760px}.field-console,.record-preview{max-width:850px;width:100%;margin:auto}}
@media(max-width:900px){.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(3){border-left:1px solid #e8eeec}.proof-grid>div{border-bottom:1px solid #e8eeec}.capability-grid{grid-template-columns:repeat(2,1fr)}.audience-cards{grid-template-columns:1fr}.sp-float-two{right:0}.sp-float-one{left:0}}
@media(max-width:680px){.home-v2 .logo img{width:150px}.home-v2 .nav{height:70px}.hero-v2{padding:48px 0 58px}.hero-v2 h1{font-size:43px}.hero-v2 .lead{font-size:18px}.hero-audience{gap:6px}.hero-audience span{font-size:10px}.sp-product-wrap{padding:0}.sp-window{border-radius:14px}.sp-app{grid-template-columns:68px 1fr;min-height:350px}.sp-sidebar{padding:12px 5px}.sp-appmark{width:27px;height:27px}.sp-nav-line{height:29px;padding:0 6px;gap:5px}.sp-nav-line b{display:none}.sp-dashboard{padding:12px}.sp-dash-head button{display:none}.sp-metrics{grid-template-columns:1fr 1fr}.sp-metrics>div:nth-child(n+3){display:none}.sp-dash-grid{grid-template-columns:1fr}.sp-activity{display:none}.sp-float-card{display:none}.proof-grid{grid-template-columns:1fr}.proof-grid>div,.proof-grid>div:first-child,.proof-grid>div:nth-child(3){border-left:0;border-right:0}.capability-grid{grid-template-columns:1fr}.cap-card{min-height:auto}.field-body{grid-template-columns:1fr}.dispatch-list{display:none}.field-map{min-height:320px}.record-tabs{gap:12px;overflow-x:auto}.record-tabs span:nth-of-type(n+3){display:none}.record-columns{grid-template-columns:1fr}.record-columns>div,.record-columns>div+div{padding:8px 0;border-right:0;border-bottom:1px solid #edf2f0}.connection-list{grid-template-columns:1fr}.cta-v2{padding:36px 24px}}


/* v0.3.0 — real ShelterPact product imagery */
.hero-v3{padding:78px 0 76px}.hero-grid-v3{grid-template-columns:.78fr 1.22fr;gap:54px}.hero-v3 .hero-copy-v2{max-width:590px}.real-product{margin:0;overflow:hidden;border:1px solid #d6e3e0;border-radius:18px;background:#fff;box-shadow:0 24px 62px rgba(16,60,57,.13)}.real-product img{display:block;width:100%;height:auto}.hero-product-shot{position:relative;transform:perspective(1400px) rotateY(-1.3deg);box-shadow:0 30px 85px rgba(16,60,57,.17)}.product-shot-label{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fff;border-bottom:1px solid #e5ecea;color:#60736f;font-size:10px;font-weight:800;letter-spacing:.02em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68ad7a;box-shadow:0 0 0 4px rgba(104,173,122,.12)}.real-product-dark{border-color:rgba(255,255,255,.17);box-shadow:0 28px 75px rgba(0,0,0,.22)}.dark-label{background:#f9fbfa}.municipal-grid-v3{grid-template-columns:.76fr 1.24fr;gap:54px}.connected-grid-v3{grid-template-columns:1.25fr .75fr;gap:58px}.record-real-shot{box-shadow:0 26px 70px rgba(16,60,57,.12)}
.product-showcase-section{background:#f5f9f8}.product-showcase-head{align-items:end}.product-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.showcase-card{display:block;overflow:hidden;border:1px solid #dbe6e3;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,60,57,.06);transition:.18s ease}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,60,57,.10)}.showcase-card img{width:100%;aspect-ratio:1.95/1;object-fit:cover;object-position:top left;border-bottom:1px solid #e5ecea}.showcase-card>div{padding:15px 18px 17px}.showcase-card b,.showcase-card span{display:block}.showcase-card b{font-size:15px;color:var(--brand-deep)}.showcase-card span{margin-top:3px;color:#70807c;font-size:12px}.showcase-wide{grid-column:span 2}.showcase-wide img{aspect-ratio:2.5/1}
.feature-page-hero{padding-bottom:66px}.feature-visual-section{padding-top:72px}.feature-visual-list{display:grid;gap:92px}.feature-visual-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center;scroll-margin-top:105px}.feature-visual-row.reverse{grid-template-columns:1.28fr .72fr}.feature-visual-row.reverse .feature-visual-copy{order:2}.feature-visual-row.reverse>.real-product,.feature-visual-row.reverse>.feature-duo{order:1}.feature-visual-copy h2{font-size:clamp(30px,3.2vw,45px);margin:12px 0 16px}.feature-visual-copy p{color:var(--muted);font-size:16px}.feature-visual-copy ul{padding-left:20px;color:#536964}.feature-visual-copy li{margin:7px 0}.feature-kicker{display:inline-flex;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.compliance-feature{grid-template-columns:.62fr 1.38fr}.compliance-shot-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compliance-shot-stack .real-product:first-child{grid-column:span 2}.compliance-shot-stack .real-product img{aspect-ratio:1.98/1;object-fit:cover;object-position:top}.feature-duo{display:grid;gap:14px}.feature-duo .real-product img{aspect-ratio:1.98/1;object-fit:cover;object-position:top}.feature-visual-row>.real-product img{aspect-ratio:1.98/1;object-fit:cover;object-position:top}
@media(max-width:1100px){.hero-grid-v3{grid-template-columns:1fr;gap:40px}.hero-v3 .hero-copy-v2{max-width:780px}.hero-product-shot{transform:none}.municipal-grid-v3,.connected-grid-v3{grid-template-columns:1fr}.feature-visual-row,.feature-visual-row.reverse,.compliance-feature{grid-template-columns:1fr;gap:30px}.feature-visual-row.reverse .feature-visual-copy,.feature-visual-row.reverse>.real-product,.feature-visual-row.reverse>.feature-duo{order:initial}}
@media(max-width:760px){.hero-v3{padding:48px 0 58px}.hero-product-shot{border-radius:12px}.product-shot-label{font-size:9px}.product-showcase-grid{grid-template-columns:1fr}.showcase-wide{grid-column:span 1}.showcase-wide img,.showcase-card img{aspect-ratio:1.7/1}.feature-visual-list{gap:66px}.compliance-shot-stack{grid-template-columns:1fr}.compliance-shot-stack .real-product:first-child{grid-column:span 1}.feature-visual-row>.real-product img,.feature-duo .real-product img,.compliance-shot-stack .real-product img{aspect-ratio:1.55/1}.feature-visual-copy p{font-size:15px}}

/* v0.3.1 — homepage proportion and product-tour polish */
:root{--navy:#0b3154}
.home-v2 .container{width:min(1260px,calc(100% - 44px))}
.home-v2 .logo img{width:188px}
.home-v2 h1,.home-v2 h2,.home-v2 h3{color:var(--navy)}
.hero-v3{padding:62px 0 64px}
.hero-grid-v3{grid-template-columns:.94fr 1.26fr;gap:42px}
.hero-v3 .hero-copy-v2{max-width:570px}
.hero-v3 h1{font-size:clamp(46px,4.6vw,63px);line-height:1.02;margin:16px 0 21px;letter-spacing:-.045em}
.hero-v3 .lead{font-size:19px;line-height:1.58;max-width:570px}
.hero-product-shot{transform:none;border-radius:20px;box-shadow:0 30px 76px rgba(11,49,84,.14)}
.hero-product-shot img{width:100%;height:auto}
.hero-audience{flex-wrap:nowrap;gap:7px}
.hero-audience span{white-space:nowrap}
.municipal-section{background:linear-gradient(135deg,#0b3154,#154f68)}
.municipal-section h2{color:#fff}
.product-tour-section{background:#f5f9f8}
.product-tour-head{align-items:end}
.product-tour{display:grid;gap:74px}
.tour-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}
.tour-row-reverse{grid-template-columns:1.28fr .72fr}
.tour-row-reverse .tour-copy{order:2}
.tour-row-reverse .tour-shot{order:1}
.tour-copy{max-width:430px}
.tour-kicker{display:inline-flex;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;margin-bottom:10px}
.tour-copy h3{font-size:clamp(27px,2.6vw,38px);line-height:1.08;margin:0 0 14px}
.tour-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.tour-copy a{display:inline-flex;margin-top:18px;color:var(--brand);font-size:13px;font-weight:850}
.tour-shot{border-radius:17px;box-shadow:0 20px 52px rgba(11,49,84,.10)}
.tour-shot img{display:block;width:100%;height:auto;object-fit:contain}
.tour-more{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:58px;padding-top:28px;border-top:1px solid #dfe8e6}
.tour-more span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#81908c;margin-right:4px}
.tour-more a{padding:8px 11px;border:1px solid #d5e3df;border-radius:999px;background:#fff;color:#315f5a;font-size:12px;font-weight:800}
.tour-more a:hover{border-color:#a9cbc3;background:#fbfdfc}
@media(max-width:1100px){
  .home-v2 .container{width:min(100% - 40px,1180px)}
  .hero-grid-v3{grid-template-columns:1fr;gap:36px}
  .hero-v3 .hero-copy-v2{max-width:760px}
  .hero-audience{flex-wrap:wrap}
  .tour-row,.tour-row-reverse{grid-template-columns:1fr;gap:28px}
  .tour-row-reverse .tour-copy,.tour-row-reverse .tour-shot{order:initial}
  .tour-copy{max-width:720px}
}
@media(max-width:760px){
  .home-v2 .container{width:min(100% - 28px,1260px)}
  .home-v2 .logo img{width:158px}
  .hero-v3{padding:44px 0 50px}
  .hero-v3 h1{font-size:43px}
  .hero-v3 .lead{font-size:17px}
  .product-tour{gap:54px}
  .tour-copy h3{font-size:29px}
  .tour-more{justify-content:flex-start}
}

/* v0.3.2 — homepage polish and footer/CTA fixes */
@media(min-width:1101px){
  .hero-v3 .container{width:min(1260px,calc(100% - 40px))}
  .hero-grid-v3{grid-template-columns:.82fr 1.38fr;gap:46px}
  .hero-v3 .hero-copy-v2{max-width:555px}
}
.product-tour-section{padding-top:78px;padding-bottom:78px}
.product-tour{gap:62px}
.tour-more{margin-top:44px}
.home-v2 .cta-v2 h2,.cta-v2 h2{color:#fff}
.home-v2 .cta-v2 p,.cta-v2 p{color:#dcebe7}
.home-v2 .cta-v2 .cta-eyebrow,.cta-v2 .cta-eyebrow{color:#c3e7d7}
.footer-logo{filter:none;opacity:1;width:176px;height:auto;background:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 7px 20px rgba(0,0,0,.12)}
@media(max-width:680px){
  .product-tour-section{padding-top:62px;padding-bottom:62px}
  .product-tour{gap:48px}
  .footer-logo{width:164px}
}


/* v0.4.0 — Features page product-tour redesign */
.feature-v4{--navy:#0b3154}
.feature-v4 .container{width:min(1260px,calc(100% - 44px))}
.feature-v4 .logo img{width:188px}
.feature-v4 h1,.feature-v4 h2,.feature-v4 h3{color:var(--navy)}
.features-hero-v4{padding:72px 0 68px;background:radial-gradient(circle at 88% 12%,rgba(107,174,124,.18),transparent 29%),linear-gradient(180deg,#fbfdfc,#f4f8f7)}
.features-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center}
.features-hero-copy{max-width:570px}.features-hero-copy h1{font-size:clamp(46px,4.7vw,64px);line-height:1.02;margin:16px 0 22px;letter-spacing:-.045em}.features-hero-copy .lead{font-size:18px;line-height:1.62}.features-hero-shot{border-radius:20px;box-shadow:0 30px 78px rgba(11,49,84,.14)}
.feature-jump{position:sticky;top:78px;z-index:35;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid #e5ecea;border-bottom:1px solid #dfe8e6}.feature-jump-inner{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:12px 0;scrollbar-width:none}.feature-jump-inner::-webkit-scrollbar{display:none}.feature-jump a{white-space:nowrap;padding:8px 12px;border-radius:999px;color:#526864;font-size:12px;font-weight:800}.feature-jump a:hover{background:#eef5f3;color:var(--brand)}
.feature-anchor{scroll-margin-top:145px}.feature-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:42px}.feature-intro-grid h2{margin-top:13px;max-width:760px;font-size:clamp(34px,4.1vw,54px)}.feature-intro-grid>p{max-width:530px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.feature-focus-grid{display:grid;grid-template-columns:1.34fr .66fr;gap:34px;align-items:center}.feature-main-shot{box-shadow:0 26px 68px rgba(11,49,84,.11)}.feature-side-copy{display:grid;gap:6px}.feature-point{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #e0e9e7}.feature-point:last-child{border-bottom:0}.feature-point>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e5f1ef;color:var(--brand);font-size:11px;font-weight:900}.feature-point b{display:block;color:var(--navy);font-size:16px}.feature-point p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.features-dark{background:linear-gradient(135deg,#0b3154,#154f68);color:#fff}.features-dark h2,.features-dark h3{color:#fff}.features-dark .eyebrow{color:#bce7d8}.feature-dark-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.feature-dark-copy h2{margin:15px 0 18px;font-size:clamp(34px,4vw,52px)}.feature-dark-copy>p{color:#d6e5e1;font-size:16px;line-height:1.7}.feature-dark-shot{border-color:rgba(255,255,255,.15);box-shadow:0 30px 76px rgba(0,0,0,.22)}.mini-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.mini-proof-grid>div{padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06)}.mini-proof-grid b,.mini-proof-grid span{display:block}.mini-proof-grid b{font-size:13px}.mini-proof-grid span{margin-top:3px;color:#c9dbd7;font-size:11px;line-height:1.45}
.feature-card-grid{display:grid;gap:18px}.feature-card-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card-grid.two{grid-template-columns:repeat(2,1fr)}.product-card-v4{overflow:hidden;border:1px solid #dce6e3;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(11,49,84,.06)}.product-card-v4 figure{margin:0;overflow:hidden;border-bottom:1px solid #e4ecea;background:#f6f9f8}.product-card-v4 figure img{display:block;width:100%;aspect-ratio:1.82/1;object-fit:cover;object-position:top left}.product-card-v4>div{padding:21px 22px 24px}.product-card-v4>div>span{display:inline-block;color:var(--brand);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.product-card-v4 h3{margin:7px 0 9px;font-size:21px;line-height:1.14}.product-card-v4 p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.feature-large-cards .product-card-v4 figure img{aspect-ratio:1.95/1}
.feature-soft{background:#f5f9f8}.split-feature-v4{display:grid;grid-template-columns:1.28fr .72fr;gap:52px;align-items:center}.split-feature-copy h2{margin:14px 0 17px;font-size:clamp(34px,3.9vw,50px)}.split-feature-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.check-list-v4{list-style:none;padding:0;margin:25px 0 0}.check-list-v4 li{position:relative;padding:9px 0 9px 30px;border-bottom:1px solid #dce7e4;color:#49605b;font-size:14px;font-weight:700}.check-list-v4 li:before{content:"✓";position:absolute;left:0;top:9px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2f2e7;color:#237541;font-size:11px;font-weight:900}
.feature-intro-grid.light h2{color:#fff}.feature-intro-grid.light>p{color:#d7e5e2}.workforce-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.workforce-shot{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 62px rgba(0,0,0,.17)}.workforce-shot img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;object-position:top left}.workforce-shot>div{padding:15px 17px 17px}.workforce-shot b,.workforce-shot span{display:block}.workforce-shot b{color:var(--navy);font-size:15px}.workforce-shot span{margin-top:3px;color:#687a76;font-size:12px;line-height:1.45}
.feature-v4 .cta-v2 h2{color:#fff}.feature-v4 .cta-v2 p{color:#dcebe7}.feature-v4 .cta-v2 .cta-eyebrow{color:#c3e7d7}
@media(max-width:1100px){.feature-v4 .container{width:min(100% - 40px,1180px)}.features-hero-grid,.feature-dark-grid,.feature-focus-grid,.split-feature-v4{grid-template-columns:1fr;gap:34px}.features-hero-copy{max-width:760px}.feature-intro-grid{grid-template-columns:1fr;gap:18px;align-items:start}.feature-intro-grid>p{max-width:760px}.feature-side-copy{grid-template-columns:repeat(3,1fr);gap:14px}.feature-point{grid-template-columns:36px 1fr;border:1px solid #e0e9e7;border-radius:14px;padding:16px}.workforce-grid{grid-template-columns:1fr 1fr}.workforce-shot:first-child{grid-column:span 2}}
@media(max-width:860px){.feature-card-grid.three,.feature-card-grid.two{grid-template-columns:1fr}.workforce-grid{grid-template-columns:1fr}.workforce-shot:first-child{grid-column:span 1}.feature-side-copy{grid-template-columns:1fr}.feature-jump{top:70px}.feature-v4 .logo img{width:158px}.feature-anchor{scroll-margin-top:125px}}
@media(max-width:680px){.feature-v4 .container{width:min(100% - 28px,1260px)}.features-hero-v4{padding:46px 0 50px}.features-hero-copy h1{font-size:42px}.features-hero-copy .lead{font-size:17px}.feature-jump a{font-size:11px;padding:7px 10px}.section{padding:68px 0}.feature-intro-grid{margin-bottom:28px}.feature-intro-grid h2{font-size:36px}.mini-proof-grid{grid-template-columns:1fr}.product-card-v4>div{padding:18px}.product-card-v4 h3{font-size:20px}.feature-dark-copy h2,.split-feature-copy h2{font-size:36px}}

/* v0.5.0 — Solutions, Pricing, Security, About, Contact redesign */
.site-v5{--navy:#0b3154;--navy-2:#154f68;--teal:#1A5E5A;--soft2:#f4f8f7}
.site-v5 .container{width:min(1260px,calc(100% - 44px))}
.site-v5 .logo img{width:188px}
.site-v5 h1,.site-v5 h2,.site-v5 h3{color:var(--navy)}
.v5-hero{padding:72px 0 66px;background:radial-gradient(circle at 87% 8%,rgba(107,174,124,.17),transparent 28%),linear-gradient(180deg,#fbfdfc,#f3f8f7);border-bottom:1px solid #e0e8e6}
.v5-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center}
.v5-hero-copy{max-width:610px}.v5-hero-copy h1{font-size:clamp(46px,4.9vw,68px);line-height:1.01;letter-spacing:-.046em;margin:15px 0 22px}.v5-hero-copy .lead{font-size:18px;line-height:1.66;margin:0}.v5-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.v5-shot{overflow:hidden;border:1px solid #dce6e3;border-radius:20px;background:#fff;box-shadow:0 28px 72px rgba(11,49,84,.13)}.v5-shot img{display:block;width:100%;height:auto}
.v5-tabs{position:sticky;top:78px;z-index:34;border-bottom:1px solid #dfe8e6;background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.v5-tabs-inner{display:flex;align-items:center;gap:8px;overflow:auto;padding:12px 0;scrollbar-width:none}.v5-tabs-inner::-webkit-scrollbar{display:none}.v5-tabs a{white-space:nowrap;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:850;color:#526964}.v5-tabs a:hover{background:#edf5f3;color:var(--teal)}
.v5-anchor{scroll-margin-top:145px}
.solution-band{padding:82px 0}.solution-band.soft{background:#f5f9f8}.solution-band.dark{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.solution-band.dark h2,.solution-band.dark h3{color:#fff}.solution-band.dark .eyebrow{color:#c1e7da}.solution-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:52px;align-items:center}.solution-layout.reverse{grid-template-columns:1.24fr .76fr}.solution-layout.reverse .solution-copy{order:2}.solution-layout.reverse .solution-media{order:1}.solution-copy h2{font-size:clamp(35px,4vw,52px);margin:13px 0 18px}.solution-copy>p{font-size:16px;line-height:1.72;color:var(--muted)}.dark .solution-copy>p{color:#d6e5e1}.solution-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.solution-points span{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid #dce7e4;border-radius:12px;background:#fff;color:#3e5954;font-size:12px;font-weight:800}.solution-points span:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e4f3e8;color:#237541;font-size:11px;font-weight:900}.dark .solution-points span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#edf6f3}.dark .solution-points span:before{background:rgba(143,209,159,.16);color:#a5dfb1}
.v5-proof-strip{padding:28px 0;border-top:1px solid #e0e8e6;border-bottom:1px solid #e0e8e6;background:#fff}.v5-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.v5-proof-grid>div{padding:8px 22px;border-right:1px solid #e2e9e7}.v5-proof-grid>div:last-child{border-right:0}.v5-proof-grid b{display:block;color:var(--navy);font-size:13px}.v5-proof-grid span{display:block;margin-top:3px;color:#70807c;font-size:11px}
.v5-section-head{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:end;margin-bottom:36px}.v5-section-head h2{font-size:clamp(34px,4vw,52px);margin-top:12px}.v5-section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.pricing-v5{background:#fff}.pricing-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:30px;padding:16px 18px;border:1px solid #d8e6e2;border-radius:14px;background:#f7fbfa;color:#526b65;font-size:13px}.pricing-note b{color:var(--navy)}.price-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-v5{position:relative;padding:30px;border:1px solid #dbe6e3;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(11,49,84,.055)}.price-v5.featured{border-color:#8dbfb5;box-shadow:0 20px 55px rgba(26,94,90,.13)}.price-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e7f1ef;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.price-v5 h3{margin:16px 0 7px;font-size:28px}.price-v5 .price-state{color:var(--teal);font-size:14px;font-weight:850}.price-v5 p{color:var(--muted);font-size:14px;line-height:1.65}.price-v5 ul{list-style:none;padding:0;margin:22px 0 26px}.price-v5 li{position:relative;padding:8px 0 8px 26px;border-bottom:1px solid #edf1f0;color:#4f6661;font-size:13px}.price-v5 li:before{content:'✓';position:absolute;left:0;color:#247845;font-weight:900}.price-v5 .btn{width:100%}
.pricing-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle-card{padding:24px;border:1px solid #dce6e3;border-radius:17px;background:#fff}.principle-card span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f1ef;color:var(--teal);font-weight:900}.principle-card h3{font-size:18px;margin:14px 0 8px}.principle-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.security-hero-v5{background:linear-gradient(135deg,#0b3154,#154f68);color:#fff}.security-hero-v5 h1{color:#fff}.security-hero-v5 .eyebrow{color:#bce7d8}.security-hero-v5 .lead{color:#d6e5e1}.security-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-card-v5{padding:25px;border:1px solid #dce7e4;border-radius:18px;background:#fff}.security-card-v5 .sec-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e7f1ef;color:var(--teal);font-size:19px}.security-card-v5 h3{font-size:19px;margin:14px 0 8px}.security-card-v5 p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}.security-boundary{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start;padding:38px;border:1px solid #dce7e4;border-radius:22px;background:#f7fbfa}.security-boundary h2{font-size:34px}.security-boundary p{color:var(--muted)}.boundary-list{display:grid;gap:10px}.boundary-list div{padding:14px 16px;border:1px solid #dbe7e4;border-radius:12px;background:#fff}.boundary-list b{display:block;color:var(--navy);font-size:13px}.boundary-list span{display:block;margin-top:3px;color:#72817e;font-size:12px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}.about-story h2{font-size:clamp(36px,4vw,52px);margin:12px 0 18px}.about-story p{color:var(--muted);font-size:16px;line-height:1.75}.principles-list{display:grid;gap:10px}.principles-list>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:17px 0;border-bottom:1px solid #e1e9e7}.principles-list span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f1ef;color:var(--teal);font-size:11px;font-weight:900}.principles-list b{display:block;color:var(--navy);font-size:15px}.principles-list p{margin:3px 0 0;font-size:13px;line-height:1.55}.about-active{padding:45px;border-radius:24px;background:linear-gradient(135deg,#0b3154,#154f68);color:#fff}.about-active h2{color:#fff;font-size:clamp(32px,3.6vw,46px)}.about-active p{color:#d6e5e1;max-width:840px}.about-active .eyebrow{color:#bce7d8}
.contact-v5{background:#f5f9f8}.contact-layout-v5{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:start}.contact-form-v5{padding:30px;border:1px solid #dae6e3;border-radius:21px;background:#fff;box-shadow:0 18px 52px rgba(11,49,84,.07)}.contact-form-v5 .form-row{gap:14px}.contact-form-v5 .field input,.contact-form-v5 .field select,.contact-form-v5 .field textarea{border-color:#ceddda;background:#fbfdfc}.contact-form-v5 .field textarea{min-height:150px}.contact-side-v5{display:grid;gap:16px}.contact-side-card{padding:25px;border:1px solid #dbe6e3;border-radius:18px;background:#fff}.contact-side-card h3{font-size:20px;margin-bottom:9px}.contact-side-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.contact-steps{display:grid;gap:0;margin-top:14px}.contact-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #e4ecea}.contact-steps>div:last-child{border-bottom:0}.contact-steps span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e7f1ef;color:var(--teal);font-size:11px;font-weight:900}.contact-steps b{display:block;color:var(--navy);font-size:13px}.contact-steps small{display:block;color:#73837f;line-height:1.45;margin-top:2px}
.site-v5 .cta-v2 h2{color:#fff}.site-v5 .cta-v2 p{color:#dcebe7}.site-v5 .cta-v2 .cta-eyebrow{color:#c3e7d7}
@media(max-width:1050px){.site-v5 .container{width:min(100% - 40px,1180px)}.v5-hero-grid,.solution-layout,.solution-layout.reverse,.security-boundary,.about-story,.contact-layout-v5{grid-template-columns:1fr;gap:32px}.solution-layout.reverse .solution-copy,.solution-layout.reverse .solution-media{order:initial}.v5-proof-grid{grid-template-columns:1fr 1fr}.v5-proof-grid>div:nth-child(2){border-right:0}.v5-proof-grid>div{border-bottom:1px solid #e2e9e7}.price-grid-v5,.pricing-principles,.security-grid-v5{grid-template-columns:1fr 1fr}.v5-section-head{grid-template-columns:1fr;gap:16px;align-items:start}}
@media(max-width:720px){.site-v5 .container{width:min(100% - 28px,1260px)}.site-v5 .logo img{width:158px}.v5-hero{padding:46px 0 50px}.v5-hero-copy h1{font-size:42px}.v5-tabs{top:70px}.v5-anchor{scroll-margin-top:125px}.solution-band{padding:64px 0}.solution-points,.v5-proof-grid,.price-grid-v5,.pricing-principles,.security-grid-v5{grid-template-columns:1fr}.v5-proof-grid>div{border-right:0}.price-v5,.contact-form-v5{padding:23px}.security-boundary{padding:25px}.about-active{padding:30px}.v5-section-head h2{font-size:36px}}

/* v0.5.1 layout hotfix */
.principles-list>div>div,.contact-steps>div>div{display:block;min-width:0;padding:0;border:0}
.principles-list>div>div b,.contact-steps>div>div b{white-space:normal;word-break:normal}

/* v0.6.0 — self-guided demo integration */
.demo-nav-btn{border-color:#bed7d0;color:#245d58;background:#f7fbfa}
.demo-nav-btn:hover{background:#edf7f4;border-color:#9fc6bb}
.mobile-demo-link{color:var(--brand)!important;font-weight:850!important}
.demo-preview-section{background:linear-gradient(180deg,#f7fbfa,#eef6f4);border-top:1px solid #e0ebe8;border-bottom:1px solid #dce8e5}
.demo-preview-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center}
.demo-preview-copy{max-width:560px}
.demo-preview-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:14px 0 18px;letter-spacing:-.035em;color:#0b3154}
.demo-preview-copy>.copy{font-size:16px;line-height:1.7}
.demo-note-grid{display:grid;gap:11px;margin:27px 0 0}
.demo-note-grid>div{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #d8e6e2}
.demo-note-grid>div:last-child{border-bottom:0}
.demo-note-grid b{color:#0b3154;font-size:13px}
.demo-note-grid span{color:#60716d;font-size:13px;line-height:1.5}
.demo-actions{margin-top:27px;flex-wrap:wrap}
.demo-access-note,.demo-smallprint{margin:14px 0 0;color:#7b8c88;font-size:11px;line-height:1.5}
.demo-preview-shot{border-radius:20px;box-shadow:0 28px 72px rgba(11,49,84,.13)}
.demo-preview-shot img{width:100%;height:auto}
.demo-side-card .btn{margin-top:10px}
.cta-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.demo-inline-btn{border:1px solid rgba(255,255,255,.5)}
@media(max-width:1100px){.demo-preview-grid{grid-template-columns:1fr;gap:34px}.demo-preview-copy{max-width:760px}}
@media(max-width:680px){.demo-note-grid>div{grid-template-columns:1fr;gap:4px}.demo-preview-copy h2{font-size:36px}.cta-actions{justify-content:flex-start}}

/* v0.6.1 — Try Demo is the sole conversion path */

/* ShelterPact Pricing v0.7.2 */
.pricing-hero-v7 .v5-hero-copy{max-width:900px}
.pricing-v7{padding-top:56px}
.pricing-note-v7{display:flex;gap:10px;align-items:flex-start;margin-bottom:28px}
.pricing-note-v7 b{white-space:nowrap}

.price-grid-v7{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch
}
.price-card-v7{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:28px;
  border:1px solid #dce6e3;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(20,55,51,.06)
}
.price-card-v7.featured{
  border:2px solid var(--teal);
  box-shadow:0 18px 42px rgba(26,94,90,.14)
}
.price-card-ribbon{
  position:absolute;
  top:16px;
  right:16px;
  padding:7px 10px;
  border-radius:999px;
  background:#e7f1ef;
  color:var(--teal);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase
}
.price-card-v7 h2{margin:10px 0 4px;color:var(--navy);font-size:30px;line-height:1.05}
.price-card-v7 p{color:#667873;line-height:1.6}
.price-amount{margin:12px 0 14px;color:var(--navy);font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:1}
.price-currency{font-size:24px;vertical-align:top;position:relative;top:6px;margin-right:2px}
.price-period{font-size:16px;color:#70817d;font-weight:800;letter-spacing:0;margin-left:4px}
.price-card-v7 ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.price-card-v7 li{position:relative;padding-left:24px;color:#465954;line-height:1.45}
.price-card-v7 li:before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:900}
.plan-eligibility{margin-top:auto;margin-bottom:18px;padding:14px;border-radius:13px;background:#f4f8f7;color:#60716d;font-size:13px;line-height:1.5}
.plan-eligibility b{color:var(--navy)}
.price-card-v7 .btn{width:100%;justify-content:center}

.pricing-compare-section{background:#f6f9f8}
.pricing-compare-head{margin-bottom:26px}
.pricing-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid #dce6e3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,55,51,.05);
  -webkit-overflow-scrolling:touch
}
.pricing-table-wrap:focus{outline:3px solid rgba(26,94,90,.22);outline-offset:3px}
.pricing-table-v7{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;color:#465954;font-size:14px}
.pricing-table-v7 th,.pricing-table-v7 td{padding:14px 16px;border-right:1px solid #e5ecea;border-bottom:1px solid #e5ecea;text-align:center;vertical-align:middle}
.pricing-table-v7 th:last-child,.pricing-table-v7 td:last-child{border-right:0}
.pricing-table-v7 tbody tr:last-child th,.pricing-table-v7 tbody tr:last-child td{border-bottom:0}
.pricing-table-v7 thead th{padding-top:18px;padding-bottom:18px;background:#143c3a;color:#fff;font-size:15px;font-weight:900}
.pricing-table-v7 thead th:first-child{position:sticky;left:0;z-index:4;min-width:270px;text-align:left;background:#143c3a}
.pricing-table-v7 thead span{display:inline-block;margin-top:4px;color:#cfe4e0;font-size:13px}
.pricing-table-v7 tbody th[scope="row"]{position:sticky;left:0;z-index:2;min-width:270px;background:#fff;color:var(--navy);text-align:left;font-weight:750}
.pricing-table-v7 tbody tr:nth-child(even):not(.pricing-group) td{background:#fbfcfc}
.pricing-table-v7 tbody tr:nth-child(even):not(.pricing-group) th[scope="row"]{background:#fbfcfc}
.pricing-table-v7 .municipal-col{background:#f1f8f6}
.pricing-table-v7 thead .municipal-col{background:var(--teal)}
.pricing-table-v7 .yes{color:var(--teal);font-size:18px;font-weight:900}
.pricing-table-v7 .no{color:#a3afac;font-size:18px}
.pricing-table-v7 .pricing-group th{position:static;padding:11px 16px;background:#e8f1ef;color:#315d59;text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:900}
.pricing-scroll-hint{display:none;margin:12px 2px 0;color:#72827e;font-size:12px}

.pricing-eligibility-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}
.pricing-eligibility-grid>article{padding:32px;border:1px solid #dce6e3;border-radius:22px;background:#fff}
.pricing-eligibility-grid h2{margin:8px 0 12px;color:var(--navy)}
.pricing-eligibility-grid p{color:#667873;line-height:1.65}
.enterprise-card-v7{background:#f4f8f7!important}
.enterprise-card-v7 h3{margin:12px 0;color:var(--navy);font-size:25px}
.enterprise-card-v7 .btn{margin-top:10px}

@media(max-width:980px){
  .price-grid-v7{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pricing-note-v7{display:block}
  .pricing-note-v7 b{display:block;margin-bottom:5px}
  .price-card-v7{padding:23px}
  .price-card-ribbon{position:static;align-self:flex-start;margin-bottom:8px}
  .pricing-eligibility-grid{grid-template-columns:1fr}
  .pricing-eligibility-grid>article{padding:24px}
  .pricing-scroll-hint{display:block}
  .pricing-table-v7{min-width:720px;font-size:13px}
  .pricing-table-v7 th,.pricing-table-v7 td{padding:12px 10px}
  .pricing-table-v7 thead th:first-child,.pricing-table-v7 tbody th[scope="row"]{min-width:220px}
}

.social-link{
  display:flex;
  align-items:center;
  gap:8px;
}

.social-link svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:999;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:#0b4b49;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease;
}

.back-to-top:hover{
  background:#083d3b;
}

.back-to-top-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.back-to-top span:first-child{
  font-size:18px;
  line-height:1;
}

@media (max-width:640px){
  .back-to-top{
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
    padding:0;
    justify-content:center;
  }

  .back-to-top-label{
    display:none;
  }
}