:root{--bg:#faf9f4;--paper:#fff;--ink:#17241f;--muted:#65716b;--green:#00684f;--mint:#dff6ec;--peach:#ffe4d8;--lilac:#e9e1ff;--yellow:#fff0b9;--line:#dfe4dd;--navy:#082c4d;--shadow:0 18px 45px rgba(25,46,38,.10);--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.header{height:78px;display:flex;align-items:center;gap:30px;padding:0 max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:rgba(250,249,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.logo-link img{width:142px;display:block}.header nav{margin-left:auto;display:flex;gap:28px;font-size:13px;font-weight:700;color:#59635e}.header nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;border-radius:999px;padding:13px 20px;font-weight:800;box-shadow:0 9px 22px rgba(0,104,79,.17);transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px);background:#005a45}.btn-small{padding:10px 16px;font-size:13px}.btn-lg{padding:15px 23px}.menu{display:none;border:0;background:transparent;font-size:22px;color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:50px 0 62px;background:linear-gradient(135deg,#faf9f4 0%,#eef9f2 57%,#fff1d8 100%)}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center}.hero-copy{padding-left:8px}.eyebrow,.kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#60706a}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:17px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;color:var(--navy)}.hero h1 em,.download h2 em,.how-title h2 em{font-style:normal;color:var(--green)}.hero-copy>p{max-width:520px;color:#52615b;font-size:17px;margin:0 0 25px}.actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.text-link{font-weight:800;font-size:14px;color:#46524d}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:21px;color:#59655f;font-size:11px;font-weight:700}.hero-points span:before{content:"✓";color:var(--green);margin-right:6px}.hero-visual{position:relative;min-height:450px}.photo-frame{position:absolute;inset:0 0 0 12px;border:8px solid #fff;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.hero-sticker{position:absolute;background:#fff;border:1px solid #e0e5df;border-radius:18px;padding:15px 17px;box-shadow:0 12px 27px rgba(25,46,38,.11);max-width:170px}.hero-sticker span{display:block;color:var(--green);font-size:9px;letter-spacing:.17em;font-weight:800;margin-bottom:6px}.hero-sticker b{font-size:15px;line-height:1.2}.sticker-a{top:42px;left:-22px;transform:rotate(-3deg)}.sticker-b{right:-7px;bottom:28px;background:#e9faf4;transform:rotate(2deg)}.spark{position:absolute;color:#e7b444;font-size:24px}.spark-one{right:27px;top:18px}.spark-two{left:28px;bottom:10px}
.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:24px}.section-head h2{font-family:Manrope,sans-serif;font-size:clamp(29px,4vw,42px);line-height:1.03;letter-spacing:-.045em;margin:7px 0 0;color:var(--navy)}.section-head>p{max-width:420px;color:var(--muted);font-size:14px;margin:0}
.app-section{background:#eff8f3}.app-story{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:15px;align-items:center}.app-step{text-align:center;min-width:0}.screen-wrap{height:420px;border-radius:27px;padding:12px;background:linear-gradient(145deg,#fff,#e4f0e9);box-shadow:0 16px 34px rgba(30,57,47,.11);display:flex;align-items:center;justify-content:center}.screen-wrap img{height:100%;max-width:100%;object-fit:contain;display:block;border-radius:18px}.app-label{display:flex;align-items:center;gap:9px;text-align:left;max-width:210px;margin:12px auto 0}.app-label>span{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--green);font-weight:800;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.app-label strong{display:block;font-size:14px}.app-label small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.story-arrow{font-size:23px;color:#7ea295;text-align:center}
.value{background:var(--bg)}.value-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.value-copy h2{font-family:Manrope,sans-serif;font-size:clamp(31px,4vw,45px);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:7px 0 12px}.value-copy p{max-width:440px;color:var(--muted);font-size:14px;margin:0}.value-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value-card{min-height:94px;border-radius:20px;padding:17px;display:flex;align-items:center;gap:14px}.value-card>span{width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.72);display:grid;place-items:center;font-size:21px;font-weight:800}.value-card strong{display:block;font-size:15px}.value-card small{display:block;font-size:11px;color:#68736e;margin-top:2px}.mint{background:var(--mint)}.peach{background:var(--peach)}.lilac{background:var(--lilac)}.yellow{background:var(--yellow)}
.how{padding-top:26px}.how-card{border-radius:27px;padding:35px 42px;background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;overflow:hidden;position:relative}.how-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-100px;background:rgba(81,207,168,.12)}.kicker.light{color:#b9eadb}.how-title{position:relative;z-index:1}.how-title h2{font-family:Manrope,sans-serif;font-size:clamp(31px,4vw,45px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 0}.how-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.how-steps article{border-left:1px solid rgba(255,255,255,.17);padding:4px 0 4px 18px}.how-steps span{font-size:10px;color:#8edcc7;font-weight:800;letter-spacing:.08em}.how-steps strong{display:block;font-size:15px;margin:7px 0 3px}.how-steps p{font-size:11px;color:#c6d9d5;margin:0;line-height:1.4}
.download{padding-top:42px}.download-card{border-radius:27px;padding:42px 50px;background:linear-gradient(125deg,#00765a,#06444d);color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden;position:relative}.download-card:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,255,255,.07)}.download-card h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4.5vw,49px);line-height:1;letter-spacing:-.045em;margin:8px 0 12px}.download-card p{margin:0;color:#d9eee8;font-size:14px}.download-actions{position:relative;z-index:1;text-align:center}.light-btn{background:#fff;color:#075642;box-shadow:none}.light-btn:hover{background:#eef9f5}.download-actions small{display:block;max-width:250px;color:#b9d9d1;font-size:10px;margin:9px auto 0}
.faq{padding-top:48px;padding-bottom:56px}.faq-head{margin-bottom:18px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:400;color:var(--green)}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:12px;margin:0 35px 16px 0}
footer.site-footer{background:#111413;color:#fff;border-top:1px solid #222826;padding:48px 0 20px}
.site-footer .footer-grid{display:grid;grid-template-columns:1.1fr .72fr 1.18fr .85fr 1.05fr 1.15fr;gap:32px;align-items:start}
.site-footer .footer-brand img{width:142px;filter:brightness(0) invert(1);opacity:.96}
.site-footer .footer-brand p{margin:12px 0 0;font-size:12px;color:#aeb7b3}
.site-footer .footer-col h4{font-size:10px;letter-spacing:.14em;margin:3px 0 16px;color:#fff;font-weight:800}
.site-footer .footer-col a{display:block;font-size:12px;color:#b8c0bd;margin:0 0 10px;transition:color .2s ease}
.site-footer .footer-col a:hover{color:#69d5b5}
.site-footer .footer-col p{font-size:12px;color:#aeb7b3;margin:0 0 11px;line-height:1.55}
.footer-social-block{grid-column:6;align-self:start;padding-left:6px}
.footer-social-block h4{font-size:10px;letter-spacing:.14em;margin:3px 0 16px;color:#fff;font-weight:800}
.footer-social-links{display:flex;align-items:center;gap:18px}
.footer-social-links a{display:grid;place-items:center;color:#cbd2cf;transition:color .2s ease,transform .2s ease}
.footer-social-links a:hover{color:#69d5b5;transform:translateY(-2px)}
.social-icon{width:22px;height:22px;display:block;color:currentColor;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-letter{display:grid;place-items:center;width:22px;height:22px;font-weight:800;font-size:16px;line-height:1;border:0;font-family:Arial,sans-serif;stroke:none}
.footer-bottom{border-top:1px solid #2c322f;margin-top:42px;padding-top:15px;display:flex;justify-content:space-between;gap:20px;color:#7f8985;font-size:9px}

/* SEO content sections */
.hero-context{max-width:620px;margin:18px 0 0;color:var(--muted);font-size:.92rem;line-height:1.65}
.about-scoout{background:var(--cream,#FAF9F4)}
.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}
.about-grid h2{max-width:520px}
.about-copy{max-width:680px;color:var(--muted);line-height:1.75}
.about-copy p+p{margin-top:18px}
.seo-explore{background:#fff}
.seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.seo-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line,#e8e5dc);border-radius:22px;padding:26px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.seo-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.seo-card span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:34px}
.seo-card strong{display:block;font-size:1.15rem;line-height:1.3}
.seo-card p{color:var(--muted);line-height:1.6;margin:10px 0 20px}
.seo-card b{font-size:.9rem}
@media(max-width:800px){.about-grid,.seo-cards{grid-template-columns:1fr}.about-grid{gap:28px}}

.seo-hero{background:var(--cream,#FAF9F4);padding-top:100px;padding-bottom:90px}
.seo-hero-inner{max-width:900px}
.seo-hero h1{max-width:850px;margin:16px 0 20px;font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.04em}
.seo-lead{max-width:720px;color:var(--muted);font-size:1.12rem;line-height:1.75}
.seo-actions{display:flex;gap:22px;align-items:center;margin-top:30px}
.seo-body{background:#fff}
.seo-content{max-width:860px}
.seo-content article{padding:44px 0;border-bottom:1px solid var(--line,#e8e5dc)}
.seo-content article:first-child{padding-top:0}
.seo-content h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 14px;letter-spacing:-.025em}
.seo-content p{max-width:760px;color:var(--muted);font-size:1.04rem;line-height:1.8;margin:0}
.seo-faq{background:var(--cream,#FAF9F4)}
.seo-faq h2{margin:12px 0 30px}
@media(max-width:700px){.seo-hero{padding-top:70px;padding-bottom:60px}.seo-actions{flex-direction:column;align-items:flex-start}}

@media(max-width:760px){.footer-social-block{grid-column:auto;padding-left:0}.footer-social-links{gap:20px}}