:root{
    --bg:#f3efe5;
    --surface:#fffdf7;
    --surface-strong:#18352d;
    --ink:#162127;
    --muted:#56636f;
    --line:#d8ccb8;
    --accent:#d46a1f;
    --accent-deep:#8f3e0f;
    --accent-soft:#fff1cf;
    --highlight:#ffe066;
    --green:#2f6d4f;
    --paper-shadow:0 22px 40px rgba(35,35,35,.08);
    --shadow:0 24px 60px rgba(31,41,51,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Source Sans 3",Arial,sans-serif;background:
radial-gradient(circle at top left,rgba(47,109,79,.05),transparent 26%),
linear-gradient(180deg,#f4f0e6 0%,#ece5d8 100%);color:var(--ink);line-height:1.6}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.topbar{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none}
.brand-word{font-size:1.95rem;font-weight:400;letter-spacing:.02em;text-transform:none;font-family:"Abril Fatface","Newsreader",Georgia,serif;line-height:1;color:#1d2a21}
.brand-slope{display:block;width:96px;height:10px;border-bottom:4px solid var(--accent);border-radius:999px;transform:skewX(-30deg) rotate(-2deg);transform-origin:left center}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.98rem}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.hero{padding:30px 0 42px;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:start}
.hero-copy{position:relative}
.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font:700 .82rem/1 "Source Sans 3",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.scribble{margin:10px 0 0;font:400 1.5rem/1 "Patrick Hand",cursive;color:var(--green);transform:rotate(-2deg)}
h1,h2,h3{line-height:1.08;margin:0;font-family:"Newsreader",Georgia,serif}
.hero h1{font-size:clamp(3rem,5.6vw,5rem);margin-top:10px;max-width:13ch}
.hero p{font-size:1.12rem;color:var(--muted);max-width:62ch}
.hero-intro{font-size:1.18rem;max-width:56ch}
.hero-letter{padding:24px 24px 22px;background:linear-gradient(180deg,#fffdf8 0%,#f8f1e3 100%);border:1px solid rgba(216,204,184,.95);border-radius:28px;box-shadow:var(--paper-shadow)}
.hero-letter h2{margin:12px 0 14px;font-size:2rem}
.hero-letter p{margin:0 0 14px;font-size:1.08rem;color:#30414d}
.hero-letter p:last-of-type{margin-bottom:0}
.signature-block{margin-top:18px;display:flex;flex-direction:column;gap:2px}
.signature-name{font:400 2.35rem/.95 "Patrick Hand",cursive;color:var(--ink);letter-spacing:.03em}
.signature-flourish{display:block;width:150px;height:18px;border-bottom:3px solid var(--accent);border-radius:999px;transform:skewX(-24deg) rotate(-3deg);margin:-2px 0 2px 2px;position:relative}
.signature-flourish::after{content:"";position:absolute;right:-10px;bottom:-3px;width:24px;height:16px;border-bottom:3px solid var(--accent);border-right:3px solid transparent;border-radius:0 0 18px 0;transform:rotate(8deg)}
.signature-title{font-size:.95rem;color:var(--muted)}
mark{background:linear-gradient(180deg,transparent 35%,var(--highlight) 35%,var(--highlight) 88%,transparent 88%);padding:0 .18em}
.pain-strip{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.pain-strip span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff7e8;border:1px dashed rgba(143,62,15,.28);color:var(--accent-deep);font:700 .92rem/1 "Source Sans 3",Arial,sans-serif}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font:700 .98rem/1 "Source Sans 3",Arial,sans-serif}
.button{background:var(--accent);color:#fff;box-shadow:var(--paper-shadow)}
.button-secondary{background:transparent;border:1px solid rgba(154,52,18,.22);color:var(--accent-deep)}
.button-secondary:hover{background:rgba(255,255,255,.55)}
.panel{background:rgba(255,253,247,.94);border:1px solid rgba(216,204,184,.95);border-radius:28px;box-shadow:var(--paper-shadow)}
.privacy-line{margin-top:16px;font-size:.98rem;color:#425466}
.hero-visual{display:grid;gap:18px;align-self:stretch}
.privacy-usp{padding:20px 22px;background:linear-gradient(180deg,#f2f8ef 0%,#e0edd7 100%)}
.privacy-usp h3{margin:10px 0 8px;font-size:1.55rem}
.privacy-usp p{margin:0;color:#355143}
.hero-support{padding-top:0}
.hero-support-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:start}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-card{overflow:hidden;padding:0}
.video-thumb{position:relative;min-height:210px;padding:18px;background:linear-gradient(180deg,#fbf6ea 0%,#efe2bf 100%);border-bottom:1px solid rgba(216,204,184,.95)}
.video-thumb.costing{background:linear-gradient(180deg,#fff5d8 0%,#edd39c 100%)}
.video-thumb.tasks{background:linear-gradient(180deg,#eef7e8 0%,#c9ddb5 100%)}
.video-thumb.profit{background:linear-gradient(180deg,#fff1df 0%,#e8c59d 100%)}
.video-thumb::before{content:"";position:absolute;inset:18px;border:2px dashed rgba(29,42,33,.16);border-radius:24px}
.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:var(--paper-shadow)}
.play-button::before{content:"";position:absolute;left:30px;top:23px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid var(--accent)}
.video-scribble{position:absolute;left:20px;bottom:16px;right:20px;font:400 1.1rem/1.15 "Patrick Hand",cursive;color:#344252;transform:rotate(-2deg)}
.video-copy{padding:20px 22px 22px}
.video-kicker{display:inline-block;margin-bottom:8px;color:var(--accent-deep);font:700 .82rem/1 "Source Sans 3",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.video-copy h3{margin-bottom:10px}
.video-copy p{margin:0;color:var(--muted)}
.owner-scene{position:relative;padding:26px;min-height:320px;background:linear-gradient(180deg,#fffdf7 0%,#f8f1df 100%);overflow:hidden}
.owner-scene::before{content:"";position:absolute;inset:auto 12% 18px 12%;height:16px;background:rgba(22,33,39,.08);filter:blur(10px);border-radius:999px}
.owner-worry{position:absolute;max-width:160px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid rgba(216,204,184,.95);box-shadow:var(--paper-shadow);font:700 1rem/1.15 "Patrick Hand",cursive;color:var(--accent-deep)}
.owner-worry.left-top{top:18px;left:18px;transform:rotate(-6deg)}
.owner-worry.right-top{top:26px;right:16px;transform:rotate(5deg)}
.owner-worry.left-bottom{bottom:70px;left:12px;transform:rotate(4deg)}
.owner-worry.right-bottom{bottom:78px;right:18px;transform:rotate(-5deg)}
.owner-figure{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:160px;height:190px}
.owner-head{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:74px;height:74px;border:3px solid #24313a;border-radius:50%;background:#f2c29a}
.owner-head::before{content:"";position:absolute;left:8px;top:-8px;width:58px;height:28px;border-radius:28px 28px 10px 10px;background:#24313a}
.owner-head::after{content:"";position:absolute;left:17px;top:34px;width:38px;height:14px;border-bottom:3px solid #24313a;border-radius:0 0 30px 30px}
.owner-body{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:112px;height:92px;border:3px solid #24313a;border-radius:28px 28px 20px 20px;background:#dfe8d8}
.owner-body::before{content:"";position:absolute;left:50%;top:10px;transform:translateX(-50%);width:28px;height:46px;border-left:3px solid #24313a;border-right:3px solid #24313a}
.owner-arm{position:absolute;top:88px;width:52px;height:14px;background:#f2c29a;border:3px solid #24313a;border-radius:999px}
.owner-arm.left{left:6px;transform:rotate(26deg)}
.owner-arm.right{right:6px;transform:rotate(-26deg)}
.solution-bubble{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) rotate(-2deg);padding:12px 18px;border-radius:22px;background:var(--green);color:#fff;font:700 1rem/1.2 "Source Sans 3",Arial,sans-serif;box-shadow:var(--paper-shadow)}
.dashboard-preview{padding:20px;position:relative;overflow:hidden;border-radius:30px}
.dashboard-preview::before{content:"";position:absolute;top:16px;right:26px;width:78px;height:16px;background:var(--highlight);transform:rotate(-2deg);opacity:.8}
.dashboard-preview::after{content:"";position:absolute;left:18px;top:18px;width:54px;height:18px;border-top:3px solid rgba(47,109,79,.35);border-radius:999px;transform:rotate(-8deg)}
.preview-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.preview-card{padding:18px;border-radius:22px;background:#fff8ef;border:1px solid rgba(217,203,183,.85);transform:rotate(-1deg)}
.preview-card.accent{background:#fff1df;transform:rotate(1deg)}
.preview-card span,.preview-card small{display:block}
.preview-card span{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-deep)}
.preview-card strong{display:block;margin:8px 0 4px;font-size:1.8rem;line-height:1}
.preview-card small{color:var(--muted)}
.doodle-note{margin:12px 4px 0;font:400 1.15rem/1.2 "Patrick Hand",cursive;color:var(--accent-deep);text-align:right}
section{padding:28px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.section-head p{max-width:56ch;color:var(--muted);margin:0}
.grid-3,.grid-4,.pricing,.blogs{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{padding:22px;position:relative}
.card p{color:var(--muted)}
.card ul{padding-left:18px;margin:14px 0 0}
.feature-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font:700 .75rem/1 "Source Sans 3",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.tilt-left{transform:rotate(-1deg)}
.tilt-right{transform:rotate(1deg)}
.sticky-note{background:#fff3a8}
.pricing{grid-template-columns:repeat(3,1fr)}
.price-card{padding:24px;position:relative;overflow:hidden}
.price-card.featured{background:linear-gradient(160deg,#fff3d3,#fffdf7)}
.price{font-size:2.4rem;margin:12px 0 6px}
.small{font-size:.94rem;color:var(--muted)}
.blog-card{padding:22px;text-decoration:none;display:block;transition:transform .18s ease,box-shadow .18s ease}
.blog-card:hover{transform:translateY(-4px)}
.quote{padding:22px;border-left:4px solid var(--accent);background:#fff8ef;border-radius:0 20px 20px 0;font-size:1.08rem}
.register{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:start}
.register-form{padding:24px}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-weight:700;font-size:.92rem}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit}
.field textarea{min-height:120px;resize:vertical}
.field small{color:var(--muted)}
.note{padding:14px 16px;border-radius:18px;background:var(--accent-soft);color:var(--accent-deep)}
.footer{padding:28px 0 50px;color:var(--muted)}
.article-hero{padding:40px 0 24px}
.article{max-width:820px;margin:0 auto;padding-bottom:56px}
.article .panel{padding:28px}
.article p,.article li{font-size:1.05rem;color:#344252}
.article h2{margin-top:26px;margin-bottom:10px}
@media (max-width:980px){
    .hero,.register,.grid-3,.grid-4,.pricing,.hero-support-grid,.video-grid{grid-template-columns:1fr}
    .preview-grid{grid-template-columns:1fr}
    .hero h1{max-width:none}
    .owner-scene{min-height:360px}
}
@media (max-width:640px){
    .shell{width:min(100% - 20px,1180px)}
    .topbar{padding:16px 0}
    .nav{gap:12px}
    .hero h1{font-size:2.7rem}
    .preview-head,.section-head{align-items:start;flex-direction:column}
    .scribble{font-size:1.3rem}
    .owner-worry{max-width:128px;font-size:.9rem}
    .owner-figure{width:132px;height:170px}
    .solution-bubble{width:calc(100% - 28px);text-align:center}
    .brand-word{font-size:1.7rem}
}