html, body, #root { margin: 0; min-height: 100%; }
body { background: var(--ds-page); }
html { scroll-behavior: smooth; }
.site {
    --ink: #16130f; --ink2: #5c554c; --cream: #faf5ee; --sand: #f1e8db; --acc: #f26a3d; --acc-d: #d4512a; --sage: #2f5d50;
    font-family: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
    color: var(--ink); background: var(--cream); line-height: 1.6; overflow-x: hidden;
}
.site * { box-sizing: border-box; }
.site h1, .site h2, .site h3, .site h4 { font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; margin: 0; }
.nav { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 18px; padding: 14px clamp(18px, 4vw, 56px); background: rgba(250,245,238,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: box-shadow .25s, padding .25s; }
.nav.scrolled { box-shadow: 0 8px 28px rgba(22,19,15,.08); padding-top: 9px; padding-bottom: 9px; }
.brand { margin-right: auto; text-decoration: none; color: inherit; }
.brand-lockup { display: inline-flex; align-items: center; gap: 10px; }
.brand-word { font-family: "Iowan Old Style", Georgia, serif; font-weight: 700; font-size: 21px; letter-spacing: -0.02em; }
.nav nav { display: flex; align-items: center; gap: clamp(14px, 2.4vw, 30px); }
.nav nav a:not(.btn) { color: var(--ink2); text-decoration: none; font-size: 15px; font-weight: 600; transition: color .2s; }
.nav nav a:not(.btn):hover { color: var(--acc-d); }
.burger { display: none; background: none; border: 0; width: 44px; height: 44px; padding: 0; position: relative; cursor: pointer; }
.burger i { position: absolute; left: 11px; right: 11px; height: 2px; background: var(--ink); border-radius: 2px; }
.burger i:first-child { top: 17px; } .burger i:last-child { top: 25px; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border-radius: 999px; background: var(--acc); color: #fff; font: 700 15.5px/1 inherit; border: 0; text-decoration: none; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; box-shadow: 0 10px 24px rgba(242,106,61,.32); }
.btn:hover { transform: translateY(-2px); background: var(--acc-d); box-shadow: 0 14px 28px rgba(242,106,61,.4); }
.btn-sm { min-height: 40px; padding: 0 18px; font-size: 14.5px; box-shadow: none; }
.btn-ghost { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.btn-ghost:hover { background: var(--ink); color: #fff; box-shadow: inset 0 0 0 2px var(--ink); }
.btn-ghost-dark { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.btn-ghost-dark:hover { background: var(--ink); color: #fff; box-shadow: inset 0 0 0 2px var(--ink); }

.hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(24px, 5vw, 70px); align-items: center; padding: clamp(36px, 7vw, 96px) clamp(18px, 5vw, 72px) clamp(40px, 6vw, 80px); max-width: 1280px; margin: 0 auto; }
.eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--acc-d); margin: 0 0 14px; }
.hero h1 { font-size: clamp(40px, 6.2vw, 78px); animation: rise .9s both; }
.lead { font-size: clamp(17px, 2vw, 21px); color: var(--ink2); max-width: 30em; margin: 20px 0 30px; animation: rise .9s .12s both; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; animation: rise .9s .24s both; }
.hero-points { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 0; margin: 26px 0 0; color: var(--ink2); font-size: 14.5px; font-weight: 600; animation: rise .9s .36s both; }
.hero-points li::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--sage); margin-right: 8px; }
.eyebrow { animation: rise .8s both; }
@keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

.mock-stack { position: relative; aspect-ratio: 1 / 0.92; min-height: 280px; }
.mock { position: absolute; background: #fff; border-radius: 18px; box-shadow: 0 30px 70px rgba(22,19,15,.18); overflow: hidden; }
.mock-bar { height: 26px; background: #efe7da; display: flex; align-items: center; gap: 6px; padding: 0 12px; }
.mock-bar i { width: 9px; height: 9px; border-radius: 50%; background: #d5c9b8; }
.mock-body { padding: 16px; display: grid; gap: 10px; }
.l { height: 10px; border-radius: 6px; background: #e8dfd1; } .l.dark { background: var(--ink); height: 16px; } .w40{width:40%} .w50{width:50%} .w60{width:60%} .w70{width:70%} .w90{width:90%}
.m1 { left: 0; top: 8%; width: 58%; transform: rotate(-4deg); filter: saturate(.4); opacity: .9; animation: floaty 7s ease-in-out infinite; }
.m1 .blk { height: 70px; background: #dcd2c2; border-radius: 6px; }
.m2 { right: 0; bottom: 2%; width: 74%; animation: floaty 6s ease-in-out -2s infinite; }
.hero-chip { height: 82px; border-radius: 12px; background: linear-gradient(135deg, var(--acc), #ffb36b); }
.pill { height: 22px; width: 38%; border-radius: 999px; background: var(--sage); }
.row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .row3 i { height: 46px; border-radius: 10px; background: var(--sand); }
.badge { position: absolute; background: var(--ink); color: #fff; font-size: 13px; font-weight: 700; padding: 9px 15px; border-radius: 999px; box-shadow: 0 12px 28px rgba(22,19,15,.25); white-space: nowrap; }
.b1 { right: 4%; top: 6%; animation: floaty 5s ease-in-out -1s infinite; } .b2 { left: 2%; bottom: 14%; background: var(--sage); animation: floaty 5.5s ease-in-out -3s infinite; }

.strip { overflow: hidden; background: var(--ink); color: var(--cream); padding: 16px 0; }
.strip-track { display: flex; gap: 44px; width: max-content; animation: slide 36s linear infinite; font-family: "Iowan Old Style", Georgia, serif; font-size: 20px; }
.strip-track span::after { content: "\2022"; color: var(--acc); margin-left: 44px; }
@keyframes slide { to { transform: translateX(-50%); } }

.sec { padding: clamp(56px, 8vw, 112px) clamp(18px, 5vw, 72px); max-width: 1280px; margin: 0 auto; }
.sec h2 { font-size: clamp(30px, 4.4vw, 54px); max-width: 17em; }
.sub { color: var(--ink2); margin: 14px 0 0; }
.sec.dark, .sec.tint { max-width: none; }
.sec.dark { background: var(--ink); color: var(--cream); } .sec.dark .sub { color: #bdb2a1; } .sec.dark > * { max-width: 1136px; margin-left: auto; margin-right: auto; }
.sec.tint { background: var(--sand); } .sec.tint > * { max-width: 1136px; margin-left: auto; margin-right: auto; }
.js .reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s ease; }
.js .reveal.in { opacity: 1; transform: none; }
.reveal.eyebrow { animation: none; }

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; }
.step { background: #fff; border-radius: 24px; padding: 30px; box-shadow: 0 1px 0 rgba(22,19,15,.05), 0 18px 40px rgba(22,19,15,.06); transition: transform .3s, box-shadow .3s; }
.step.in:hover { transform: translateY(-6px); }
.step-n { font-family: "Iowan Old Style", Georgia, serif; font-size: 44px; color: var(--acc); }
.step h3 { font-size: 24px; margin: 8px 0 10px; } .step p { margin: 0; color: var(--ink2); }

.compare { position: relative; margin-top: 36px; aspect-ratio: 16 / 9; max-height: 560px; width: 100%; border-radius: 22px; overflow: hidden; box-shadow: 0 40px 90px rgba(0,0,0,.5); user-select: none; --pos: 52%; background: #fff; }
.cmp-layer { position: absolute; inset: 0; overflow: hidden; }
.cmp-before { clip-path: inset(0 calc(100% - var(--pos)) 0 0); background: #c9d4e8; color: #000; font-family: "Times New Roman", serif; padding: 4% 5%; text-align: center; }
.mb-title { font-size: clamp(13px, 2.6vw, 30px); font-weight: 700; color: #c00; text-shadow: 1px 1px #ff0; } .mb-links { margin: 2% 0; font-size: clamp(10px, 1.7vw, 18px); color: #00e; text-decoration: underline; }
.mb-body { font-size: clamp(10px, 1.8vw, 19px); } .mb-body p { margin: 1.4% 0; } .mb-box { display: inline-block; border: 3px ridge #888; background: #ddd; padding: .4em .9em; font-family: monospace; margin-top: 2%; }
.cmp-after { background: #fbf7f1; display: flex; flex-direction: column; font-family: "Avenir Next", system-ui, sans-serif; }
.ma-nav { display: flex; align-items: center; gap: 4%; padding: 2.4% 5%; font-size: clamp(9px, 1.6vw, 17px); justify-content: flex-end; color: #5c554c; } .ma-nav b { margin-right: auto; color: var(--ink); font-size: 1.3em; }
.ma-btn { background: var(--acc); color: #fff; padding: .5em 1.1em; border-radius: 99px; font-weight: 700; }
.ma-hero { flex: 1; margin: 0 5%; border-radius: 18px; background: linear-gradient(120deg, #234b41, #2f5d50 55%, #f26a3d); color: #fff; padding: 5% 6%; display: flex; flex-direction: column; justify-content: center; gap: 4%; }
.ma-hero small { font-size: clamp(8px, 1.4vw, 15px); opacity: .85; } .ma-hero h4 { font-size: clamp(16px, 3.8vw, 44px); }
.ma-cta { align-self: flex-start; background: #fff; color: var(--ink); border-radius: 99px; padding: .55em 1.2em; font-weight: 700; font-size: clamp(9px, 1.5vw, 16px); }
.ma-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3%; padding: 3% 5%; } .ma-cards i { height: clamp(14px, 4vw, 44px); border-radius: 10px; background: var(--sand); }
.cmp-tag { position: absolute; top: 14px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 6px 12px; border-radius: 99px; background: rgba(22,19,15,.85); color: #fff; z-index: 3; }
.cmp-tag-l { left: 14px; } .cmp-tag-r { right: 14px; background: var(--acc); }
.cmp-handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 3px; background: #fff; transform: translateX(-50%); z-index: 3; pointer-events: none; }
.cmp-handle span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 46px; height: 46px; border-radius: 50%; background: #fff; color: var(--ink); display: grid; place-items: center; font-weight: 800; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.compare input[type=range] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; z-index: 4; }
.compare:focus-within .cmp-handle span { outline: 3px solid var(--acc); }

.checklist { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px clamp(24px, 4vw, 56px); }
.checklist li { position: relative; padding-left: 34px; }
.checklist li::before { content: ""; position: absolute; left: 4px; top: 8px; width: 14px; height: 8px; border-left: 3px solid var(--acc); border-bottom: 3px solid var(--acc); transform: rotate(-45deg); }
.checklist h3 { font-size: 20px; margin-bottom: 6px; }
.checklist p { margin: 0; color: var(--ink2); font-size: 15.5px; }

.plans { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 44px; }
.plan { position: relative; background: #fff; border-radius: 28px; padding: 36px; display: flex; flex-direction: column; gap: 18px; }
.plan.featured { background: var(--ink); color: var(--cream); box-shadow: 0 34px 70px rgba(22,19,15,.3); }
.plan h3 { font-size: 26px; }
.price b { font-family: "Iowan Old Style", Georgia, serif; font-size: 58px; letter-spacing: -0.03em; } .price span { display: block; color: var(--ink2); font-size: 15px; } .plan.featured .price span { color: #bdb2a1; }
.plan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; flex: 1; } .plan li { padding-left: 26px; position: relative; font-size: 15.5px; }
.plan li::before { content: ""; position: absolute; left: 3px; top: .5em; width: 12px; height: 7px; border-left: 2.5px solid var(--sage); border-bottom: 2.5px solid var(--sage); transform: rotate(-45deg); } .plan.featured li::before { border-color: var(--acc); }
.ribbon { position: absolute; top: -13px; right: 28px; background: var(--acc); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 7px 14px; border-radius: 99px; }

.faq { margin-top: 36px; max-width: 820px; border-top: 1px solid #e3d8c6; }
.faq details { border-bottom: 1px solid #e3d8c6; padding: 4px 0; }
.faq summary { cursor: pointer; list-style: none; font-family: "Iowan Old Style", Georgia, serif; font-size: 21px; font-weight: 600; padding: 18px 40px 18px 0; position: relative; min-height: 44px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 28px; color: var(--acc); transition: transform .25s; }
.faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq p { margin: 0 0 20px; color: var(--ink2); max-width: 40em; animation: rise .4s both; }

.cta { background: linear-gradient(135deg, #234b41, #2f5d50 60%, #3d7a67); color: #fff; padding: clamp(56px, 8vw, 100px) clamp(18px, 5vw, 72px); }
.cta-in { max-width: 640px; margin: 0 auto; text-align: center; }
.cta h2 { font-size: clamp(30px, 4.6vw, 52px); } .cta p { opacity: .88; margin: 14px 0 28px; }
.cta form { display: grid; gap: 12px; }
.cta input { min-height: 52px; border-radius: 14px; border: 0; padding: 0 18px; font: 16px inherit; background: rgba(255,255,255,.96); color: var(--ink); }
.cta input:focus { outline: 3px solid var(--acc); }
.thanks { background: rgba(255,255,255,.14); border-radius: 16px; padding: 22px; font-weight: 600; }
.foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 28px clamp(18px, 5vw, 72px); background: var(--ink); color: #bdb2a1; font-size: 14px; } .foot .brand-word { color: var(--cream); }

@media (max-width: 860px) {
    .hero { grid-template-columns: minmax(0, 1fr); } .mock-stack { max-width: 520px; width: 100%; margin: 0 auto; }
    .steps, .checklist { grid-template-columns: 1fr; } .plans { grid-template-columns: 1fr; }
    .burger { display: block; }
    .nav nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--cream); padding: 8px 18px 18px; box-shadow: 0 20px 30px rgba(22,19,15,.1); }
    .nav nav.open { display: flex; } .nav nav a:not(.btn) { padding: 14px 4px; min-height: 44px; border-bottom: 1px solid #eadfce; } .nav nav .btn { margin-top: 12px; }
    .compare { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) { .site *, .site *::before { animation: none !important; transition: none !important; } .reveal { opacity: 1; transform: none; } html { scroll-behavior: auto; } }

@media (max-width: 480px) { .price b { font-size: 46px; } .plan { padding: 26px; } .btn { padding: 0 20px; } .hero-actions .btn { width: 100%; } .cmp-tag { font-size: 10px; padding: 4px 9px; } .brand-word { font-size: 19px; } .strip-track { font-size: 17px; } }

.hero > * { min-width: 0; }
@media (max-width: 480px) { .compare { aspect-ratio: 1 / 1; } .hero { padding-left: 18px; padding-right: 18px; } }

.login-entry{color:var(--ink);font:600 14px system-ui;white-space:nowrap;text-decoration:none;border:1px solid #cbb89d;border-radius:8px;padding:9px 14px}.login-entry:hover{background:#eee3d3}
/* Redecorly editorial marketing layout. */
.marketing-v2{--cream:#fcf8ef;--ink:#1d362b;--ink2:#7e8775;--sand:#eee9dc;--acc:#e8653e;--acc-d:#cc4a2a}.marketing-v2 .nav{max-width:1440px;margin:auto;padding:24px 5%;background:#fcf8eff0;border-bottom:1px solid #ece8dc;gap:25px}.marketing-v2 .brand-word{font:600 27px Georgia;color:#243b2e}.marketing-v2 .nav nav a:not(.btn){font:500 12px system-ui;color:#77816e}.marketing-v2 .login-entry{order:2;border:0;font:600 12px system-ui;color:#31523b;padding:10px}.marketing-v2 .nav nav{order:1;gap:26px}.marketing-v2 .nav nav .btn{font:600 11px system-ui;min-height:42px;padding:12px 20px;border-radius:8px;background:#244c36;box-shadow:none}.marketing-v2 .hero{padding:70px 5% 65px;max-width:1440px;grid-template-columns:1fr 1.08fr;gap:6%;align-items:center}.marketing-v2 .hero .eyebrow{font:600 9px/1.5 system-ui;letter-spacing:.18em;color:#8b947c;max-width:280px;margin-bottom:27px}.marketing-v2 .hero h1{font:400 clamp(60px,6.5vw,96px)/.99 Georgia;letter-spacing:-.055em;color:#243e2d;margin-bottom:30px}.marketing-v2 .hero h1 em{font-weight:400;color:#d95f3a}.marketing-v2 .hero .lead{font:14px/1.9 system-ui;color:#7b846f;max-width:400px;margin-bottom:29px}.marketing-v2 .hero-actions{gap:20px;align-items:center;flex-wrap:wrap}.marketing-v2 .hero-actions .btn{font:600 11px system-ui;min-height:46px;padding:14px 22px;box-shadow:none;border-radius:8px}.marketing-v2 .hero-actions .btn-ghost{background:none;border:0;padding:14px 0;box-shadow:none;color:#5c6d51;text-decoration:underline;text-underline-offset:6px;min-height:0}.marketing-v2 .hero-points{font:10px system-ui;color:#89917c;gap:10px 16px;margin-top:30px}.marketing-v2 .hero-points li:before{width:4px;height:4px;background:#9bab84}.design-stage{padding:18px 0 0;position:relative;min-width:0}.sample-note{display:flex;align-items:center;justify-content:center;gap:8px;font:10px system-ui;color:#8c977b;margin-bottom:19px}.sample-dot{width:5px;height:5px;border-radius:50%;background:#6d9662}.sample-browser{position:relative;background:#e8e9da;padding:9px;border:1px solid #d3dbc4;border-radius:13px;transform:rotate(-2deg);box-shadow:16px 22px 0 #e9edde,0 25px 60px #38522810}.sample-chrome{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;color:#93a17e;font:12px system-ui}.sample-chrome small{font-size:8px;letter-spacing:.03em}.sample-site{background:#fffaf0;border:1px solid #dce2cd;border-radius:4px;overflow:hidden}.sample-nav{display:flex;align-items:center;justify-content:space-between;padding:21px 21px 17px;gap:18px}.sample-nav b{font:600 15px Georgia;color:#3b5130;letter-spacing:.01em}.sample-nav b span{display:block;font:6px/2 system-ui;letter-spacing:.18em;color:#96a280}.sample-nav small{font:7px system-ui;color:#7e906c;white-space:nowrap}.marketing-v2 .sample-hero{padding:35px 23px 0;background:#e3e9d4;position:relative;overflow:hidden;min-height:325px}.sample-hero>span{font:6px system-ui;letter-spacing:.15em;color:#81936c}.marketing-v2 .sample-hero h2{font:400 clamp(33px,4vw,54px)/1.02 Georgia;color:#36512e;letter-spacing:-.04em;margin:17px 0;position:relative;z-index:2}.sample-hero h2 em{color:#70875c;font-weight:400}.sample-hero>p{font:8px/1.7 system-ui;color:#82936c;position:relative;z-index:2}.sample-link{font:8px system-ui;color:#41613a;display:inline-flex;gap:22px;border-bottom:1px solid #8ca579;padding:13px 0 7px;position:relative;z-index:2}.landscape-art{position:absolute;inset:0 0 0 40%;overflow:hidden}.art-sun{position:absolute;right:18%;top:10%;width:110px;height:110px;background:#f3edcc;border-radius:50%}.art-hill{position:absolute;border-radius:50% 50% 0 0;bottom:-10%;width:130%;height:80%;transform:rotate(-19deg)}.hill-back{background:#a7b88c;left:5%;bottom:-13%}.hill-front{background:#526e49;left:30%;height:70%;transform:rotate(16deg);bottom:-17%}.art-path{position:absolute;bottom:-40%;left:0;width:75%;height:95%;background:#d4d6ad;border-radius:100% 0 0 0;transform:rotate(27deg)}.sample-bottom{display:flex;justify-content:space-between;padding:18px 21px;font:6px system-ui;text-transform:uppercase;letter-spacing:.1em;color:#849473}.stage-caption{display:flex;justify-content:space-between;gap:15px;font:8px system-ui;color:#9da68d;margin:43px 10px 0}.stage-caption b{font-weight:500;color:#677d55}.marketing-v2 .strip{background:#edeedc;border:0;padding:17px 0}.marketing-v2 .strip-track{animation-duration:50s;gap:60px}.marketing-v2 .strip-track span{font:italic 20px Georgia;color:#879874}.marketing-v2 .strip-track span:after{content:'✳';font:15px system-ui;color:#b0bc97;margin-left:60px}.marketing-v2 .sec{padding:85px 5%;max-width:1440px}.marketing-v2 .eyebrow{font:600 9px system-ui;letter-spacing:.18em;color:#8b9879;margin-bottom:20px}.marketing-v2 .sec h2{font:400 clamp(35px,4.1vw,57px)/1.07 Georgia;letter-spacing:-.04em;color:#29472f;max-width:760px}.marketing-v2 .steps{gap:0;margin-top:43px;border:1px solid #dfe5d1;border-radius:13px;overflow:hidden;background:#fffdf5}.marketing-v2 .step{padding:32px;border:0;border-right:1px solid #e0e5d4;border-radius:0;background:none}.marketing-v2 .step:last-child{border:0}.marketing-v2 .step-n{font:italic 40px Georgia;color:#a2b58b;background:none;padding:0;width:auto;height:auto;display:block;margin-bottom:28px}.marketing-v2 .step h3{font:400 25px Georgia;color:#355736;margin-bottom:17px}.marketing-v2 .step p{font:12px/1.9 system-ui;color:#89947c}.marketing-v2 .dark{max-width:none;background:#1b3f30;padding:80px max(5%,calc((100vw - 1296px)/2))}.marketing-v2 .dark h2{color:#f4edd9}.marketing-v2 .dark .eyebrow{color:#adbf99}.marketing-v2 .dark .sub{color:#9fb691;font:12px system-ui;margin-top:20px}.marketing-v2 .compare{border:1px solid #6b8863;border-radius:12px;margin-top:36px;box-shadow:none}.marketing-v2 .ma-hero{background:#dce6ca;color:#25452e}.marketing-v2 .ma-btn,.marketing-v2 .ma-cta{background:#254d35}.marketing-v2 .ma-cards i{background:#cedcb9}.marketing-v2 .checklist{gap:24px 45px;margin-top:42px}.marketing-v2 .checklist li{padding:22px 0 22px 32px;border-top:1px solid #e0e5d4}.marketing-v2 .checklist h3{font:400 25px Georgia;color:#3d5b3d}.marketing-v2 .checklist p{font:12px/1.9 system-ui;color:#89957b}.marketing-v2 .checklist li:before{color:#82a364}.marketing-v2 .tint{background:#eef0e1;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.marketing-v2 .plans{margin-top:38px;gap:22px;max-width:950px}.marketing-v2 .plan{background:#fffdf5;border:1px solid #d8e1cb;padding:36px;border-radius:14px;box-shadow:none}.marketing-v2 .plan h3{font:400 29px Georgia;color:#405e3b}.marketing-v2 .plan.featured{background:#244d36;color:#e9f0d6;border-color:#244d36}.marketing-v2 .plan.featured h3,.marketing-v2 .plan.featured .price b{color:#f7f2df}.marketing-v2 .plan .price b{font:400 60px Georgia;color:#355937}.marketing-v2 .plan .price span{font:11px/1.8 system-ui;color:#9bab89}.marketing-v2 .plan ul{font:12px/2 system-ui;color:#839771}.marketing-v2 .plan.featured ul{color:#b9cca7}.marketing-v2 .plan .btn{border-radius:8px;font:600 11px system-ui;box-shadow:none}.marketing-v2 .plan .btn-ghost-dark{border:1px solid #d4dfc4;color:#3b5a35;background:none;box-shadow:none}.marketing-v2 .ribbon{background:#e5edce;color:#3e6039;border-radius:5px;font:8px system-ui;padding:7px 10px}.marketing-v2 .faq{margin-top:35px;max-width:900px}.marketing-v2 .faq details{border-color:#dfe6d2;padding:23px 0}.marketing-v2 .faq summary{font:400 22px Georgia;color:#405e3b}.marketing-v2 .faq p{font:12px/1.9 system-ui;color:#839575}.marketing-v2 .cta{background:#e8edd9;padding:70px 5%}.marketing-v2 .cta-in{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px;max-width:1200px;align-items:start}.marketing-v2 .cta h2{font:400 47px/1.06 Georgia;color:#34542f;letter-spacing:-.04em;grid-row:1}.marketing-v2 .cta p{font:13px/1.9 system-ui;color:#849572;grid-column:1}.marketing-v2 .cta form,.marketing-v2 .cta .panel{grid-column:2;grid-row:1/3;margin:0;padding:28px;border-radius:12px;background:#fffdf5;border:1px solid #d5dfc4;display:block}.marketing-v2 .cta .panel h2{font:28px Georgia}.marketing-v2 .cta .panel p{font:12px/1.9 system-ui}.marketing-v2 .cta input{display:block;width:100%;border:1px solid #dde4d0;border-radius:7px;margin-bottom:12px;background:#fafcf5}.marketing-v2 .cta .btn{font:600 11px system-ui;border-radius:7px;box-shadow:none;min-height:45px;padding:14px 20px}.marketing-v2 .foot{background:#173b2c;padding:35px 5%;color:#9fb38a;gap:30px;font:11px system-ui}.marketing-v2 .foot .brand-word{color:#f4edd9}.marketing-v2 .foot .brand-lockup{margin-right:auto}
@media(max-width:1000px){.marketing-v2 .nav{padding:19px 24px;gap:14px}.marketing-v2 .nav nav{gap:18px}.marketing-v2 .hero{padding:50px 5%;gap:4%}.marketing-v2 .hero h1{font-size:65px}.sample-note{font-size:8px}.sample-nav small{display:none}.marketing-v2 .sample-hero h2{font-size:42px}.marketing-v2 .sample-hero{min-height:280px}.marketing-v2 .hero-points{gap:10px;font-size:9px}.marketing-v2 .stage-caption{font-size:7px}}
@media(max-width:760px){.marketing-v2 .nav{padding:17px 20px;flex-wrap:wrap}.marketing-v2 .brand-word{font-size:25px}.marketing-v2 .login-entry{order:1;margin-left:auto;font-size:11px}.marketing-v2 .burger{order:2}.marketing-v2 .nav nav{order:3;background:#fffdf5;padding:18px;border:1px solid #e4e9d7;border-radius:9px}.marketing-v2 .hero{grid-template-columns:1fr;padding:43px 23px 45px;gap:30px}.marketing-v2 .hero .eyebrow{font-size:8px;max-width:none;margin-bottom:24px}.marketing-v2 .hero h1{font-size:65px;margin-bottom:24px}.marketing-v2 .hero .lead{font-size:13px;line-height:1.9;max-width:380px}.marketing-v2 .hero-actions{gap:17px}.marketing-v2 .hero-actions .btn{font-size:10px;padding:13px 16px}.marketing-v2 .hero-actions .btn-ghost{padding:12px 0;font-size:9px}.marketing-v2 .hero-points{font-size:8px;gap:8px 12px;margin-top:23px}.design-stage{padding:6px 8px 0}.sample-note{font-size:8px;margin-bottom:17px}.sample-browser{box-shadow:9px 15px 0 #e7ecdb;transform:rotate(-2deg)}.sample-nav{padding:17px}.sample-nav b{font-size:12px}.marketing-v2 .sample-hero{min-height:250px;padding:28px 19px 0}.marketing-v2 .sample-hero h2{font-size:39px}.art-sun{width:80px;height:80px}.sample-hero>span{font-size:5px}.sample-bottom{font-size:5px;padding:15px}.stage-caption{margin-top:30px;font-size:7px}.marketing-v2 .strip{padding:15px 0}.marketing-v2 .strip-track span{font-size:18px}.marketing-v2 .sec{padding:57px 23px}.marketing-v2 .sec h2{font-size:37px}.marketing-v2 .eyebrow{font-size:8px;margin-bottom:18px}.marketing-v2 .steps{margin-top:28px;grid-template-columns:1fr}.marketing-v2 .step{padding:29px;border-right:0;border-bottom:1px solid #e0e5d4}.marketing-v2 .step-n{margin-bottom:17px;font-size:31px}.marketing-v2 .step h3{font-size:26px}.marketing-v2 .checklist{grid-template-columns:1fr;gap:0;margin-top:26px}.marketing-v2 .checklist li{padding-top:22px;padding-bottom:22px}.marketing-v2 .plans{grid-template-columns:1fr;gap:18px;margin-top:28px}.marketing-v2 .plan{padding:29px}.marketing-v2 .plan .price b{font-size:58px}.marketing-v2 .faq summary{font-size:21px;padding-right:26px}.marketing-v2 .cta{padding:50px 23px}.marketing-v2 .cta-in{display:block}.marketing-v2 .cta h2{font-size:40px}.marketing-v2 .cta p{font-size:12px;margin:22px 0}.marketing-v2 .cta .panel,.marketing-v2 .cta form{margin-top:28px;padding:24px}.marketing-v2 .foot{padding:30px 23px;display:flex;flex-wrap:wrap;gap:20px}.marketing-v2 .foot>span:nth-child(2){width:100%;font-size:10px}.marketing-v2 .compare{height:330px}.marketing-v2 .ma-hero h4{font-size:29px}.marketing-v2 .mb-title{font-size:13px}}

.marketing-v2 .hero-copy>*{animation:none!important;opacity:1!important;transform:none!important}.marketing-v2 .hero .lead,.marketing-v2 .step p,.marketing-v2 .checklist p,.marketing-v2 .faq p{color:#67775b}.marketing-v2 .hero-points{color:#6b7c5e}.marketing-v2 .hero .eyebrow,.marketing-v2 .eyebrow{color:#6f805e}.marketing-v2 .hero .lead{font-size:15px}.marketing-v2 .hero .eyebrow{max-width:380px}.marketing-v2 .stage-caption{color:#6e805e}.marketing-v2 .plan ul{color:#637e53}.marketing-v2 .cta p{color:#637b51}.marketing-v2 .hero-actions .btn{font-size:12px}.marketing-v2 .sample-note{color:#6b805b}
html:has(.marketing-v2){scroll-behavior:auto}.marketing-v2 .reveal,.marketing-v2.js .reveal{opacity:1;transform:none;transition:none}.marketing-v2 .step p,.marketing-v2 .checklist p,.marketing-v2 .faq p{font-size:13px}.marketing-v2 .plan ul{font-size:13px}.marketing-v2 .foot{font-size:12px}.marketing-v2 .sample-browser{margin:0 3px}.marketing-v2 .hero-points{line-height:1.7}