@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--font-sans:'DM Sans',sans-serif;--font-serif:'Fraunces',serif}
:root{--ink:#172c2a;--cream:#f3efe5;--paper:#fbf8f0;--coral:#ee765f;--yellow:#f5c44e;--sage:#b9c9b3;--line:rgba(23,44,42,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans),sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.75}.site-header{height:92px;display:flex;align-items:center;gap:42px;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(251,248,240,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.05;letter-spacing:.09em;text-transform:uppercase;margin-right:auto}.brand b{font-weight:800}.brand-mark{width:39px;height:31px;border:2px solid var(--ink);border-radius:5px;display:grid;place-items:center;position:relative}.brand-mark:before{content:"";position:absolute;width:12px;height:5px;border:2px solid currentColor;border-bottom:0;top:-7px;left:5px;border-radius:3px 3px 0 0}.brand-mark span{width:15px;height:15px;border:2px solid currentColor;border-radius:50%}.brand-mark span:after{content:"";display:block;width:5px;height:5px;background:var(--coral);border-radius:50%;margin:3px}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:700}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--ink);color:white;padding:14px 20px;border-radius:2px;font-size:12px;font-weight:800}.nav-cta span{color:var(--yellow);margin-left:8px}
.hero{min-height:calc(100vh - 92px);padding:9vh 7vw 6vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;width:43vw;height:43vw;right:-4vw;top:4vh;background:var(--yellow);border-radius:50%;opacity:.82}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{height:2px;width:36px;background:var(--coral)}.hero h1{font-family:var(--font-serif),serif;font-size:clamp(56px,7.1vw,112px);line-height:.88;letter-spacing:-.055em;max-width:850px;margin:34px 0 30px;font-weight:570;position:relative;z-index:2}.hero h1 em{display:block;color:var(--coral);font-weight:500}.hero-copy{max-width:650px;font-size:17px;margin:0 0 32px;position:relative;z-index:2}.hero-actions{display:flex;align-items:center;gap:30px;position:relative;z-index:2}.button{padding:17px 23px;font-size:13px;font-weight:800;display:inline-flex;gap:20px;align-items:center;border-radius:2px}.button-dark{background:var(--ink);color:white}.button-dark span{color:var(--yellow)}.text-link,.light-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding:10px 0}
.hero-art{position:absolute;right:7vw;top:21%;width:26vw;height:46%;z-index:1}.camera-body{position:absolute;width:78%;height:47%;top:25%;left:12%;background:var(--ink);border-radius:10px;transform:rotate(-4deg);box-shadow:15px 18px 0 rgba(238,118,95,.55)}.camera-body:before{content:"";position:absolute;width:34%;height:20%;left:12%;top:-16%;background:var(--ink);border-radius:6px 6px 0 0}.viewfinder{position:absolute;width:18%;height:24%;right:13%;top:9%;border:3px solid var(--paper);border-radius:3px}.lens{position:absolute;left:34%;top:24%;width:40%;aspect-ratio:1;border-radius:50%;background:#294845;border:8px solid var(--paper);box-shadow:0 0 0 9px #294845;display:grid;place-items:center}.lens-glow{width:58%;height:58%;border-radius:50%;background:radial-gradient(circle at 65% 30%,var(--yellow) 0 8%,#79a5a0 10% 28%,#172c2a 55%)}.shutter{position:absolute;width:11%;height:9%;border-radius:50%;background:var(--coral);top:-9%;right:12%}.focus{position:absolute;width:34px;height:34px;border-color:var(--ink);border-style:solid}.tl{top:0;left:0;border-width:3px 0 0 3px}.tr{top:0;right:0;border-width:3px 3px 0 0}.bl{bottom:0;left:0;border-width:0 0 3px 3px}.br{bottom:0;right:0;border-width:0 3px 3px 0}.art-note{position:absolute;top:4px;left:50px;font-size:9px;letter-spacing:.18em;font-weight:800}.art-note.second{top:auto;left:auto;right:48px;bottom:4px}.scroll-note{position:absolute;bottom:28px;right:7vw;font-size:9px;letter-spacing:.17em;font-weight:800}.scroll-note span{color:var(--coral);font-size:15px;margin-left:8px}
.section{padding:110px 7vw}.section-kicker{color:var(--coral);margin-bottom:25px}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:9vw;align-items:end;margin-bottom:65px}.section-heading h2,.check-card h2,.faq h2,.final-cta h2{font-family:var(--font-serif),serif;font-size:clamp(38px,4.8vw,72px);line-height:1.05;letter-spacing:-.04em;margin:0;font-weight:550}.section-heading p{margin:0;font-size:16px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:90px 1fr 1.3fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.step-number{font-family:var(--font-serif),serif;color:var(--coral);font-size:18px;font-weight:700}.step h3{font-family:var(--font-serif),serif;font-size:26px;margin:0}.step p{margin:0;color:#4e5d5a}
.checklist{background:var(--cream)}.check-card{background:var(--paper);padding:65px;max-width:1050px;margin:auto;box-shadow:12px 12px 0 var(--sage);position:relative;transform:rotate(-.5deg)}.paperclip{position:absolute;right:70px;top:-18px;width:26px;height:72px;border:3px solid var(--ink);border-radius:16px;transform:rotate(12deg)}.paperclip:after{content:"";position:absolute;inset:6px;border:2px solid var(--ink);border-radius:12px}.check-card h2{max-width:780px;font-size:clamp(37px,4vw,57px)}.check-card ul{display:grid;grid-template-columns:1fr 1fr;gap:19px 55px;list-style:none;padding:35px 0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.check-card li{font-size:14px;font-weight:700}.check-card li span{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--yellow);border-radius:50%;margin-right:10px}.fine-print{font-size:11px!important;color:#66716f;margin:0}
.systems{background:var(--ink);color:var(--paper)}.section-kicker.light{color:var(--yellow)}.light-heading p{color:#c3d0cd}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.2)}.tool-card{padding:34px 28px;min-height:340px;border-right:1px solid rgba(255,255,255,.2);transition:.2s}.tool-card:last-child{border:0}.tool-card:hover{background:#21413e;transform:translateY(-4px)}.tool-card>span{color:var(--yellow);font-family:var(--font-serif),serif}.tool-card h3{font-family:var(--font-serif),serif;font-size:27px;line-height:1.1;margin:42px 0 15px}.tool-card p{font-size:14px;color:#bdcbc8}.tool-card b{display:block;margin-top:28px;font-size:12px;color:var(--yellow)}.savvy-banner{margin-top:55px;padding-top:34px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:30px}.savvy-logo{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:900;letter-spacing:.15em}.brand-mark.small{width:31px;height:25px}.brand-mark.small span{width:12px;height:12px}.brand-mark.small span:after{width:4px;height:4px;margin:2px}.savvy-banner p{font-size:13px;color:#bdcbc8}.savvy-banner>a{justify-self:end;color:var(--yellow);font-size:13px;font-weight:800}
.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.marketing-grid article{padding:35px;background:var(--cream);border-top:4px solid var(--coral)}.marketing-grid article:nth-child(2){border-color:var(--yellow)}.marketing-grid article:nth-child(3){border-color:var(--sage)}.scribble{font-family:var(--font-serif),serif;font-style:italic;color:var(--coral);font-weight:800;transform:rotate(-4deg);font-size:14px}.marketing-grid h3{font-family:var(--font-serif),serif;font-size:27px;margin:25px 0 12px}.marketing-grid p{font-size:14px;color:#53615f}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:10vw;background:var(--cream)}.faq h2{font-size:48px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{list-style:none;cursor:pointer;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-family:var(--font-serif),serif;color:var(--coral);font-size:24px}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:#53615f;padding-right:45px}.final-cta{background:var(--ink);color:var(--paper);padding:110px 10vw;text-align:center}.final-cta .eyebrow{justify-content:center;color:var(--yellow)}.final-cta h2{max-width:900px;margin:25px auto}.final-cta>p{max-width:650px;margin:25px auto 35px;color:#bdcbc8}.centered{justify-content:center}.button-coral{background:var(--coral);color:var(--ink)}.light-link{color:var(--paper)}footer{padding:55px 7vw 35px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;align-items:center;border-top:1px solid var(--line);font-size:12px}.footer-brand{margin:0}footer p{color:#66716f}footer>div{display:flex;gap:18px;justify-content:flex-end;font-weight:700}footer small{grid-column:1/-1;text-align:center;color:#82908d;border-top:1px solid var(--line);padding-top:25px}
@media(max-width:900px){.site-header nav{display:none}.hero{padding-top:80px;justify-content:flex-start}.hero:before{width:70vw;height:70vw;right:-25vw}.hero-art{position:relative;width:75vw;height:320px;right:auto;top:auto;margin:50px auto 20px}.scroll-note{display:none}.section-heading{grid-template-columns:1fr;gap:25px}.tool-grid{grid-template-columns:1fr 1fr}.tool-card:nth-child(2){border-right:0}.tool-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}.savvy-banner{grid-template-columns:1fr}.savvy-banner>a{justify-self:start}.marketing-grid{grid-template-columns:1fr}.faq{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}footer small{grid-column:auto;text-align:left}}
@media(max-width:600px){.site-header{height:78px;padding:0 20px}.nav-cta{display:none}.hero{min-height:auto;padding:75px 22px 45px}.hero h1{font-size:53px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-art{width:88vw;height:240px;margin-top:45px}.section{padding:75px 22px}.section-heading{margin-bottom:45px}.step{grid-template-columns:50px 1fr}.step p{grid-column:2}.check-card{padding:42px 25px}.paperclip{right:35px}.check-card ul{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.tool-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)!important;min-height:auto}.faq h2{font-size:40px}.final-cta{padding:80px 22px}.final-cta .hero-actions{align-items:center}footer{padding:45px 22px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}}