:root {
  --bg: #edf0f5;
  --bg-soft: #f6f7fa;
  --surface: rgba(255,255,255,.82);
  --surface-strong: #ffffff;
  --ink: #0b1834;
  --muted: #637087;
  --line: rgba(70, 92, 127, .15);
  --blue: #1768ff;
  --blue-deep: #0751d9;
  --green: #12b77b;
  --green-deep: #009963;
  --purple: #6e68ff;
  --amber: #f3a73b;
  --shadow: 0 20px 45px rgba(20, 38, 72, .10), 0 2px 8px rgba(20, 38, 72, .05);
  --shadow-soft: 0 12px 28px rgba(20, 38, 72, .07);
  --radius: 24px;
  --radius-sm: 16px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 5%, rgba(110,104,255,.09), transparent 28%),
    radial-gradient(circle at 92% 4%, rgba(23,104,255,.10), transparent 26%),
    linear-gradient(180deg, #edf0f5 0%, #f5f6f9 42%, #eceff4 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .38;
  background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
  z-index: -2;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { width: 1.2em; height: 1.2em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.section-pad { padding: 90px 0; }
.site-shell { overflow: hidden; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(18px) saturate(160%);
  background: rgba(238, 241, 246, .72);
  border-bottom: 1px solid rgba(255,255,255,.7);
  transition: box-shadow .25s ease, background .25s ease;
}
.site-header.scrolled { box-shadow: 0 10px 35px rgba(25, 40, 70, .08); background: rgba(238, 241, 246, .92); }
.nav-wrap { height: 82px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-mark { position: relative; width: 28px; height: 34px; display: inline-block; }
.brand-mark::before, .brand-mark::after, .brand-mark span { content:""; position:absolute; display:block; background: linear-gradient(180deg,#2478ff,#0751d9); border-radius: 5px; }
.brand-mark::before { left: 1px; top: 2px; width: 8px; height: 30px; transform: skewY(-18deg); }
.brand-mark::after { right: 1px; top: 2px; width: 8px; height: 30px; transform: skewY(18deg); }
.brand-mark span:first-child { left: 7px; top: 12px; width: 14px; height: 9px; border-radius: 3px; }
.brand-mark span:last-child { display:none; }
.brand-name { font-size: 24px; font-weight: 780; letter-spacing: -.6px; }
.desktop-nav { display: flex; align-items: center; gap: 29px; margin-left: auto; }
.desktop-nav a { font-size: 14px; font-weight: 650; color: #26334d; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--blue); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 13px; border: 1px solid transparent; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn-whatsapp { color: #fff; background: linear-gradient(135deg, #14c98c, #08a66e); box-shadow: 0 10px 24px rgba(10, 176, 116, .20); }
.btn-outline { color: var(--blue-deep); border-color: rgba(23,104,255,.65); background: rgba(255,255,255,.5); }
.btn-light { background: #fff; color: var(--blue-deep); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.btn-large { min-height: 54px; padding: 0 26px; font-size: 16px; }
.header-cta { padding: 12px 18px; margin-left: 10px; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 12px; background: rgba(255,255,255,.76); cursor:pointer; }
.close-icon { display:none; }
.mobile-nav { display:none; }

.hero { position: relative; padding-top: 72px; padding-bottom: 58px; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(135deg, rgba(255,255,255,.64), rgba(223,228,237,.4)); }
.hero-aurora { position:absolute; border-radius:50%; filter: blur(10px); z-index:-1; }
.hero-aurora-one { width: 460px; height: 460px; right: -180px; top: -110px; background: radial-gradient(circle, rgba(111,104,255,.18), transparent 68%); }
.hero-aurora-two { width: 420px; height: 420px; left: -160px; bottom: -170px; background: radial-gradient(circle, rgba(23,104,255,.12), transparent 66%); }
.hero-grid { display:grid; grid-template-columns: .92fr 1.25fr; align-items:center; gap: 66px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; background: rgba(255,255,255,.75); border:1px solid rgba(94,113,143,.16); color:#40506e; text-transform:uppercase; letter-spacing:.09em; font-size:12px; font-weight:800; box-shadow: 0 7px 20px rgba(25,40,70,.04); }
.eyebrow svg { color: var(--amber); }
.eyebrow.simple { text-transform:none; letter-spacing:0; background:transparent; border:0; padding:0; box-shadow:none; color: var(--blue); font-size:13px; }
.hero h1 { margin: 24px 0 20px; font-size: clamp(48px, 5.1vw, 76px); line-height: .99; letter-spacing: -3.6px; max-width: 610px; }
.hero h1 span { color: var(--blue); }
.hero-lead { font-size: 18px; line-height: 1.65; color: #526079; margin: 0; }
.hero-actions { display:flex; gap:14px; margin: 30px 0 28px; }
.trust-row { display:flex; flex-wrap:wrap; gap:22px; color:#526078; font-size:13px; font-weight:650; }
.trust-row span { display:inline-flex; align-items:center; gap:7px; }
.trust-row svg { color: var(--amber); }
.hero-visual { position:relative; min-height: 500px; }
.glass-card { background: rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.8); backdrop-filter: blur(20px); box-shadow: var(--shadow); }
.browser-window { overflow:hidden; border-radius: 22px; position:absolute; left:0; right:55px; top:0; }
.browser-top { height: 35px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid rgba(64,80,110,.08); }
.dot { width:8px; height:8px; border-radius:50%; }.red{background:#ff6c6c}.amber{background:#ffbd51}.green{background:#3acb78}
.sample-header { height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; font-size:11px; color:#29354c; }
.sample-header strong { font-family: Georgia, serif; font-size:14px; }
.sample-header div { display:flex; align-items:center; gap:17px; }
.sample-header button, .sample-overlay button { border:0; border-radius:8px; padding:9px 14px; background:#f2d9be; color:#6d4a2d; font-weight:700; }
.sample-hero { position:relative; height: 340px; overflow:hidden; }
.sample-hero img { width:100%; height:100%; object-fit:cover; filter:saturate(.7) brightness(1.06); }
.sample-hero::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(250,248,244,.98) 0%, rgba(250,248,244,.85) 37%, rgba(250,248,244,.08) 70%); }
.sample-overlay { position:absolute; z-index:2; left:30px; top:54px; max-width:245px; }
.sample-overlay small { font-size:9px; color:#a8825d; font-weight:800; letter-spacing:.05em; }
.sample-overlay h2 { font-family: Georgia, serif; margin:12px 0 8px; font-size:34px; line-height:1.04; letter-spacing:-1px; }
.sample-overlay p { font-size:12px; color:#5d6370; }
.sample-overlay button { margin-top:12px; }
.floating-card { position:absolute; z-index:4; border-radius:18px; }
.organize-card { right:0; top:120px; width:190px; padding:18px; }
.floating-title { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.25; }
.floating-title svg { color:var(--purple); flex:0 0 auto; }
.organize-card ul { list-style:none; padding:0; margin:15px 0 0; display:grid; gap:9px; font-size:12px; color:#42516b; }
.organize-card li { display:flex; align-items:center; gap:8px; }
.organize-card li span { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:#e7fff4; color:var(--green); }.organize-card li svg{width:10px;height:10px;stroke-width:2.5}
.photos-card { left:95px; bottom:0; width:310px; padding:15px 17px; }
.photos-card strong { font-size:12px; }
.photo-thumbs { display:grid; grid-template-columns:repeat(3,1fr) 32px; gap:8px; align-items:center; margin-top:10px; }
.photo-thumbs img { height:48px; width:100%; border-radius:9px; object-fit:cover; }
.success-dot { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--green); color:#fff; }

.visual-flow-wrap { margin-top: 10px; }
.visual-flow { border-radius:20px; padding: 21px 30px; display:grid; grid-template-columns:1fr auto 1fr auto 1.2fr; align-items:center; gap:20px; }
.flow-item { display:flex; align-items:center; gap:15px; }
.flow-item div { display:flex; flex-direction:column; gap:4px; }.flow-item strong{font-size:15px}.flow-item small{color:var(--muted);font-size:12px}
.flow-icon { width:50px;height:50px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto; }.flow-icon svg{width:24px;height:24px}
.flow-icon.blue{background:#e7efff;color:var(--blue)}.flow-icon.green{background:#e6fbf3;color:var(--green-deep)}.flow-icon.purple{background:#eeedff;color:var(--purple)}
.flow-arrow { color:#5f6e85; width:22px; }

.section-heading, .section-intro { text-align:center; }
.section-heading { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:36px; }
.section-heading h2, .section-intro h2 { font-size: clamp(34px, 4vw, 48px); letter-spacing:-1.8px; margin:0; }
.heading-spark { color:var(--amber); font-size:22px; }
.section-intro { max-width:720px; margin:0 auto 42px; }.section-intro p{color:var(--muted);font-size:16px;margin:12px 0 0}
.process { padding-top: 76px; }
.process-grid { display:grid; grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr; align-items:center; gap:0; }
.process-card { min-height:310px; position:relative; padding:22px 20px; border-radius:20px; background:rgba(255,255,255,.78); border:1px solid rgba(92,108,138,.14); box-shadow:var(--shadow-soft); }
.step-number { position:absolute; left:18px; top:18px; width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800; }
.process-card h3 { margin:3px 0 28px; text-align:center; font-size:16px; }
.process-card p { margin:24px 0 0; color:var(--muted); text-align:center; font-size:14px; line-height:1.55; }
.process-arrow { display:grid; place-items:center; color:#275ba6; }.process-arrow svg{width:26px;height:26px}
.device-art { height:132px; position:relative; display:grid; place-items:center; }
.upload-art .mini-profile { position:absolute; width:118px;height:92px;left:23px;top:10px;border-radius:14px;background:linear-gradient(180deg,#fff,#edf2fb);border:1px solid #cdd7e6;padding:15px;box-shadow:0 12px 24px rgba(31,65,116,.08)}
.upload-art .mini-profile svg{width:25px;color:var(--blue)}.upload-art .mini-profile i{display:block;height:6px;border-radius:10px;background:#d9e1ee;margin-top:9px}.upload-art .mini-profile i:last-child{width:70%}
.upload-art .mini-photo { position:absolute;width:76px;height:72px;right:18px;bottom:5px;border-radius:13px;background:#e8f1ff;border:1px solid #c4d5ee;display:grid;place-items:center;box-shadow:0 12px 24px rgba(31,65,116,.10)}.upload-art .mini-photo svg{width:38px;height:38px;color:#3877dc}
.ai-window { width:145px;height:102px;border-radius:15px;background:#fff;border:1px solid #c9d3e2;padding:13px;box-shadow:0 12px 24px rgba(31,65,116,.08)}.ai-window b{display:block;height:9px;width:62%;border-radius:8px;background:#1768ff;margin-bottom:13px}.ai-window i{display:block;height:8px;border-radius:8px;background:#dde5f2;margin:9px 0}.ai-window i:nth-child(3){width:75%}
.ai-badge{position:absolute;right:16px;top:22px;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#31c796,#0fa66e);color:#fff;font-weight:900;font-size:22px;box-shadow:0 12px 24px rgba(16,168,111,.22)}
.build-window{width:155px;height:104px;border-radius:14px;background:#fff;border:1px solid #c9d3e2;overflow:hidden;box-shadow:0 12px 24px rgba(31,65,116,.08)}.build-window div{height:17px;background:#1768ff}.build-window span{display:block;float:left;margin:15px 0 0 12px;border-radius:8px;background:#dbe7fb}.build-window span:nth-child(2){width:42px;height:58px}.build-window span:nth-child(3){width:78px;height:27px}.build-window span:nth-child(4){width:78px;height:21px;margin-top:8px}
.live-art .laptop-outline{width:145px;height:115px;color:#134a9a;stroke-width:1.6}.live-art span{position:absolute;top:34px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(16,168,111,.23)}.live-art span svg{width:28px;height:28px;stroke-width:2.5}

.pricing { padding-top: 48px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; min-height:620px; padding:30px 28px 26px; border-radius:24px; background:rgba(255,255,255,.84); border:1px solid rgba(89,106,137,.15); box-shadow:var(--shadow-soft); }
.price-card.featured { border:2px solid var(--blue); transform:translateY(-8px); box-shadow:0 26px 55px rgba(23,104,255,.14); }
.popular-badge { position:absolute;left:-2px;right:-2px;top:-2px;height:34px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#0e59e6,#2678ff);color:#fff;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:11px; }
.featured .price-top { padding-top:17px; }
.price-top { text-align:center; padding-bottom:22px; border-bottom:1px solid var(--line); }
.price-top h3 { font-size:18px; margin:0; }.price{font-size:50px;font-weight:850;letter-spacing:-2px;color:var(--blue);margin:10px 0 3px}.price span{font-size:15px;vertical-align:top;margin-right:2px}.price small{font-size:13px;color:#68758b;font-weight:700;letter-spacing:0;margin-left:4px}.price-top p{margin:0;color:var(--muted);font-size:13px}
.website-note { display:flex; align-items:center; justify-content:center; gap:8px; margin:18px 0 0; padding:9px 12px; border-radius:999px; background:linear-gradient(135deg,#edf5ff,#eefcf5); border:1px solid rgba(23,104,255,.12); color:#21508f; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }
.website-note svg { width:15px; height:15px; color:var(--green); }
.ai-service-block { padding:24px 0 20px; }
.mini-label { display:block; font-size:12px; color:#34445f; font-weight:850; margin-bottom:12px; }
.service-chips { display:flex; flex-wrap:wrap; gap:9px; }.service-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#f0f4fb;border:1px solid #dfe7f4;font-size:11px;font-weight:700;color:#355176}.service-chips svg{width:14px;height:14px;color:var(--blue)}
.technical { margin-top:auto; padding:20px 18px 18px; border-radius:16px; background:linear-gradient(180deg,rgba(239,243,249,.9),rgba(247,249,252,.9)); }
.technical ul { list-style:none;padding:0;margin:0;display:grid;gap:10px }.technical li{display:flex;align-items:center;gap:9px;color:#59677e;font-size:12px;font-weight:650}.technical li svg{color:var(--green);width:16px;height:16px}
.btn-plan { margin-top:18px; min-height:47px; border-color:#d6deeb; background:#fff; color:var(--blue-deep); }.btn-plan.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 12px 28px rgba(23,104,255,.23)}

.assistant-section { padding-top:40px; }
.assistant-panel { position:relative; min-height:500px; display:grid; grid-template-columns:.7fr 1.25fr .58fr; align-items:center; gap:20px; padding:50px 44px; border-radius:30px; overflow:hidden; background:linear-gradient(120deg,#eef1ff 0%,#f4f0ff 42%,#fff3e7 100%); border:1px solid rgba(104,104,255,.18); box-shadow:var(--shadow); }
.assistant-panel::before { content:"";position:absolute;left:-120px;top:-180px;width:380px;height:380px;border-radius:50%;background:rgba(110,104,255,.12);filter:blur(10px) }
.assistant-copy { position:relative; z-index:2; }.assistant-copy h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:15px 0}.assistant-copy p{color:var(--muted);line-height:1.55}.channel-list{display:flex;gap:10px;margin-top:24px}.channel{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(20,38,72,.12)}.channel.fb{background:#1877f2}.channel.ig{background:linear-gradient(135deg,#7a2cff,#ff335f,#ffa12a)}.channel.gb{background:#4285f4}.channel.promo{background:#6e68ff}.channel.review{background:#0cb880}.channel svg{width:18px;height:18px}
.assistant-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0 4px; }
.assistant-benefits span { display:flex; align-items:flex-start; gap:8px; padding:11px 12px; border-radius:14px; background:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.85); color:#35506f; font-size:12px; line-height:1.35; font-weight:700; box-shadow:0 10px 22px rgba(20,38,72,.06); }
.assistant-benefits svg { width:16px; height:16px; color:var(--blue); flex:0 0 auto; margin-top:1px; }
.assistant-device{position:relative;z-index:2}.laptop-screen{height:340px;border:12px solid #15171c;border-radius:18px 18px 10px 10px;background:#fff;display:grid;grid-template-columns:145px 1fr;overflow:hidden;box-shadow:0 30px 55px rgba(20,31,60,.25)}.laptop-screen aside{background:#f4f6fa;padding:22px 13px;display:flex;flex-direction:column;gap:9px}.laptop-screen aside strong{font-size:13px;margin-bottom:10px}.laptop-screen aside span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:8px;font-size:10px;color:#55647d}.laptop-screen aside span.active{background:#e7eeff;color:var(--blue);font-weight:800}.laptop-screen aside svg{width:14px;height:14px}.post-builder{padding:24px;position:relative}.post-builder small{font-weight:800;color:#45536c}.generated-copy{font-size:13px;line-height:1.5;padding:14px 0}.post-builder img{width:100%;height:140px;object-fit:cover;border-radius:12px}.post-builder button{float:right;margin-top:14px;border:0;padding:10px 16px;border-radius:9px;background:var(--green);color:#fff;font-weight:800;display:inline-flex;gap:7px;align-items:center}.post-builder button svg{width:14px}.laptop-base{width:110%;height:16px;margin-left:-5%;border-radius:0 0 60% 60%;background:linear-gradient(180deg,#b9bec8,#e7e9ee);box-shadow:0 12px 20px rgba(20,31,60,.2)}
.assistant-floats{position:relative;z-index:2;display:grid;gap:16px}.assistant-floats>div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);border-radius:15px;padding:14px;box-shadow:var(--shadow-soft)}.assistant-floats svg{color:var(--blue);flex:0 0 auto}.assistant-floats span{display:flex;flex-direction:column}.assistant-floats strong{font-size:12px}.assistant-floats small{font-size:10px;color:var(--muted);margin-top:3px}
.assistant-benefit-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 14px; }
.assistant-benefit { display:flex; align-items:flex-start; gap:10px; padding:13px 14px; border-radius:16px; background:rgba(255,255,255,.75); border:1px solid rgba(89,106,137,.12); box-shadow:0 12px 24px rgba(20,38,72,.05); color:#304765; font-size:13px; line-height:1.35; font-weight:700; }
.assistant-benefit svg { width:17px; height:17px; color:var(--green); flex:0 0 auto; margin-top:1px; }
.assistant-steps { margin-top:20px; }
.assistant-steps-head { text-align:center; margin-bottom:14px; }
.assistant-steps-head h3 { margin:10px 0 0; font-size:20px; letter-spacing:-.4px; }
.assistant-steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.assistant-step { padding:20px 18px; border-radius:18px; background:rgba(255,255,255,.82); border:1px solid rgba(89,106,137,.14); box-shadow:var(--shadow-soft); }
.step-badge { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:10px; background:linear-gradient(135deg,#1768ff,#0d56d7); color:#fff; font-size:13px; font-weight:900; }
.assistant-step h3 { margin:14px 0 8px; font-size:16px; letter-spacing:-.4px; }
.assistant-step p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }

.faq-section { padding-top:55px; }
.faq-grid { padding:22px; border-radius:26px; background:rgba(255,255,255,.72); border:1px solid rgba(85,103,136,.14); box-shadow:var(--shadow-soft); display:grid;grid-template-columns:1fr 1fr;gap:12px 18px; }
.faq-column { display:grid; gap:12px; align-content:start; }
.faq-item { overflow:hidden; border:1px solid rgba(86,104,137,.16); border-radius:14px; background:rgba(255,255,255,.77); }
.faq-item button { width:100%; min-height:52px; border:0; background:transparent; padding:0 16px; display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:13px;font-weight:750;cursor:pointer; }
.faq-item button svg{transition:transform .25s ease}.faq-item.open button svg{transform:rotate(180deg)}
.faq-answer { display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease; }.faq-answer p{overflow:hidden;margin:0;padding:0 16px;color:var(--muted);font-size:12px;line-height:1.55}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:16px}

.contact-section { padding: 25px 0 34px; }
.final-cta { min-height:150px; display:grid; grid-template-columns:170px 1fr auto;align-items:center;gap:28px;padding:24px 42px;border-radius:26px;background:linear-gradient(105deg,#0751d9,#1268ed 55%,#104ec2);color:#fff;box-shadow:0 24px 52px rgba(7,81,217,.26);position:relative;overflow:hidden}.final-cta::after{content:"";position:absolute;right:-40px;top:-80px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.final-copy{position:relative;z-index:1}.final-copy h2{font-size:27px;margin:0 0 7px}.final-copy p{margin:0;color:rgba(255,255,255,.78);font-size:14px}.final-actions{position:relative;z-index:1;display:flex;gap:12px}.store-illustration{width:150px;height:105px;position:relative;align-self:end}.shop-body{position:absolute;left:22px;right:13px;bottom:0;height:72px;background:#ffe7bd;border-radius:5px 5px 10px 10px;box-shadow:inset 0 -8px rgba(188,124,43,.09)}.awning{position:absolute;left:10px;right:0;top:14px;height:34px;display:flex;z-index:2}.awning i{flex:1;background:#ffb446;border-radius:4px 4px 12px 12px}.awning i:nth-child(even){background:#fff3d8}.door{position:absolute;left:23px;bottom:0;width:24px;height:46px;background:#5d8bd1;border-radius:4px 4px 0 0}.window{position:absolute;right:18px;bottom:22px;width:45px;height:30px;border:5px solid #6e9ad9;background:#cceaff}.plant{position:absolute;bottom:0;width:28px;height:42px;background:radial-gradient(ellipse at center,#54c77d 0 22%,transparent 24%) 50% 0/12px 15px repeat-y}.plant.left{left:0}.plant.right{right:0}

.site-footer { padding:20px 0 32px; }
.footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; color:#66738a; font-size:11px; }
.footer-brand span:last-child { display:flex;flex-direction:column; }.footer-brand .brand-name{font-size:18px;color:var(--ink)}.footer-brand small{font-size:10px;margin-top:2px}.footer-inner nav{display:flex;gap:22px}.footer-inner nav a:hover{color:var(--blue)}.footer-inner>p{text-align:right;margin:0}

.reveal { opacity:0; transform:translateY(20px); transition:opacity .75s ease, transform .75s ease; }.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media (max-width: 1050px) {
  .desktop-nav { gap:18px; }.desktop-nav a{font-size:13px}.header-cta span{display:none}.header-cta{width:44px;height:44px;padding:0}
  .hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero h1{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(760px,100%);margin-inline:auto}
  .process-grid{grid-template-columns:1fr 1fr;gap:20px}.process-arrow{display:none}.process-card{min-height:300px}
  .assistant-panel{grid-template-columns:1fr 1.4fr}.assistant-floats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.assistant-benefits{grid-template-columns:1fr}.assistant-benefit-row{grid-template-columns:1fr}.assistant-steps-grid{grid-template-columns:1fr}
  .final-cta{grid-template-columns:130px 1fr}.final-actions{grid-column:2}
}

@media (max-width: 820px) {
  .section-pad{padding:68px 0}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;place-items:center;margin-left:auto}.site-header.menu-open .menu-icon{display:none}.site-header.menu-open .close-icon{display:block}.mobile-nav{position:absolute;left:20px;right:20px;top:72px;padding:14px;display:none;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.site-header.menu-open .mobile-nav{display:grid}.mobile-nav a{padding:12px;border-radius:10px;font-size:14px;font-weight:700}.mobile-nav a:hover{background:#eef3fb;color:var(--blue)}
  .hero{padding-top:45px}.hero h1{font-size:52px;letter-spacing:-2.7px}.hero-visual{min-height:460px}.browser-window{right:22px}.organize-card{right:0;top:120px}.photos-card{left:40px}
  .visual-flow{grid-template-columns:1fr;gap:16px}.flow-arrow{transform:rotate(90deg);justify-self:center}.flow-item{justify-content:center;text-align:left}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:0}.price-card.featured{transform:none;order:-1}.assistant-panel{grid-template-columns:1fr;padding:38px 24px}.assistant-copy{text-align:center}.channel-list{justify-content:center}.assistant-benefits{grid-template-columns:1fr}.assistant-benefit-row{grid-template-columns:1fr}.assistant-device{width:min(650px,100%);margin:auto}.assistant-floats{grid-column:auto;grid-template-columns:1fr 1fr 1fr}.assistant-steps-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.final-cta{grid-template-columns:1fr;text-align:center}.store-illustration{margin:auto}.final-actions{grid-column:auto;justify-content:center}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-inner nav{justify-content:center;flex-wrap:wrap}.footer-inner>p{text-align:center}
}

@media (max-width: 560px) {
  .container{width:min(100% - 24px,var(--container))}.nav-wrap{height:70px}.brand-name{font-size:21px}.brand-mark{transform:scale(.9)}
  .hero h1{font-size:42px;letter-spacing:-2px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.btn-large{width:100%}.trust-row{gap:12px;font-size:11px}.hero-visual{min-height:410px}.browser-window{right:0}.sample-header div span{display:none}.sample-hero{height:275px}.sample-overlay{left:20px;top:40px}.sample-overlay h2{font-size:28px}.organize-card{width:155px;right:-4px;top:96px;padding:13px}.organize-card ul{gap:6px}.photos-card{left:18px;bottom:0;width:250px}.photo-thumbs img{height:38px}.process-grid{grid-template-columns:1fr}.process-card{min-height:285px}.section-heading h2,.section-intro h2{font-size:34px}.price-card{padding:27px 20px}.assistant-copy h2{font-size:38px}.laptop-screen{height:275px;border-width:8px;grid-template-columns:92px 1fr}.laptop-screen aside{padding:14px 7px}.laptop-screen aside span{font-size:0;padding:7px;justify-content:center}.laptop-screen aside span svg{width:17px;height:17px}.post-builder{padding:15px}.post-builder img{height:110px}.assistant-benefits{grid-template-columns:1fr}.assistant-benefit-row{grid-template-columns:1fr}.assistant-steps-grid{grid-template-columns:1fr}.assistant-floats{grid-template-columns:1fr}.faq-grid{padding:12px}.final-cta{padding:28px 20px}.final-actions{flex-direction:column;width:100%}.final-actions .btn{width:100%}.footer-inner nav{gap:12px}
}