/* One product language, shared by the homepage, library and buying pages. */
.brand-site{--lp-ink:#183e35;--lp-muted:#58645d;--lp-paper:#f6f7f3;--lp-line:#d9dfd5;--lp-sage:#e6ecdf;background:var(--lp-paper);color:var(--lp-ink)}
.brand-site .lp-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:80px;padding:15px 5%;background:rgba(246,247,243,.98);border-bottom:1px solid var(--lp-line)}
.brand-site .lp-header .word-logo,.brand-site .lp-footer .word-logo{font-size:25px;letter-spacing:-1.3px}
.brand-site .lp-header a,.brand-site .lp-footer a{text-decoration:none}
.brand-site .lp-nav a{padding:10px 0}
.brand-site .lp-nav a:hover{color:#58774f}
.brand-site a:focus-visible,.brand-site button:focus-visible,.brand-site summary:focus-visible{outline:3px solid #779854;outline-offset:4px}
.brand-site .lp-footer{margin-top:0}
.brand-site .breadcrumb{font-size:11px;opacity:.7;max-width:1440px;margin:20px auto;padding:0 5%}
.brand-site .lp-section{max-width:1440px;margin:auto;padding:86px 5%}
.brand-site .lp-section p{line-height:1.7}
.brand-site h1,.brand-site h2,.brand-site h3{color:var(--lp-ink)}
.brand-site .lp-closing h2{color:inherit}
.brand-site .lp-section-head h2,.brand-site .lp-section h2{font-size:clamp(30px,3.5vw,50px);line-height:1.12;letter-spacing:-.045em}
.brand-site .lp-intro{font-size:13px;margin:0 0 20px}
.brand-site .lp-caption{font-size:12px;color:var(--lp-muted);line-height:1.7}
.conversion-home .lp-hero{padding:54px 5% 56px;grid-template-columns:.87fr 1.13fr;gap:4%;max-width:1500px;min-height:650px}
.conversion-home .lp-hero h1{font-size:clamp(44px,4.7vw,72px);line-height:1.02}
.conversion-home .lp-hero .lp-lead{max-width:42ch;font-size:16px}
.conversion-home .lp-availability{max-width:48ch}
.hero-demo{min-width:0;align-self:center}
.example-switch{display:flex;gap:6px;margin:0 0 18px}
.example-switch button{flex:1;min-width:0;text-align:left;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--lp-muted);padding:10px 12px;cursor:pointer;font:inherit;font-size:14px}
.example-switch button span{display:block;font-size:11px;margin-top:4px}
.example-switch button[aria-pressed=true]{color:var(--lp-ink);border-color:var(--lp-ink);background:#e9eee4}
.brand-board{position:relative;aspect-ratio:1.15;background:#e3e9de;border-radius:10px;overflow:hidden;isolation:isolate}
.brand-board-vela{background:#e9e1d9}.brand-board-koro{background:#d6e3ee}
.brand-board img{display:block;width:100%;height:auto}
.board-web{position:absolute;width:84%;left:8%;top:8%;border:6px solid #fff;border-top-width:16px;border-radius:5px;box-shadow:0 18px 35px #172d2620;transform:rotate(-3deg)}
.board-web:before{content:'•••';position:absolute;top:-16px;left:2px;font-size:10px;letter-spacing:3px;color:#aeb8b0;line-height:14px}
.board-social{position:absolute;width:39%;right:4%;top:41%;border:5px solid white;box-shadow:0 14px 28px #172d2626;transform:rotate(5deg)}
.board-card{position:absolute;width:44%;left:5%;bottom:8%;border:4px solid white;box-shadow:0 12px 24px #172d2626;transform:rotate(-7deg)}
.board-palette{display:flex;position:absolute;bottom:5%;right:6%;width:31%;height:7%;border:4px solid white;box-shadow:0 5px 16px #172d261a}
.board-palette span{flex:1}
.hero-proof{display:flex;gap:16px;justify-content:space-between;font-size:11px;color:var(--lp-muted);padding:15px 2px 0;line-height:1.6}
.hero-proof a{text-decoration:underline;text-underline-offset:4px}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.example-card{min-width:0}
.example-card>a{display:block;overflow:hidden;background:#e7ebe2;border-radius:6px}
.example-card img{display:block;width:100%;height:auto;transition:transform .2s}
.example-card>a:hover img{transform:scale(1.025)}
.example-card-copy{padding:20px 2px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.example-card-copy h3{font-size:23px;letter-spacing:-.6px;margin:0}
.example-card-copy p{font-size:12px;color:var(--lp-muted);margin:6px 0 0}
.example-card-copy>a{font-size:12px;white-space:nowrap}
.example-disclosure{max-width:82ch;margin:18px 0 0!important}
.brand-site .hands-on{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:7%;border-top:1px solid var(--lp-line)}
.hands-on>div>p:not(.lp-intro){max-width:45ch;color:var(--lp-muted);margin:22px 0}
.hands-on-art{background:#dce5ec;padding:30px 30px 0;border-radius:8px;overflow:hidden}
.hands-on-art>img{display:block;width:100%;height:auto;box-shadow:0 12px 35px #152b3c24;border:5px solid white;border-radius:4px}
.hands-on-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:20px 0;color:#3d5667}
.example-index .example-index-intro{display:grid;grid-template-columns:1fr .65fr;gap:6%;padding-top:40px;padding-bottom:45px;align-items:end}
.example-index-intro h1,.about-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.05em;margin:0}
.example-index-intro>p{max-width:42ch;color:var(--lp-muted)}
.example-index>.example-grid{max-width:1440px;padding:0 5%;margin:auto}
.concept-link{display:grid;grid-template-columns:1fr .6fr;gap:8%;align-items:center}
.concept-link h2{font-size:30px!important}.concept-link p{color:var(--lp-muted);max-width:60ch}
.concept-link>div+div{display:flex;flex-wrap:wrap;gap:22px}.concept-link a{text-decoration:underline;text-underline-offset:6px}
.example-detail-hero{display:grid;grid-template-columns:.7fr 1fr;gap:7%;align-items:center;max-width:1440px;padding:35px 5% 60px;margin:auto}
.example-detail-hero h1{font-size:clamp(64px,8vw,118px);line-height:1;letter-spacing:-.055em;margin:18px 0}
.example-detail-hero .lp-intro{margin:35px 0 0}.example-detail-hero p{color:var(--lp-muted);line-height:1.7;max-width:40ch}
.example-detail-hero .lp-lead{font-size:22px;color:var(--lp-ink)}.example-detail-hero .lp-actions{margin-top:25px}
.example-input,.example-review{display:grid;grid-template-columns:.7fr 1fr;gap:7%;border-top:1px solid var(--lp-line)}
.example-reference{display:block;max-width:220px;width:100%;margin:25px 0 14px;border-radius:5px}
.example-input dl{margin:0}.example-input dt{font-size:14px;font-weight:500;margin-bottom:12px}.example-input dd{margin:0 0 26px;color:var(--lp-muted);line-height:1.75;max-width:65ch;font-size:15px}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.direction-grid img{display:block;width:100%;height:auto;border:1px solid var(--lp-line);border-radius:5px}
.direction-grid h3{font-size:21px;margin:22px 0 12px}.direction-grid p{font-size:14px;color:var(--lp-muted)}
.example-review ul{padding-left:20px;color:var(--lp-muted);line-height:1.8}
.example-review li{margin:15px 0}.example-downloads{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0}
.about-intro{max-width:1050px!important}.about-intro .lp-lead{font-size:20px;max-width:60ch;margin:28px 0 0;color:var(--lp-muted)}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--lp-line)}
.about-columns h2{font-size:30px!important}.about-columns p{color:var(--lp-muted);max-width:62ch}.about-columns p a{text-decoration:underline;text-underline-offset:3px}
.brand-site .price-page{max-width:1280px;padding:40px 5% 70px;margin:auto}
.price-page>header{max-width:700px;margin-bottom:34px}.price-page h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.05em;line-height:1.08;margin:15px 0 20px}
.price-page>header>p{line-height:1.7;color:var(--lp-muted)}.price-page .checkout-notice{padding:15px 20px;border-radius:5px;background:#e8eee2;font-size:13px;line-height:1.6}
.price-page .price-grid{gap:20px;margin:30px 0}.price-page .price-plan{padding:28px;background:#fff;border:1px solid var(--lp-line);border-radius:8px}
.price-page .price-plan h2{font-size:25px}.price-page .plan-audience{font-size:13px;min-height:42px;line-height:1.6;color:var(--lp-muted)}
.price-page .plan-price{font-size:48px;margin:22px 0 4px}.price-page .plan-unit{font-size:12px}.price-page .plan-allowance{margin:25px 0 12px;font-size:16px}
.price-page .plan-detail{font-size:12px;line-height:1.7;min-height:45px}.price-page .plan-action{display:block;text-align:center;padding:12px;border:1px solid var(--lp-line);border-radius:4px;font-size:13px;margin-top:22px}
.price-page .pricing-included{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--lp-line)}
.pricing-included h2,.price-page .pricing-questions h2{font-size:32px;letter-spacing:-1px}.pricing-included ul{margin:0;padding-left:20px;line-height:2}
.pricing-included p,.price-page .pricing-footnote{font-size:13px;color:var(--lp-muted);line-height:1.7}
.price-page .pricing-questions{max-width:850px;margin:50px auto 0}.pricing-questions details{padding:20px 0;border-bottom:1px solid var(--lp-line)}
.pricing-questions summary{cursor:pointer;font-size:16px}.pricing-questions details p{font-size:14px;line-height:1.8;color:var(--lp-muted)}
@media(max-width:1000px){.conversion-home .lp-hero{min-height:0;padding-top:45px;gap:30px}.conversion-home .lp-hero h1{font-size:48px}.lp-nav{gap:20px}.example-card-copy{display:block}.example-card-copy>a{display:inline-block;margin-top:15px}.brand-site .hands-on{grid-template-columns:1fr 1fr;gap:35px}.price-page .price-plan{padding:22px}.hero-proof{display:block}.hero-proof a{display:block;margin-top:6px}}
@media(max-width:760px){.brand-site .lp-header{min-height:72px;padding:12px 5%;gap:14px;flex-wrap:wrap}.brand-site .lp-header .word-logo{font-size:23px}.brand-site .lp-nav{order:3;justify-content:center;gap:28px;width:100%;border-top:1px solid var(--lp-line);padding-top:3px;font-size:12px}.brand-site .lp-header>.lp-button{min-height:38px;padding:9px 14px;font-size:12px}.conversion-home .lp-hero{grid-template-columns:1fr;padding:40px 5%;gap:35px}.conversion-home .lp-hero h1{font-size:clamp(42px,9vw,60px)}.conversion-home .lp-hero .lp-lead{max-width:48ch}.brand-board{max-width:600px;margin:auto}.hero-proof{display:flex}.brand-site .lp-section{padding:55px 5%}.brand-site .hands-on,.example-input,.example-review,.example-detail-hero,.about-columns{grid-template-columns:1fr;gap:30px}.example-grid,.direction-grid{grid-template-columns:1fr;gap:30px}.example-card-copy{display:flex}.example-card-copy>a{margin-top:0}.hands-on-art{padding:18px 18px 0}.hands-on-caption{font-size:10px}.example-index .example-index-intro{grid-template-columns:1fr;gap:20px}.concept-link{grid-template-columns:1fr}.example-detail-hero{padding:25px 5% 40px}.example-detail-hero h1{font-size:72px}.example-detail-hero .lp-intro{margin-top:18px}.example-detail-hero .brand-board{width:100%}.brand-site .price-page{padding-top:25px}.price-page .price-grid{grid-template-columns:1fr}.price-page .pricing-included{grid-template-columns:1fr;gap:20px}.price-page .plan-audience,.price-page .plan-detail{min-height:0}.price-page .price-plan{padding:26px}.example-downloads{display:grid}.example-input .example-reference{max-width:180px}.lp-footer-top{gap:28px}.lp-footer-top>div{grid-column:1/-1}}
@media(max-width:380px){.lp-actions{gap:12px}.lp-actions .lp-button{padding:14px 18px}.hero-proof{display:block}.example-switch button{padding:9px 7px;font-size:12px}.example-switch button span{font-size:10px}.brand-site .lp-header .word-logo{font-size:21px}.brand-site .lp-nav{gap:24px}}
@media(prefers-reduced-motion:reduce){.example-card img{transition:none}}
