:root {
  --simple-yellow: #f5b731;
  --simple-yellow-soft: #fff5d7;
  --simple-ink: #11110f;
  --simple-muted: #6f6c65;
  --simple-line: #dfddd7;
  --simple-wash: #f4f1e9;
  --simple-white: #fff;
}

body.simple-site {
  background: #fff;
  color: var(--simple-ink);
}
.simple-site h1,
.simple-site h2,
.simple-site h3 { letter-spacing: 0 !important; }

.simple-site .nav-left { display: flex; align-items: center; gap: 20px; }
.simple-site .nav-center { display: flex; align-items: center; gap: 4px; }
.simple-site .nav-center a,
.simple-site .nav-login { padding: 7px 12px; color: #514f49; font-size: 14px; text-decoration: none; border-radius: 7px; }
.simple-site .nav-center a:hover,
.simple-site .nav-center a[aria-current="page"],
.simple-site .nav-login:hover { color: var(--simple-ink); background: rgba(0,0,0,.045); }
.simple-site .nav-demo-btn { display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; color: var(--simple-ink); background: var(--simple-yellow); border-radius: 999px; font-size: 14px; font-weight: 400; text-decoration: none; }

.simple-main { overflow: hidden; }
.simple-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.simple-narrow { width: min(760px, calc(100% - 48px)); margin: 0 auto; }

.simple-hero {
  position: relative;
  padding: 164px 0 92px;
  background:
    radial-gradient(circle at 50% 8%, rgba(245,183,49,.19), transparent 34%),
    linear-gradient(180deg, #fffdf7 0%, #fff 76%);
}
.simple-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.24; background-image:linear-gradient(rgba(17,17,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.06) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(#000,transparent 70%); }
.simple-hero-copy { position: relative; z-index: 1; max-width: 950px; margin: 0 auto; text-align: center; }
.simple-hero h1 { margin: 0; font: 700 clamp(3.7rem, 7.2vw, 7rem)/.94 'Plus Jakarta Sans',sans-serif; letter-spacing: 0; text-wrap: balance; }
.simple-hero h1 em,
.simple-heading em { color: var(--simple-yellow); font-style: normal; }
.simple-hero-copy > p { max-width: 790px; margin: 30px auto 0; color: var(--simple-muted); font-size: clamp(1.04rem,1.5vw,1.22rem); line-height: 1.65; text-wrap: pretty; }
.simple-actions { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 34px; }
.simple-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 0 22px; border: 1px solid var(--simple-ink); border-radius: 999px; color: #fff; background: var(--simple-ink); font-size: .9rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.simple-button span { display: grid; place-items: center; width: 24px; height: 24px; color: var(--simple-ink); background: var(--simple-yellow); border-radius: 50%; }
.simple-button:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.13); }
.simple-button.secondary { color: var(--simple-ink); background: #fff; border-color: var(--simple-line); }
.simple-button.secondary span { background: var(--simple-yellow-soft); }
.site-icon { width: 1em; height: 1em; display: inline-block; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.simple-button .site-icon { width: 17px; height: 17px; transition: transform .2s ease; }
.simple-button:hover .site-icon { transform: translate(2px,-1px); }
.simple-button.secondary:hover .icon-arrow-down { transform: translateY(2px); }
.simple-proof-line { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 24px; margin-top:25px; color:#8a867e; font-size:.75rem; }
.simple-proof-line span::before { content:""; display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--simple-yellow); vertical-align:1px; }

.simple-video-stage { position: relative; z-index: 1; margin-top: 68px; overflow: hidden; border: 1px solid #d9d6cf; border-radius: 18px; background:#fff; box-shadow:0 35px 90px rgba(43,35,17,.17); }
.simple-stage-bar { min-height: 54px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 18px; border-bottom:1px solid var(--simple-line); background:#f8f7f3; font-size:.72rem; }
.simple-stage-bar strong { display:flex; align-items:center; gap:10px; }
.simple-stage-bar strong::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--simple-yellow); box-shadow:0 0 0 5px rgba(245,183,49,.13); }
.simple-stage-bar span { color:var(--simple-muted); }
.simple-video-stage video { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; background:#fff; }
.simple-hero-product-image { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:left top; background:#fff; }
.simple-definition { display:grid; grid-template-columns:.7fr 1fr 1fr 1fr; border-top:1px solid var(--simple-line); }
.simple-definition > * { min-height:88px; display:flex; align-items:center; padding:18px; border-right:1px solid var(--simple-line); }
.simple-definition > *:last-child { border-right:0; }
.simple-definition b { font:700 .8rem 'Plus Jakarta Sans',sans-serif; }
.simple-definition span { color:var(--simple-muted); font-size:.72rem; line-height:1.45; }

.simple-section { padding: 112px 0; border-top:1px solid var(--simple-line); }
.simple-section.wash { background:var(--simple-wash); }
.simple-heading-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:9vw; align-items:end; }
.simple-heading { margin:0; max-width:760px; font:650 clamp(2.7rem,5vw,5rem)/.99 'Plus Jakarta Sans',sans-serif; letter-spacing:0; text-wrap:balance; }
.simple-heading-row > p { margin:0; color:var(--simple-muted); font-size:1rem; line-height:1.7; }

.simple-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:58px; }
.simple-benefit { min-height:310px; padding:28px; border:1px solid var(--simple-line); border-radius:14px; background:#fff; }
.simple-benefit .number { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; color:var(--simple-yellow); background:var(--simple-yellow-soft); font-size:.72rem; font-weight:700; }
.simple-benefit h3 { margin:72px 0 14px; font:650 1.55rem/1.1 'Plus Jakarta Sans',sans-serif; letter-spacing:0; }
.simple-benefit p { margin:0; color:var(--simple-muted); font-size:.91rem; line-height:1.65; }
.simple-benefit ul { display:grid; gap:9px; margin:22px 0 0; padding:0; list-style:none; color:#3d3b36; font-size:.78rem; }
.simple-benefit li::before { content:"+"; margin-right:9px; color:var(--simple-yellow); }

.simple-reel { margin-top:58px; overflow:hidden; border:1px solid var(--simple-line); border-radius:16px; background:#fff; box-shadow:0 24px 60px rgba(42,34,18,.11); }
.simple-reel-controls { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 16px 0 19px; border-bottom:1px solid var(--simple-line); background:#f8f7f3; }
.simple-reel-origin { display:flex; align-items:center; gap:10px; color:var(--simple-muted); font-size:.72rem; }
.simple-reel-origin i { width:9px; height:9px; border-radius:50%; background:var(--simple-yellow); box-shadow:0 0 0 5px rgba(245,183,49,.13); }
.simple-reel-tabs { display:flex; gap:4px; }
.simple-reel-tabs button { min-height:34px; padding:0 12px; border:1px solid transparent; border-radius:6px; color:var(--simple-muted); background:transparent; font:500 .7rem 'DM Sans',sans-serif; cursor:pointer; }
.simple-reel-tabs button.active { color:var(--simple-ink); border-color:#d7d4cc; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.simple-reel-view { position:relative; aspect-ratio:16/10; overflow:hidden; background:#fff; }
.simple-reel-frame { position:absolute; inset:0; margin:0; opacity:0; transform:translateX(18px) scale(.992); transition:opacity .65s ease,transform .7s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.simple-reel-frame.active { z-index:1; opacity:1; transform:none; pointer-events:auto; }
.simple-reel-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.simple-reel-frame figcaption { position:absolute; right:16px; bottom:16px; display:flex; gap:10px; padding:9px 12px; border:1px solid rgba(0,0,0,.1); border-radius:7px; background:rgba(255,255,255,.93); box-shadow:0 8px 24px rgba(0,0,0,.08); backdrop-filter:blur(12px); font-size:.7rem; }
.simple-reel-frame figcaption span { color:var(--simple-muted); }
.simple-reel-progress { position:absolute; z-index:4; left:0; right:0; bottom:0; height:2px; background:rgba(0,0,0,.06); }
.simple-reel-progress i { display:block; width:0; height:100%; background:var(--simple-yellow); }
.simple-reel.is-playing .simple-reel-progress i { animation:simple-progress 5s linear forwards; }
@keyframes simple-progress { to { width:100%; } }

.simple-compare { display:grid; grid-template-columns:repeat(3,1fr); margin-top:58px; overflow:hidden; border:1px solid var(--simple-line); border-radius:14px; background:#fff; }
.simple-compare article { min-height:290px; padding:28px; border-right:1px solid var(--simple-line); }
.simple-compare article:last-child { border-right:0; background:linear-gradient(180deg,var(--simple-yellow-soft),#fff 72%); }
.simple-compare small { color:var(--simple-muted); font-size:.69rem; }
.simple-compare h3 { margin:45px 0 14px; font:650 1.4rem/1.1 'Plus Jakarta Sans',sans-serif; letter-spacing:0; }
.simple-compare p { margin:0; color:var(--simple-muted); font-size:.86rem; line-height:1.65; }
.simple-compare strong { display:block; margin-top:22px; font-size:.77rem; }

.simple-steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:60px; }
.simple-step { position:relative; padding:38px 36px 0 0; border-top:1px solid #bdb9af; }
.simple-step::before { content:""; position:absolute; top:-6px; left:0; width:11px; height:11px; border:3px solid var(--simple-wash); border-radius:50%; background:var(--simple-ink); box-shadow:0 0 0 1px var(--simple-ink); }
.simple-step span { color:#9b968c; font-size:.68rem; }
.simple-step h3 { margin:44px 0 12px; font:650 1.3rem/1.1 'Plus Jakarta Sans',sans-serif; letter-spacing:0; }
.simple-step p { margin:0; color:var(--simple-muted); font-size:.84rem; line-height:1.65; }

.simple-cta { padding:120px 0; text-align:center; background:radial-gradient(circle at 50% 100%,rgba(245,183,49,.2),transparent 45%),#fff; border-top:1px solid var(--simple-line); }
.simple-cta h2 { max-width:850px; margin:0 auto; font:650 clamp(3rem,6vw,5.8rem)/.96 'Plus Jakarta Sans',sans-serif; letter-spacing:0; text-wrap:balance; }
.simple-cta p { max-width:650px; margin:26px auto 0; color:var(--simple-muted); font-size:1rem; line-height:1.7; }

.simple-site .footer { border-top:1px solid var(--simple-line); }
.simple-site .footer-main { display:grid; grid-template-columns:1.4fr 2.6fr; gap:56px; max-width:1180px; margin:0 auto; padding:68px 48px 52px; }
.simple-site .footer-brand p { max-width:290px; margin-top:14px; color:var(--simple-muted); font-size:.78rem; line-height:1.55; }
.simple-site .footer-cols { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.simple-site .footer-col h4 { margin:0 0 17px; color:#969188; font:600 .66rem/1.2 'DM Sans',sans-serif; text-transform:uppercase; }
.simple-site .footer-col ul { display:flex; flex-direction:column; gap:9px; padding:0; list-style:none; }
.simple-site .footer-col a { color:var(--simple-ink); font-size:.8rem; text-decoration:none; }
.simple-site .footer-col a:hover { text-decoration:underline; text-underline-offset:3px; }
.simple-site .footer-bottom { max-width:1180px; margin:0 auto; padding:22px 48px; border-top:1px solid var(--simple-line); color:#969188; font-size:.7rem; }

[data-simple-reveal] { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
[data-simple-reveal].visible { opacity:1; transform:none; }

/* Pricing */
.simple-pricing-hero { padding:170px 0 88px; text-align:center; background:radial-gradient(circle at 50% 0,rgba(245,183,49,.18),transparent 38%),#fffdf8; }
.simple-pricing-hero h1 { max-width:900px; margin:0 auto; font:650 clamp(3.7rem,7vw,6.7rem)/.96 'Plus Jakarta Sans',sans-serif; letter-spacing:0; text-wrap:balance; }
.simple-pricing-hero p { max-width:690px; margin:28px auto 0; color:var(--simple-muted); font-size:1.1rem; line-height:1.65; }
.simple-price-explain { display:grid; grid-template-columns:1fr 1fr; margin-top:48px; border:1px solid var(--simple-line); border-radius:12px; overflow:hidden; text-align:left; background:#fff; }
.simple-price-explain div { padding:22px; }
.simple-price-explain div + div { border-left:1px solid var(--simple-line); }
.simple-price-explain strong { display:block; font:650 .95rem 'Plus Jakarta Sans',sans-serif; }
.simple-price-explain span { display:block; margin-top:5px; color:var(--simple-muted); font-size:.79rem; line-height:1.5; }
.simple-pricing { padding:96px 0 112px; }
.simple-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.simple-price-card { display:flex; flex-direction:column; min-height:570px; padding:28px; border:1px solid var(--simple-line); border-radius:14px; background:#fff; }
.simple-price-card.featured { border-color:var(--simple-yellow); background:linear-gradient(180deg,#fff5d5,#fff 65%); box-shadow:0 20px 55px rgba(245,183,49,.13); }
.simple-price-card > span { color:var(--simple-muted); font-size:.72rem; }
.simple-price-card h2 { margin:7px 0 26px; font:650 1.6rem 'Plus Jakarta Sans',sans-serif; letter-spacing:0; }
.simple-price { min-height:55px; font:650 2rem 'Plus Jakarta Sans',sans-serif; letter-spacing:0; }
.simple-price small { color:var(--simple-muted); font:500 .69rem 'DM Sans',sans-serif; }
.simple-price-card h3 { margin:28px 0 13px; font-size:.78rem; }
.simple-price-card ul { display:grid; gap:10px; margin:0 0 28px; padding:0; list-style:none; color:#4f4c46; font-size:.8rem; }
.simple-price-card li::before { content:"✓"; margin-right:9px; color:var(--simple-yellow); }
.simple-price-card .simple-button { width:100%; margin-top:auto; }
.simple-pricing-note { margin-top:18px; padding:18px; border:1px solid var(--simple-line); border-radius:10px; color:var(--simple-muted); background:#f8f7f3; font-size:.8rem; text-align:center; }
.simple-faq { display:grid; grid-template-columns:.75fr 1fr; gap:9vw; }
.simple-faq details { border-bottom:1px solid var(--simple-line); }
.simple-faq summary { display:flex; justify-content:space-between; gap:20px; padding:22px 0; font-weight:600; cursor:pointer; list-style:none; }
.simple-faq summary::after { content:"+"; color:var(--simple-yellow); }
.simple-faq details[open] summary::after { content:"−"; }
.simple-faq details p { margin:0; padding:0 30px 22px 0; color:var(--simple-muted); font-size:.86rem; line-height:1.6; }

@media (max-width: 900px) {
  .simple-heading-row { grid-template-columns:1fr; gap:25px; }
  .simple-benefits,.simple-compare,.simple-price-grid { grid-template-columns:1fr; }
  .simple-benefit { min-height:0; }
  .simple-benefit h3 { margin-top:42px; }
  .simple-compare article { min-height:0; border-right:0; border-bottom:1px solid var(--simple-line); }
  .simple-compare article:last-child { border-bottom:0; }
  .simple-price-card { min-height:0; }
  .simple-faq { grid-template-columns:1fr; gap:35px; }
  .simple-site .footer-main { grid-template-columns:1fr; gap:38px; }
}

@media (max-width: 700px) {
  .simple-site .nav { padding:12px 14px; }
  .simple-site .nav.scrolled { top:8px; width:calc(100% - 16px); padding:7px 7px 7px 13px; }
  .simple-site .nav-center,.simple-site .nav-login { display:none; }
  .simple-site .nav-demo-btn { min-height:38px; padding:0 14px; font-size:12px; }
  .simple-shell,.simple-narrow { width:min(100% - 28px,1180px); }
  .simple-hero { padding:118px 0 74px; }
  .simple-hero h1 { font-size:clamp(3.1rem,14vw,4.2rem); line-height:.95; }
  .simple-hero-copy > p { font-size:.98rem; }
  .simple-actions { align-items:stretch; flex-direction:column; }
  .simple-button { width:100%; }
  .simple-video-stage { margin-top:44px; border-radius:12px; }
  .simple-stage-bar { min-height:48px; padding:0 11px; font-size:.62rem; }
  .simple-stage-bar span { display:none; }
  .simple-video-stage video { aspect-ratio:4/3; object-position:left top; }
  .simple-hero-product-image { aspect-ratio:4/3; }
  .simple-definition { grid-template-columns:1fr 1fr; }
  .simple-definition > * { min-height:76px; padding:12px; border-bottom:1px solid var(--simple-line); font-size:.65rem; }
  .simple-definition > *:nth-child(2) { border-right:0; }
  .simple-definition > *:nth-last-child(-n+2) { border-bottom:0; }
  .simple-section { padding:82px 0; }
  .simple-heading { font-size:clamp(2.55rem,12vw,3.6rem); }
  .simple-benefits,.simple-compare,.simple-steps { margin-top:42px; }
  .simple-benefit { padding:22px; }
  .simple-reel { margin-top:42px; border-radius:11px; }
  .simple-reel-controls { align-items:flex-start; flex-direction:column; gap:7px; padding:9px 10px; }
  .simple-reel-origin { font-size:.62rem; }
  .simple-reel-tabs { width:100%; overflow:auto; }
  .simple-reel-tabs button { flex:none; min-height:29px; padding:0 9px; font-size:.61rem; }
  .simple-reel-frame figcaption { left:8px; right:8px; bottom:8px; justify-content:space-between; padding:7px 9px; font-size:.57rem; }
  .simple-steps { grid-template-columns:1fr; gap:30px; }
  .simple-step { min-height:130px; padding:30px 0 0 50px; }
  .simple-step::before { top:-6px; }
  .simple-step h3 { margin-top:10px; }
  .simple-cta { padding:88px 0; }
  .simple-cta h2 { font-size:clamp(2.8rem,13vw,4rem); }
  .simple-pricing-hero { padding:120px 0 72px; }
  .simple-pricing-hero h1 { font-size:clamp(3rem,13vw,4.1rem); }
  .simple-price-explain { grid-template-columns:1fr; }
  .simple-price-explain div + div { border-left:0; border-top:1px solid var(--simple-line); }
  .simple-pricing { padding:72px 0 82px; }
  .simple-site .footer-main { padding:50px 20px 36px; }
  .simple-site .footer-cols { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .simple-site .footer-bottom { padding:20px; }
}

@media (max-width:420px) { .simple-site .footer-cols { grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce) {
  .simple-site *, .simple-site *::before, .simple-site *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  [data-simple-reveal] { opacity:1; transform:none; }
}