/* === landing-v120.css === */
:root{--green:#18512a;--green-2:#28753d;--lime:#c9e36d;--cream:#f6f3e8;--ink:#17301e;--muted:#617064;--line:#dfe6de;--white:#fff;--shadow:0 18px 50px rgba(20,55,28,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:68px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:170px;height:auto}.site-header nav{display:flex;gap:25px;align-items:center;font-size:.9rem;font-weight:700}.nav-cta,.button{border-radius:10px;font-weight:800;display:inline-flex;justify-content:center;align-items:center}.nav-cta{background:var(--green);color:white;padding:10px 16px}.hero{max-width:1180px;margin:0 auto;padding:36px 24px 46px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.eyebrow{display:inline-block;color:var(--green-2);font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{font-size:clamp(2.55rem,5vw,4.55rem);line-height:1.01;letter-spacing:-.055em;margin:12px 0 18px;max-width:720px}.hero h1 em{color:var(--green-2);font-style:normal}.hero-copy>p{color:var(--muted);font-size:1.08rem;margin:0;max-width:650px}.hero-actions{display:flex;align-items:center;gap:22px;margin:26px 0 20px}.button{padding:13px 20px;border:0;cursor:pointer}.button.primary{color:#fff;background:var(--green)}.text-link{font-size:.92rem;font-weight:800}.text-link span{margin-left:5px}.proof{display:flex;flex-wrap:wrap;gap:8px}.proof span{background:#f1f6f0;border:1px solid #e1ebe0;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:750;color:#36553d}.hero-visual{min-width:0;position:relative;margin:0;overflow:hidden;border-radius:24px;background:#dbe6d9;box-shadow:var(--shadow);aspect-ratio:16/11}.hero-visual>img{width:100%;height:100%;display:block;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,31,13,.48))}.hero-visual figcaption{position:absolute;z-index:1;left:18px;bottom:18px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;line-height:1.25}.hero-visual figcaption strong{font-size:1.2rem}.hero-visual figcaption span{font-size:.76rem;color:var(--muted)}.compact-section{background:var(--cream);padding:54px max(24px,calc((100vw - 1132px)/2))}.section-intro{display:grid;grid-template-columns:1fr 1.15fr;column-gap:55px;align-items:end;margin-bottom:26px}.section-intro .eyebrow{grid-column:1}.section-intro h2{grid-column:1;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em;margin:8px 0 0}.section-intro p{grid-column:2;grid-row:1/3;margin:0;color:var(--muted);max-width:480px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-grid article{min-height:132px;background:#fff;border:1px solid rgba(24,81,42,.08);border-radius:14px;padding:18px;display:flex;gap:13px}.feature-grid i{font-style:normal;color:var(--green-2);font-size:.75rem;font-weight:900;padding-top:3px}.feature-grid h3{margin:0 0 5px;font-size:1rem}.feature-grid p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.feature-grid article.offline{background:var(--green);color:#fff}.feature-grid article.offline i,.feature-grid article.offline p{color:#d8eadc}.workflow{max-width:1180px;margin:auto;padding:52px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.workflow h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.035em;margin:8px 0}.workflow ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.workflow li{border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:13px}.workflow li b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f1e6;color:var(--green);font-size:.8rem}.workflow li span{color:var(--muted);font-size:.91rem}.workflow li strong{color:var(--ink)}.control-strip{max-width:1132px;margin:0 auto 52px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.control-strip div{display:flex;flex-direction:column;padding:0 22px;border-right:1px solid var(--line)}.control-strip div:last-child{border:0}.control-strip strong{font-size:.91rem}.control-strip span{font-size:.78rem;color:var(--muted);margin-top:2px}.cta{max-width:1132px;margin:0 auto 40px;padding:30px 34px;border-radius:20px;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow.light{color:var(--lime)}.cta h2{font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.035em;margin:6px 0 2px}.cta p{margin:0;color:#cfe1d3}.button.cream{background:var(--cream);color:var(--green);white-space:nowrap}footer{max-width:1132px;margin:auto;padding:10px 0 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}footer img{width:145px}footer p{font-size:.8rem;color:var(--muted)}footer small{display:flex;gap:13px;color:var(--muted);font-size:.72rem}a:focus-visible,.button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media(max-width:800px){.site-header{height:60px;padding:0 18px}.brand img{width:145px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 13px}.hero{grid-template-columns:1fr;padding:30px 18px 36px;gap:28px}.hero h1{font-size:clamp(2.45rem,12vw,3.7rem)}.hero-visual{aspect-ratio:16/10}.compact-section{padding:42px 18px}.section-intro{display:block}.section-intro p{margin-top:12px}.feature-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr;gap:16px;padding:42px 18px}.control-strip{margin:0 18px 40px;grid-template-columns:1fr;padding:4px 18px}.control-strip div{padding:13px 0;border-right:0;border-bottom:1px solid var(--line)}.cta{margin:0 18px 30px;padding:25px;align-items:flex-start;flex-direction:column}footer{margin:0 18px;padding:18px 0 28px;grid-template-columns:1fr;gap:4px}footer p{margin:0}footer small{margin-top:5px;flex-wrap:wrap}}@media(max-width:520px){.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.proof{gap:6px}.proof span{font-size:.7rem}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.hero-visual{border-radius:17px}.hero-visual figcaption{left:12px;bottom:12px}.button.primary{width:100%}}

/* === landing-v210.css === */
.button.secondary{color:var(--green);background:#fff;border:1px solid #cfdacf}.cta-actions{display:flex;gap:9px;align-items:center}.button.outline-light{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.45);white-space:nowrap}@media(max-width:800px){.site-header nav{gap:7px}.site-header nav>a.nav-register{display:inline-flex;padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:.72rem}.cta-actions{width:100%;flex-wrap:wrap}}@media(max-width:520px){.hero-actions .button.secondary{width:100%}.cta-actions{display:grid}.cta-actions .button{width:100%}}

/* === brand-v300.css === */
:root {
  --brand: #123d2c;
  --green: #2e7d4f;
  --green2: #2e7d4f;
  --lime: #75a96b;
  --orange: #e5a13a;
  --cream: #f7f2e7;
  --bg: #f4f2eb;
  --ink: #18382b;
  --muted: #607168;
  --line: #ded9cd;
  --white: #ffffff;
  --shadow: 0 18px 48px rgba(18, 61, 44, .11);
}

body {
  background-color: var(--bg);
  background-image: radial-gradient(circle at 100% 0, rgba(229, 161, 58, .08), transparent 28rem);
}

::selection { background: #d9eadc; color: var(--brand); }

.button, .btn, .nav-cta {
  border-radius: 12px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.button:hover, .btn:hover, .nav-cta:hover { transform: translateY(-1px); }
.button.primary, .btn.primary, .nav-cta {
  background: var(--brand);
  box-shadow: 0 8px 22px rgba(18, 61, 44, .18);
}
.button.primary:hover, .btn.primary:hover, .nav-cta:hover { background: #0c3022; }

.panel, .card {
  border-color: var(--line);
  border-radius: 18px;
  box-shadow: 0 2px 2px rgba(18, 61, 44, .02);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px rgba(46, 125, 79, .13) !important;
}

.eyebrow, .pill { color: var(--green); }

.site-header {
  height: 70px;
  max-width: 1120px;
}
.site-header img { width: 184px; }
.hero {
  min-height: 540px;
  grid-template-columns: 1.08fr .92fr;
  gap: 48px;
  padding-top: 52px;
  padding-bottom: 56px;
  background: linear-gradient(135deg, #edf4eb 0%, #fbf8f0 56%, #f7ead0 100%);
}
.hero h1 { font-size: clamp(40px, 5vw, 68px); margin: 16px 0 18px; }
.hero-copy > p { font-size: 18px; }
.hero-actions { margin: 26px 0 20px; }
.hero-card:before { background: #dbe9dc; }
.hero-card:after { border-color: rgba(229, 161, 58, .16); }
.phone { border-color: var(--brand); box-shadow: 0 32px 65px rgba(18, 61, 44, .21); }
.mini-stat { background: linear-gradient(135deg, var(--brand), var(--green)); }
.section { padding-top: 64px; padding-bottom: 64px; }
footer img { width: 180px; }

.install-page, .login-page, .registration-page {
  background: linear-gradient(145deg, #edf4eb, #fbf8f0 62%, #f4e7cc);
}
.install-logo, .login-logo, .registration-logo { width: 235px; }
.login-card { border-top: 4px solid var(--orange); }

.sidebar {
  background: #fbfaf6;
  border-right-color: #ded9cd;
}
.brand { padding-top: 22px; }
.brand img { width: 196px; }
.coop, .sync-chip { background: #e9f1e8; }
.app-nav button.active {
  background: var(--brand);
  box-shadow: 0 7px 18px rgba(18, 61, 44, .16);
}
.app-main { background: linear-gradient(150deg, rgba(255,255,255,.34), transparent 36rem); }

.sa-side { background: var(--brand); }
.sa-brand img {
  width: 198px;
  padding: 9px 11px;
  border-radius: 13px;
  background: #fffdf8;
}
.sa-brand span { color: #c7d9ce; }
.sa-side nav button.active { color: var(--brand); background: #fffdf8; }
.sa-account > span { color: var(--brand); background: #f7f2e7; }
.sa-main { background: linear-gradient(145deg, rgba(255,255,255,.42), transparent 38rem); }
.health-banner, .support-note { border-radius: 14px; }

.update-drop {
  position: relative;
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 150px;
  margin: 16px 0;
  padding: 22px;
  text-align: center;
  border: 1.5px dashed #9bb4a4;
  border-radius: 16px;
  background: #f7faf5;
}
.update-drop strong { color: var(--brand); }
.update-drop small { max-width: 28rem; }
.update-drop input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.update-assurance {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 13px;
  color: var(--brand);
  background: #e9f2e9;
  font-size: 13px;
}
.update-assurance b { color: var(--green); }
.version-badge {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f7ead0;
  color: #7a5417;
  font-size: 11px;
  font-weight: 850;
}

@media (max-width: 760px) {
  .site-header { height: 64px; }
  .site-header img { width: 166px; }
  .hero { min-height: auto; padding-top: 42px; padding-bottom: 46px; gap: 34px; }
  .section { padding-top: 48px; padding-bottom: 48px; }
  .install-logo, .login-logo, .registration-logo { width: 210px; }
  .sa-mobile img { width: 35px; }
}

/* === brand-v350.css === */
/* KoperasiRapi v3.5.0 — clearer brand sizing and contrast */
.site-header img{width:205px;max-width:48vw;height:auto}.install-logo,.login-logo,.registration-logo{width:265px;max-width:78vw;height:auto}.brand img{width:224px;max-width:100%;height:auto}.profile-top>a img,.profile-top>img{width:205px;max-width:46vw;height:auto}.sa-brand img{width:220px;max-width:100%;height:auto;background:#fffdf8;padding:10px 12px;border-radius:13px}.mobile-full-logo{width:154px!important;max-width:48vw;height:auto}.sa-mobile .mobile-full-logo{width:152px!important;max-width:52vw;height:auto}
@media(max-width:740px){.site-header img{width:178px}.install-logo,.login-logo,.registration-logo{width:228px}.brand img{width:215px}.profile-top>a img,.profile-top>img{width:172px}.sa-brand img{width:212px}.mobile-full-logo,.sa-mobile .mobile-full-logo{width:146px!important}}
@media(max-width:740px){.mobile-head .mobile-full-logo,.sa-mobile .mobile-full-logo{width:136px!important;max-width:44vw}.mobile-head .mobile-full-logo+strong,.sa-mobile .mobile-full-logo+strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Report branding remains clear without taking over the mobile header. */
.report-title .report-brand-logo{width:128px;height:auto;max-width:38vw;object-fit:contain}
@media (max-width:640px){.report-title .report-brand-logo{width:110px;max-width:44vw}}

/* === landing-v310.css === */
.marketing-header{position:relative;z-index:10;max-width:1160px;height:72px;padding:0 20px;background:#fffdf8}.marketing-header .brand{padding:0}.marketing-header nav{gap:22px}.marketing-header .header-login{font-weight:800;color:var(--brand)}
.marketing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:48px;align-items:center;max-width:1220px;margin:auto;padding:52px 30px 58px}.marketing-copy{max-width:610px}.marketing-copy h1{margin:14px 0 18px;font-size:clamp(42px,5.2vw,70px);line-height:1.02;letter-spacing:-.045em}.marketing-copy h1 em{color:var(--green);font-style:normal}.marketing-copy>p{max-width:590px;margin:0;color:var(--muted);font-size:19px;line-height:1.62}.marketing-actions{display:flex;gap:12px;margin:26px 0 20px}.marketing-actions .button{min-height:50px}.hero-benefits{display:flex;flex-wrap:wrap;gap:9px 18px;margin:0;padding:0;list-style:none;color:var(--brand);font-size:13px;font-weight:800}.hero-benefits li:before{content:'✓';margin-right:7px;color:var(--green)}
.marketing-visual{position:relative;margin:0;min-height:430px;overflow:hidden;border-radius:28px;background:#dce9dc;box-shadow:0 24px 55px rgba(18,61,44,.17)}.marketing-visual img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.marketing-visual figcaption{position:absolute;right:18px;bottom:18px;left:18px;display:grid;gap:2px;padding:15px 17px;border:1px solid rgba(255,255,255,.42);border-radius:15px;color:#fff;background:rgba(18,61,44,.84);backdrop-filter:blur(8px)}.marketing-visual figcaption b{font-size:14px}.marketing-visual figcaption span{font-size:12px;opacity:.86}
.marketing-section{max-width:1160px;margin:auto;padding:68px 24px}.section-heading{max-width:720px;margin-bottom:28px}.section-heading h2,.usp-copy h2,.service-choice h2,.conversion-cta h2{margin:8px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em}.section-heading p{margin:0;color:var(--muted);font-size:17px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.benefit-grid article>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:18px;border-radius:11px;background:#e9f2e9;color:var(--green);font-size:12px;font-weight:900}.benefit-grid h3,.usp-list h3,.marketing-steps h3{margin:0 0 7px;font-size:18px}.benefit-grid p,.usp-list p,.marketing-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.usp-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;max-width:1160px;margin:4px auto;padding:42px;border-radius:26px;color:#fff;background:var(--brand)}.usp-copy h2{max-width:430px}.usp-list{display:grid;gap:8px}.usp-list article{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:13px;border-radius:14px;background:rgba(255,255,255,.08)}.usp-list article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--brand);background:var(--orange)}.usp-list h3{color:#fff}.usp-list p{color:#d2dfd7}
.workflow-section{padding-top:62px;padding-bottom:62px}.marketing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.marketing-steps li{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:22px;border-top:3px solid var(--orange);border-radius:6px 6px 17px 17px;background:#fff}.marketing-steps li>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--green);font-size:18px}
.service-choice{display:grid;grid-template-columns:1fr .92fr;gap:50px;align-items:center;max-width:1160px;margin:0 auto 64px;padding:30px 34px;border:1px solid #e6d5b3;border-radius:22px;background:#fbf2df}.service-choice h2{font-size:clamp(26px,3.4vw,38px)}.service-choice p{margin:0;color:#5d695f;font-size:16px;line-height:1.7}
.conversion-cta{display:flex;justify-content:space-between;align-items:center;gap:36px;max-width:1160px;margin:0 auto 42px;padding:38px 42px;border-radius:26px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--green))}.conversion-cta>div:first-child{max-width:720px}.conversion-cta h2{margin-bottom:8px}.conversion-cta p{margin:0;color:#d8e5dd}.conversion-cta>div:last-child{display:grid;gap:12px;min-width:220px}.conversion-cta .button{min-height:52px}.cta-login{text-align:center;color:#fff;font-size:13px;font-weight:800;text-decoration:underline}
.marketing-footer{display:flex;align-items:center;gap:24px;max-width:1160px;margin:auto;padding:24px;border-top:1px solid var(--line)}.marketing-footer img{width:176px}.marketing-footer p{flex:1;margin:0;color:var(--muted);font-size:13px}.marketing-footer nav{display:flex;gap:18px;font-size:13px;font-weight:800}
@media(max-width:980px){.marketing-header nav>a:not(.nav-cta):not(.header-login){display:none}.marketing-hero{grid-template-columns:1fr;gap:28px;padding-top:36px}.marketing-copy{max-width:760px}.marketing-visual{min-height:400px}.marketing-visual img{min-height:400px}.benefit-grid{grid-template-columns:1fr 1fr}.usp-band{grid-template-columns:1fr;gap:20px;margin-right:20px;margin-left:20px}.service-choice{margin-right:20px;margin-left:20px}.conversion-cta{margin-right:20px;margin-left:20px}}
@media(max-width:680px){.marketing-header{height:64px;padding:0 16px}.marketing-header img{width:158px}.marketing-header nav{gap:8px}.marketing-header .header-login{display:none}.marketing-header .nav-cta{min-height:44px;padding:10px 13px;font-size:13px}.marketing-hero{padding:30px 16px 38px}.marketing-copy h1{font-size:40px}.marketing-copy>p{font-size:16px}.marketing-actions{display:grid;grid-template-columns:1fr 1fr}.marketing-actions .button{min-height:50px;padding:12px 14px}.hero-benefits{display:grid;gap:8px}.marketing-visual,.marketing-visual img{min-height:320px}.marketing-visual{border-radius:20px}.marketing-visual img{object-position:62% center}.marketing-visual figcaption{right:12px;bottom:12px;left:12px}.marketing-section{padding:48px 16px}.benefit-grid,.marketing-steps{grid-template-columns:1fr}.benefit-grid article,.marketing-steps li{padding:19px}.usp-band{margin:0 12px;padding:28px 20px;border-radius:21px}.service-choice{grid-template-columns:1fr;gap:8px;margin:0 12px 48px;padding:24px}.conversion-cta{display:grid;margin:0 12px 28px;padding:28px 22px}.conversion-cta>div:last-child{min-width:0}.marketing-footer{display:grid;justify-items:start;gap:9px;padding:22px 16px}.marketing-footer img{width:168px}.marketing-footer p{order:3}.marketing-footer nav{order:2}}
@media(max-width:390px){.marketing-copy h1{font-size:35px}.marketing-actions{grid-template-columns:1fr}.marketing-visual,.marketing-visual img{min-height:285px}.benefit-grid h3{font-size:17px}}

/* === pwa-install.css === */
.pwa-install-card{position:fixed;z-index:500;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #dfe7dc;border-radius:18px;box-shadow:0 18px 55px rgba(18,61,44,.24);color:#1b2f27}.pwa-install-card>img{width:44px;height:44px}.pwa-install-card>div{display:grid;min-width:0}.pwa-install-card strong{font-size:15px}.pwa-install-card span{font-size:12px;color:#607066}.pwa-install-actions{display:flex!important;grid-auto-flow:column;gap:8px}.pwa-install-actions button{min-height:44px;border-radius:11px;padding:9px 13px;font-weight:800;border:1px solid #d7d4ca;background:#fff;color:#1b2f27}.pwa-install-actions .pwa-install-now{background:#123d2c;color:#fff;border-color:#123d2c}.pwa-install-close{position:absolute;right:7px;top:2px;width:30px;height:30px;border:0;background:transparent;color:#607066;font-size:22px}.pwa-install-card button{cursor:pointer}@media(max-width:620px){.pwa-install-card{grid-template-columns:42px 1fr;padding:14px}.pwa-install-card>img{width:40px;height:40px}.pwa-install-actions{grid-column:1/-1;grid-template-columns:1fr 1.4fr!important;grid-auto-flow:initial}.pwa-install-actions button{width:100%}}


/* === SEO & Organic Growth v3.6.0 === */
.section-more{margin:22px 0 0;font-weight:850}.section-more a{color:var(--green);text-decoration:none}.section-more a:hover{text-decoration:underline}
.search-intent-section{padding-top:48px}.intent-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.intent-links a{display:grid;gap:7px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(18,61,44,.05)}.intent-links a:hover{border-color:#b9cdbf;transform:translateY(-1px)}.intent-links strong{color:var(--brand);font-size:18px}.intent-links span{color:var(--muted);font-size:14px;line-height:1.6}.faq-preview{padding-top:48px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.faq-grid h3{margin:0 0 8px;font-size:18px}.faq-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.seo-page{max-width:1160px;margin:0 auto;padding:0 24px 56px}.breadcrumbs{display:flex;gap:9px;align-items:center;padding:24px 0 4px;color:var(--muted);font-size:13px}.breadcrumbs a{color:var(--green);font-weight:800;text-decoration:none}.seo-hero{max-width:850px;padding:54px 0 44px}.seo-hero h1{margin:12px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.04em}.seo-hero>p{max-width:760px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0 54px}.feature-detail-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.feature-detail-grid article>span{display:inline-flex;margin-bottom:16px;padding:6px 9px;border-radius:999px;background:#e9f2e9;color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.feature-detail-grid h2{margin:0 0 9px;font-size:21px}.feature-detail-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.seo-prose,.guide-article{max-width:820px;margin:0 auto 48px}.seo-prose h2,.guide-article section h2{margin:34px 0 10px;font-size:clamp(25px,3vw,34px);letter-spacing:-.025em}.seo-prose p,.guide-article section p{color:#4f6258;font-size:16px;line-height:1.82}.seo-prose a,.guide-article a{color:var(--green);font-weight:800}.usecase-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 54px}.usecase-steps article{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.usecase-steps article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--green);color:#fff}.usecase-steps h2{margin:2px 0 7px;font-size:20px}.usecase-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.article-toc{display:grid;gap:7px;margin:0 0 42px;padding:22px;border:1px solid #e6d5b3;border-radius:18px;background:#fbf2df}.article-toc strong{margin-bottom:3px}.article-toc a{color:var(--brand);font-weight:750;text-decoration:none}.guide-article section{scroll-margin-top:84px}.faq-list{max-width:860px;margin:0 auto 52px;display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff}.faq-list summary{cursor:pointer;padding:18px 20px;font-size:16px;font-weight:850;color:var(--brand)}.faq-list p{margin:0;padding:0 20px 19px;color:var(--muted);line-height:1.72}.seo-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:54px 0 0;padding:34px 38px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--green))}.seo-cta h2{margin:8px 0 7px;font-size:clamp(27px,3vw,38px)}.seo-cta p{margin:0;color:#d8e5dd}.seo-cta .button{min-width:190px;min-height:52px}
@media(max-width:980px){.intent-links,.feature-detail-grid{grid-template-columns:1fr 1fr}.seo-page{padding-right:20px;padding-left:20px}}
@media(max-width:680px){.intent-links,.faq-grid,.feature-detail-grid,.usecase-steps{grid-template-columns:1fr}.seo-page{padding-right:16px;padding-left:16px}.seo-hero{padding:38px 0 32px}.seo-hero h1{font-size:38px}.seo-hero>p{font-size:16px}.seo-cta{display:grid;padding:28px 22px}.seo-cta .button{width:100%}.marketing-footer nav{flex-wrap:wrap}.breadcrumbs{padding-top:16px}}