:root{--cream: #fbf7ef;--cream-2: #f4ecdd;--cream-3: #f6efe2;--green: #127a4b;--green-deep: #0c5a37;--terracotta: #e8a27a;--terracotta-ink: #a24a22;--amber: #f59e0b;--amber-deep: #d9870a;--ink: #1e2a24;--ink-soft: #4a574f;--line: #e4d9c5;--shadow: rgba(30, 42, 36, .14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Fraunces,Georgia,Times New Roman,serif;line-height:1.07;font-weight:600;letter-spacing:-.01em}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin-inline:auto}em.accent{color:var(--green-deep);font-style:italic;font-weight:600}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--green-deep);color:var(--cream);padding:.7rem 1.1rem;border-radius:0 0 12px;font-weight:700}.skip:focus{left:0}:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-weight:700;font-size:1rem;padding:.95rem 1.6rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 10px 22px #f59e0b59}.btn-amber:hover{transform:translateY(-2px);background:var(--amber-deep);box-shadow:0 16px 30px #f59e0b6b}.btn-ghost{background:transparent;color:var(--green-deep);border-color:var(--green)}.btn-ghost:hover{background:var(--green);color:#fff;transform:translateY(-2px)}.btn-cream{background:var(--cream);color:var(--ink)}.btn-cream:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0000002e}.btn-outline-light{background:transparent;color:var(--cream);border-color:#fbf7ef73}.btn-outline-light:hover{background:#fbf7ef1f;transform:translateY(-2px)}header.nav{position:sticky;top:0;z-index:40;background:#fbf7efdb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0}.nav-links{display:flex;gap:1.55rem;font-weight:600;font-size:.95rem;color:var(--ink-soft)}.nav-links a:hover{color:var(--green-deep)}.nav-cta{display:flex;align-items:center;gap:1rem}.nav-cta .login{font-weight:600;color:var(--ink-soft)}.nav-cta .login:hover{color:var(--green-deep)}.nav-cta .btn{padding:.7rem 1.25rem;font-size:.95rem}@media(max-width:1040px){.nav-links{display:none}}@media(max-width:620px){.nav-cta .login{display:none}}section{padding:5.2rem 0}.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--terracotta-ink)}.kicker.green{color:var(--green-deep)}.sec-head{max-width:52ch;margin-bottom:2.8rem}.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:.7rem 0 .8rem}.sec-head p{color:var(--ink-soft);font-size:1.08rem}@media(max-width:560px){section{padding:4rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}.hero{background:var(--green-deep);color:var(--cream);padding:5.5rem 0 6rem}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;align-items:center}.hero h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--cream);margin:.8rem 0 1.2rem;line-height:1.1}.hero .kicker{color:#f2c9ae}.hero-lead{font-size:1.12rem;color:#fbf7efd1;max-width:48ch;margin-bottom:2rem;line-height:1.65}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.browser-mock{background:#fff;max-width:100%;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px #00000040}.browser-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--cream-2);border-bottom:1px solid var(--line)}.browser-chrome .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.browser-url{margin-left:12px;font-size:.78rem;color:var(--ink-soft);background:#fff;padding:3px 14px;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif}.browser-content{padding:1.5rem;min-height:260px}.mock-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.mock-brand{font-family:Fraunces,serif;font-weight:700;font-size:.95rem;color:var(--green-deep);white-space:nowrap}.mock-link{width:42px;height:8px;border-radius:4px;background:var(--cream-2)}.mock-hero-area{margin-bottom:1.5rem}.mock-headline{width:80%;height:14px;border-radius:4px;background:var(--ink);margin-bottom:8px}.mock-subline{width:55%;height:10px;border-radius:4px;background:var(--cream-3);margin-bottom:12px}.mock-cta-btn{width:100px;height:26px;border-radius:999px;background:var(--green)}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-card{padding:12px;border:1px solid var(--line);border-radius:10px}.mock-card-icon{width:22px;height:22px;border-radius:6px;background:var(--cream-3);margin-bottom:8px}.mock-card-line{width:100%;height:6px;border-radius:3px;background:var(--cream-2);margin-bottom:5px}.mock-card-line.short{width:60%}@media(max-width:960px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-visual{order:-1;max-width:480px}}@media(max-width:560px){.hero{padding:4rem 0 4.5rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.audience{background:var(--cream-2)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.audience-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem 1.6rem;transition:transform .18s ease,box-shadow .18s ease}.audience-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow)}.audience-icon{width:48px;height:48px;border-radius:12px;background:var(--cream-3);display:flex;align-items:center;justify-content:center;color:var(--green-deep);margin-bottom:1.2rem}.audience-card h3{font-size:1.2rem;margin-bottom:.6rem}.audience-card p{color:var(--ink-soft);font-size:.95rem;line-height:1.55}@media(max-width:960px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.audience-grid{grid-template-columns:1fr}}.pages-section{background:var(--cream)}.pages-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:3rem}.pages-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--line)}.page-item{display:flex;gap:1.5rem;padding:1.8rem 0;position:relative}.page-item:not(:last-child){border-bottom:none}.page-number{position:absolute;left:-3rem;top:1.8rem;width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;z-index:1}.page-body{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.8rem 2rem;flex:1;transition:transform .18s ease,box-shadow .18s ease}.page-body:hover{transform:translateY(-3px);box-shadow:0 12px 28px var(--shadow)}.page-body h3{font-size:1.25rem;margin-bottom:.6rem;color:var(--green-deep)}.page-body p{color:var(--ink-soft);font-size:.98rem;line-height:1.6}@media(max-width:560px){.pages-timeline{padding-left:2.5rem}.pages-timeline:before{left:14px}.page-number{left:-2.5rem;width:32px;height:32px;font-size:.88rem}.page-body{padding:1.4rem 1.3rem}}.differentiators{background:var(--cream-2)}.check-list{display:flex;flex-direction:column;gap:1.4rem;max-width:680px}.check-list li{display:flex;gap:1rem;align-items:flex-start}.check-icon{flex:none;margin-top:2px}.check-list strong{display:block;font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.check-list p{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.examples{background:var(--cream)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.example-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.example-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px var(--shadow)}.example-preview{padding:0;min-height:180px;display:flex;flex-direction:column}.example-preview.green-deep-accent{background:var(--green-deep)}.example-preview.terracotta-accent{background:var(--terracotta-ink)}.example-preview.amber-accent{background:#8a5a00}.example-browser-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#00000026}.example-browser-bar .dot{width:8px;height:8px;border-radius:50%;background:#ffffff59}.example-url{margin-left:8px;font-size:.72rem;color:#ffffffb3;font-family:Plus Jakarta Sans,sans-serif}.example-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center}.example-brand-name{font-family:Fraunces,serif;font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:.3rem}.example-tagline{font-size:.82rem;color:#ffffffeb}.example-info{padding:1.2rem 1.4rem}.example-info h3{font-size:1.05rem;margin-bottom:.3rem}.example-info p{color:var(--ink-soft);font-size:.9rem}@media(max-width:960px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.examples-grid{grid-template-columns:1fr}}.kit-section{background:var(--cream)}.kit-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2.5rem;display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.kit-nodes{display:flex;align-items:center;gap:1rem}.kit-node{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.kit-node-icon{width:56px;height:56px;border-radius:14px;background:var(--cream-3);display:flex;align-items:center;justify-content:center;color:var(--green-deep)}.kit-node span{font-size:.82rem;font-weight:700;color:var(--ink)}.kit-connector{width:32px;height:2px;background:var(--line);margin-bottom:1.4rem}.kit-desc h3{font-size:1.35rem;margin-bottom:.7rem}.kit-desc p{color:var(--ink-soft);font-size:1rem;line-height:1.6;margin-bottom:1.4rem;max-width:52ch}@media(max-width:960px){.kit-card{grid-template-columns:1fr;gap:2rem}.kit-nodes{justify-content:center}}@media(max-width:560px){.kit-card{padding:1.6rem}.kit-nodes{flex-direction:column}.kit-connector{width:2px;height:24px;margin-bottom:0}}.cta-band{background:var(--green-deep);color:var(--cream);text-align:center;padding:5rem 0}.cta-band h2{font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--cream);margin-bottom:.8rem}.cta-band p{color:#fbf7efc7;font-size:1.1rem;margin-bottom:2rem;max-width:48ch;margin-inline:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:560px){.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:320px}}