.hero { position: relative; overflow: hidden; padding: 92px 0 80px; }
.hero::before { content: ""; position: absolute; top: 75px; left: 48%; width: 520px; height: 6px; border-radius: var(--actuala-radius-pill); background: var(--actuala-lime); pointer-events: none; transform: rotate(-7deg); }
.hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.hero h1 { max-width: 620px; margin: 0; font-size: clamp(3rem, 5.8vw, 5.2rem); line-height: .98; letter-spacing: -.07em; }
.hero__lead { max-width: 570px; margin: 26px 0; color: var(--actuala-slate-500); font-size: 1.08rem; }
.hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero__trust { display: flex; gap: 22px; margin-top: 25px; color: var(--actuala-slate-700); font-size: .74rem; font-weight: 650; }.hero__trust span::before { content: "✓"; margin-right: 6px; color: var(--actuala-positive); }
.product-shot { position: relative; padding: 17px; border: 1px solid var(--actuala-slate-150); border-radius: var(--actuala-radius-large); background: var(--actuala-white); box-shadow: var(--actuala-shadow-popover); }
.product-shot::after { content: ""; position: absolute; z-index: -1; inset: 12% -5% -7% 15%; border-radius: var(--actuala-radius-large); background: var(--actuala-blue-soft); transform: rotate(-3deg); }
.mock-app { overflow: hidden; display: grid; grid-template-columns: 120px 1fr; min-height: 480px; border-radius: 16px; background: var(--actuala-paper); }
.mock-side { padding: 22px 14px; color: var(--actuala-slate-300); background: var(--actuala-ink); }.mock-logo { display: flex; align-items: center; min-height: 30px; margin-bottom: 30px; }.mock-logo .brand__logo { width: 120px; }.mock-nav { display: grid; gap: 9px; font-size: .55rem; }.mock-nav span { padding: 7px; border-radius: var(--actuala-radius-small); }.mock-nav .active { color: white; background: var(--actuala-slate-900); }
.mock-main { padding: 25px; }.mock-head { display: flex; justify-content: space-between; align-items: center; }.mock-head strong { font-size: .9rem; }.mock-avatar { width: 25px; height: 25px; border-radius: 8px; background: var(--actuala-blue-soft); }.mock-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 22px 0; }.mock-metric { padding: 12px; border: 1px solid var(--actuala-slate-150); border-radius: 10px; background: white; }.mock-metric small { display: block; color: var(--actuala-slate-500); font-size: .48rem; }.mock-metric strong { display: block; margin-top: 7px; font-size: .78rem; }.mock-metric.primary { color: white; background: var(--actuala-blue); }.mock-metric.primary small { color: var(--actuala-blue-soft); }.mock-chart { height: 170px; padding: 16px; border: 1px solid var(--actuala-slate-150); border-radius: 12px; background: white; }.mock-chart__bars { height: 115px; display: flex; align-items: flex-end; gap: 7px; border-bottom: 1px solid var(--actuala-slate-150); }.mock-chart__bars i { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(var(--actuala-blue),var(--actuala-blue)); }.mock-table { margin-top: 10px; display: grid; gap: 7px; }.mock-row { height: 19px; border-radius: 5px; background: linear-gradient(90deg,var(--actuala-slate-150) 25%,transparent 25% 32%,var(--actuala-slate-150) 32% 68%,transparent 68% 76%,var(--actuala-positive-soft) 76%); }
.proof-strip { padding: 22px 0; border-block: 1px solid var(--actuala-slate-150); background: white; }.proof-strip__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.proof-strip p { margin: 0; color: var(--actuala-slate-500); font-size: .75rem; font-weight: 700; }.proof-strip strong { color: var(--actuala-ink); }.proof-items { display: flex; gap: 36px; }.proof-item { display: flex; align-items: center; gap: 9px; font-size: .73rem; font-weight: 750; }.proof-item i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; color: var(--actuala-positive); background: var(--actuala-positive-soft); font-style: normal; }
.marketing-section { padding: 105px 0; }.marketing-section--tint { background: var(--actuala-paper); }.marketing-section--dark { color: white; background: var(--actuala-ink); }.section-heading { max-width: 690px; margin-bottom: 50px; }.section-heading--center { margin-inline: auto; text-align: center; }.section-heading h2 { margin: 0; font-size: clamp(2.1rem,4vw,3.5rem); line-height: 1.04; letter-spacing: -.06em; }.section-heading p { margin: 18px 0 0; color: var(--actuala-slate-500); font-size: 1rem; }.marketing-section--dark .section-heading p { color: var(--actuala-slate-300); }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.feature-card { min-height: 255px; padding: 28px; border: 1px solid var(--actuala-slate-150); border-radius: var(--actuala-radius-card); background: white; box-shadow: var(--actuala-shadow-card); }.feature-card--large { grid-column: span 2; }.feature-card__icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--actuala-radius-control); color: var(--actuala-blue); background: var(--actuala-blue-soft); font-size: 1.1rem; }.feature-card h3 { margin: 28px 0 10px; font-size: 1.15rem; letter-spacing: -.03em; }.feature-card p { margin: 0; color: var(--actuala-slate-500); font-size: .85rem; }.mini-bars { height: 90px; display: flex; align-items: flex-end; gap: 8px; margin-top: 22px; }.mini-bars i { flex: 1; border-radius: 5px 5px 0 0; background: var(--actuala-blue-soft); }.mini-bars i:nth-child(3n) { background: var(--actuala-blue); }
.privacy-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }.privacy-orbit { position: relative; width: min(390px,100%); aspect-ratio: 1; margin: auto; display: grid; place-items: center; border: 1px solid var(--actuala-slate-700); border-radius: 50%; }.privacy-orbit::before,.privacy-orbit::after { content:"";position:absolute;border:1px solid var(--actuala-slate-700);border-radius:50%;inset:14%;}.privacy-orbit::after{inset:29%;}.privacy-core { z-index: 2; width: 125px; height: 125px; display:grid;place-items:center;border-radius:34px;color:var(--actuala-ink);background:var(--actuala-lime);font-weight:850;text-align:center;box-shadow:0 0 80px rgba(183,243,75,.18); }.privacy-pin { position:absolute;padding:8px 11px;border:1px solid var(--actuala-slate-700);border-radius:10px;color:var(--actuala-slate-300);background:var(--actuala-slate-900);font-size:.68rem; }.privacy-pin.one{top:7%;left:45%;}.privacy-pin.two{bottom:12%;left:0}.privacy-pin.three{right:-2%;top:53%;}.privacy-copy h2 { margin: 0; font-size: clamp(2.2rem,4vw,3.7rem); line-height:1.02;letter-spacing:-.06em; }.privacy-copy > p { color:var(--actuala-slate-300); }.privacy-list { display:grid;gap:18px;margin-top:30px; }.privacy-list div { display:grid;grid-template-columns:28px 1fr;gap:12px; }.privacy-list span { color:var(--actuala-lime);font-weight:900; }.privacy-list strong{display:block;font-size:.9rem}.privacy-list small{color:var(--actuala-slate-500);font-size:.76rem}
.pricing-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch; }.price-card { position:relative;padding:30px;border:1px solid var(--actuala-slate-150);border-radius:var(--actuala-radius-card);background:white;box-shadow:var(--actuala-shadow-card) }.price-card--featured{border:2px solid var(--actuala-blue);box-shadow:var(--actuala-shadow-popover);transform:translateY(-10px)}.price-label{position:absolute;top:-13px;right:22px;padding:6px 11px;border-radius:var(--actuala-radius-pill);color:white;background:var(--actuala-blue);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.price-card h3{margin:0;font-size:1.2rem}.price-card__who{min-height:46px;color:var(--actuala-slate-500);font-size:.78rem}.price{margin:25px 0;font-size:2.6rem;font-weight:850;letter-spacing:-.06em}.price small{font-size:.72rem;color:var(--actuala-slate-500);font-weight:600;letter-spacing:0}.price-card ul{min-height:210px;padding:0;list-style:none}.price-card li{margin:12px 0;color:var(--actuala-slate-700);font-size:.8rem}.price-card li::before{content:"✓";margin-right:9px;color:var(--actuala-positive);font-weight:900}.price-card .button{width:100%}.billing-note{max-width:780px;margin:35px auto 0;text-align:center;color:var(--actuala-slate-500);font-size:.76rem}
.faq { max-width:820px;margin:auto; }.faq details{border-top:1px solid var(--actuala-slate-150);padding:20px 3px}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:750}.faq summary::after{content:"+";color:var(--actuala-blue);font-size:1.2rem}.faq details[open] summary::after{content:"–"}.faq p{color:var(--actuala-slate-500);font-size:.85rem}.cta-band{padding:80px 0;background:var(--actuala-blue);color:white}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{max-width:650px;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.055em}.cta-band p{color:var(--actuala-blue-soft)}.cta-band .button{color:var(--actuala-blue-dark);background:white;box-shadow:none}
.legal-page,.support-page,.pricing-hero { padding:85px 0 110px; }.legal-page__inner{max-width:790px}.legal-page h1,.pricing-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;letter-spacing:-.065em}.legal-page h2{margin-top:42px;font-size:1.25rem}.legal-page p,.legal-page li{color:var(--actuala-slate-500);font-size:.9rem}.pricing-hero{text-align:center;padding-bottom:50px}.pricing-hero p{max-width:680px;margin:20px auto;color:var(--actuala-slate-500)}
@media(max-width:950px){.hero__grid,.privacy-grid{grid-template-columns:1fr}.hero{padding-top:65px}.hero__copy{text-align:center}.hero__lead{margin-inline:auto}.hero__actions,.hero__trust{justify-content:center}.product-shot{max-width:700px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.price-card--featured{transform:none}.price-card ul{min-height:0}.privacy-orbit{order:2}.proof-strip__inner{align-items:flex-start;flex-direction:column}.cta-band__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hero{padding:52px 0}.hero h1{font-size:2.9rem}.hero__trust{align-items:flex-start;flex-direction:column;gap:7px}.product-shot{padding:8px}.mock-app{grid-template-columns:1fr;min-height:390px}.mock-side{display:none}.mock-main{padding:14px}.mock-metrics{grid-template-columns:1fr 1fr}.mock-metric:last-child{display:none}.proof-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.marketing-section{padding:72px 0}.feature-grid{grid-template-columns:1fr}.feature-card--large{grid-column:auto}.privacy-grid{gap:40px}.privacy-pin.three{right:0}.cta-band{padding:60px 0}}

.hero h1, .section-heading h2, .privacy-copy h2, .pricing-hero h1, .legal-page h1, .cta-band h2 { font-family: var(--actuala-font-display); }
.privacy-copy .eyebrow { color: var(--actuala-lime); }.mock-chart__bars i { background: var(--actuala-blue); }.mock-metric strong, .price { font-variant-numeric: tabular-nums; }