.ab-page { --ab-ink:#29243d; --ab-muted:#656175; --ab-violet:#6844b9; --ab-line:#e7e1ef; color:var(--ab-ink); background:#fff; }
.ab-page main { background:#fff; }.ab-page .container { max-width:1240px; }
.ab-page a:focus-visible,.ab-page summary:focus-visible { outline:3px solid #6844b9; outline-offset:5px; }
.ab-skip { position:fixed; top:12px; left:12px; z-index:10001; transform:translateY(-150%); padding:12px 18px; background:#fff; color:var(--ab-ink); border:2px solid var(--ab-violet); border-radius:8px; }.ab-skip:focus { transform:none; }
.ab-hero { padding:170px 0 80px; overflow:hidden; background:radial-gradient(ellipse at 90% 30%,#ffeadb,transparent 55%),radial-gradient(ellipse at 10% 5%,#f1e9ff,transparent 55%),#fffcfa; }
.ab-hero-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; }
.ab-eyebrow { color:#7950a4; font-size:.76rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; margin:0 0 20px; }.ab-eyebrow i { font-size:1.1rem; margin-right:6px; }
.ab-hero h1 { font-size:clamp(2.7rem,4.3vw,4.6rem); line-height:1.08; letter-spacing:-.055em; margin:0; }.ab-hero h1 span { color:var(--ab-violet); }
.ab-lead { font-size:1.1rem; color:var(--ab-muted); line-height:1.8; margin:26px 0; }
.ab-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ab-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; padding:14px 22px; border-radius:12px; font-size:.86rem; font-weight:700; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.ab-button:hover { transform:translateY(-2px); box-shadow:0 8px 24px #6844b924; }.ab-primary,.ab-primary:hover { color:#fff; background:#6844b9; }.ab-secondary,.ab-secondary:hover { color:var(--ab-ink); background:#fff; border:1px solid var(--ab-line); }
.ab-checks { display:flex; gap:12px 20px; flex-wrap:wrap; list-style:none; padding:0; margin:23px 0 0; font-size:.8rem; color:#65576f; }.ab-checks li::before { content:'✓'; color:#7c58a4; margin-right:7px; font-weight:800; }
.ab-composition { margin:0; border:1px solid #e6d8ed; border-radius:24px; background:#ffffffc9; box-shadow:0 28px 70px #74519a17; overflow:hidden; }
.ab-art-label { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid #eee4f0; font-size:.78rem; font-weight:700; }.ab-art-label i { color:#9163b8; margin-right:5px; }.ab-art-label small { font-size:.61rem; color:var(--ab-muted); font-weight:500; }
.ab-canvas { position:relative; height:430px; background:radial-gradient(ellipse at 50% 50%,#f2e8ff,transparent 70%); }
.ab-site-sheet { position:absolute; top:82px; left:10%; width:78%; border:1px solid #dacbe2; border-radius:13px; background:#fffdf9; overflow:hidden; transform:rotate(-3deg); box-shadow:0 20px 35px #61427419; animation:ab-sheet-float 8s ease-in-out infinite; }
.ab-sheet-nav { display:flex; align-items:center; justify-content:flex-end; gap:12px; height:36px; padding:0 16px; border-bottom:1px solid #eee4da; }.ab-sheet-nav>span:not(.ab-brand-mark) { height:3px; width:23px; background:#c9c0b8; border-radius:3px; }.ab-brand-mark { margin-right:auto; display:flex; align-items:center; gap:5px; }.ab-brand-mark i { width:10px; height:10px; border-radius:3px; background:#658a78; }.ab-brand-mark b { width:28px; height:4px; background:#756c62; border-radius:4px; }
.ab-sheet-content { display:grid; grid-template-columns:1fr 1fr; padding:23px 20px 13px; gap:13px; }.ab-sheet-copy small { font-size:.42rem; letter-spacing:.12em; font-weight:700; color:#64715c; }.ab-sheet-copy strong { display:block; font-size:1.27rem; letter-spacing:-.04em; line-height:1.18; margin:10px 0 12px; color:#414d38; }.ab-sheet-copy p { margin:5px 0; height:3px; width:95%; background:#dad4c9; border-radius:3px; }.ab-sheet-copy p:nth-last-child(2) { width:70%; }.ab-shape-pill { display:block; width:55px; height:14px; border-radius:4px; background:#69826a; margin-top:15px; }
.ab-sheet-art { position:relative; height:150px; background:#f5e8d6; border-radius:60px 60px 8px 8px; overflow:hidden; }.ab-arch { position:absolute; width:65%; height:95%; top:23%; left:18%; border:16px solid #dcad88; border-bottom:0; border-radius:60px 60px 0 0; }.ab-plant { position:absolute; bottom:0; right:13%; width:47px; height:120px; }.ab-plant>span { position:absolute; bottom:-8px; width:40px; height:45px; background:#9b7360; border-radius:5px 5px 15px 15px; }.ab-plant::before { content:''; position:absolute; width:3px; height:80px; background:#637e53; bottom:25px; left:20px; }.ab-plant i { position:absolute; width:24px; height:37px; border-radius:100% 0 100% 0; background:#6e8960; top:3px; left:21px; transform:rotate(-10deg); }.ab-plant i:nth-child(2) { left:0; top:19px; transform:rotate(-70deg); background:#8c9c76; }.ab-plant i:nth-child(3) { top:37px; left:21px; }.ab-plant i:nth-child(4) { left:0; top:51px; transform:rotate(-70deg); }.ab-art-circle { position:absolute; top:14px; left:15px; width:31px; height:31px; border-radius:50%; background:#fff8eb; }
.ab-sheet-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:9px 20px 20px; }.ab-sheet-cards>div { background:#f4f0e7; border-radius:7px; padding:12px; }.ab-sheet-cards i { color:#6e8260; font-size:1rem; }.ab-sheet-cards b { display:block; height:4px; width:70%; background:#c5c8b6; margin:9px 0 6px; border-radius:3px; }.ab-sheet-cards span { display:block; height:3px; background:#dedecf; border-radius:3px; }
.ab-idea { display:flex; align-items:center; gap:7px; position:absolute; z-index:2; padding:11px 14px; border:1px solid #e6dbed; background:#fff; border-radius:10px; box-shadow:0 8px 20px #78549c12; font-size:.7rem; font-weight:700; }.ab-idea i { color:#9467b7; font-size:1rem; }.ab-idea-one { top:22px; left:7%; animation:ab-note-float 6s ease-in-out infinite; }.ab-idea-two { top:31px; right:10%; animation:ab-note-float 6s ease-in-out infinite 1s; }.ab-idea-three { bottom:17px; left:24%; animation:ab-note-float 6s ease-in-out infinite 2s; }
.ab-mobile-sheet { position:absolute; right:4%; bottom:31px; width:92px; padding:7px; border:3px solid #baa9ca; border-radius:15px; background:#fffdf9; transform:rotate(7deg); box-shadow:0 12px 20px #61427420; }.ab-mobile-sheet>div { height:3px; width:20px; margin:0 auto 10px; background:#baa9ca; border-radius:3px; }.ab-mobile-sheet>span { display:block; height:45px; background:linear-gradient(125deg,#ead6b8,#d7e1ce); border-radius:7px; }.ab-mobile-sheet strong { display:block; width:85%; height:4px; margin:7px 0; background:#a3ae94; border-radius:3px; }.ab-mobile-sheet strong:nth-child(4) { width:65%; }.ab-mobile-sheet i { display:block; width:33px; height:9px; background:#71856b; border-radius:3px; margin:8px 0; }.ab-mobile-sheet b { display:block; height:18px; background:#f0ebdf; margin:5px 0; border-radius:4px; }
.ab-spark { position:absolute; color:#b78abf; font-size:1.4rem; animation:ab-spark 5s ease-in-out infinite; }.ab-spark-one { top:98px; right:5%; }.ab-spark-two { bottom:43px; left:8%; font-size:1rem; animation-delay:2s; }
.ab-composition figcaption { padding:16px 20px; border-top:1px solid #eee4f0; font-size:.7rem; line-height:1.7; color:var(--ab-muted); }
.ab-inclusions { padding:0; background:#fff; border-block:1px solid var(--ab-line); }.ab-inclusions .container { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-block:26px; font-size:.83rem; font-weight:600; color:#645a74; }.ab-inclusions i { color:#8b62ad; margin-right:8px; font-size:1.15rem; }
.ab-section { padding:92px 0; }.ab-peach { background:#fff8f2; border-block:1px solid #f2e7df; }.ab-soft { background:#f8f5fc; border-block:1px solid #ede6f4; }
.ab-intro { max-width:740px; margin-bottom:36px; }.ab-intro h2,.ab-final h2 { font-size:clamp(2rem,3vw,3rem); line-height:1.16; letter-spacing:-.045em; margin:0 0 22px; }.ab-intro p:not(.ab-eyebrow) { color:var(--ab-muted); line-height:1.85; }
.ab-page h3 { font-size:1.14rem; line-height:1.4; letter-spacing:-.02em; margin:0 0 12px; }
.ab-use-grid,.ab-protection-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.ab-use-grid article { padding:30px; border:1px solid var(--ab-line); background:#fff; border-radius:18px; }
.ab-use-icon { display:grid; place-items:center; width:48px; height:48px; background:#f1eafa; color:#8055ad; border-radius:14px; font-size:1.4rem; margin-bottom:24px; }.ab-use-grid article:nth-child(2) .ab-use-icon { color:#9b6949; background:#fcf0e6; }.ab-use-grid article:nth-child(3) .ab-use-icon { color:#49745e; background:#eaf4ed; }
.ab-use-grid p,.ab-protection-grid p,.ab-steps p,.ab-boundary-card p { font-size:.9rem; color:var(--ab-muted); line-height:1.8; }.ab-use-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }.ab-use-tags span { font-size:.65rem; color:#726382; background:#f7f3fa; border-radius:6px; padding:5px 8px; }
.ab-section-note { font-size:.79rem; color:var(--ab-muted); line-height:1.8; margin:26px 0 0; }
.ab-launch-layout,.ab-foundation-layout,.ab-boundary { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }.ab-launch-layout .ab-intro,.ab-foundation-layout .ab-intro,.ab-boundary .ab-intro { margin-bottom:0; }
.ab-text-link { display:inline-flex; gap:10px; align-items:center; color:#6844b9; text-decoration:none; font-weight:700; font-size:.87rem; margin-top:14px; }.ab-text-link:hover { color:#4b288f; text-decoration:underline; }
.ab-steps { list-style:none; counter-reset:launch; padding:0; margin:0; }.ab-steps li { counter-increment:launch; display:flex; gap:22px; padding:26px 0; border-bottom:1px solid #eaded5; }.ab-steps li:last-child { border:0; }.ab-steps li::before { content:'0' counter(launch); display:grid; place-items:center; flex:0 0 46px; height:46px; border-radius:50%; background:#fff; border:1px solid #eaded5; font-size:.85rem; font-weight:800; color:#997153; }.ab-steps p { margin:0; }
.ab-foundation-art { padding:38px; border:1px solid #e6dcee; border-radius:24px; background:linear-gradient(135deg,#f7f2fc,#fff8f1); text-align:center; }.ab-foundation-title { display:block; margin-bottom:30px; color:#785b93; font-weight:700; font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; }.ab-foundation-site { display:flex; align-items:center; justify-content:center; gap:15px; padding:26px 20px; border-radius:14px; background:#fff; border:1px solid #e4d7ef; box-shadow:0 10px 22px #74519a12; font-size:1rem; font-weight:700; }.ab-foundation-site i { font-size:1.8rem; color:#9668bb; }.ab-foundation-stem { height:48px; width:2px; margin:auto; background:linear-gradient(#bca2d2,#e1d0eb); }.ab-foundation-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.ab-foundation-tiles span { padding:17px 5px; border:1px solid #e6dcee; border-radius:10px; background:#fff; font-size:.68rem; font-weight:700; }.ab-foundation-tiles i { display:block; font-size:1.5rem; color:#926cb3; margin-bottom:9px; }.ab-foundation-art small { display:block; margin-top:24px; font-size:.7rem; color:var(--ab-muted); }.ab-note { padding:18px 22px; border-left:3px solid #9a76bb; border-radius:0 12px 12px 0; background:#f8f5fc; font-size:.87rem; }
.ab-protection-grid article { padding:30px; border:1px solid var(--ab-line); background:#fff; border-radius:18px; }.ab-protection-grid article>i { display:block; font-size:1.8rem; color:#8764b0; margin-bottom:24px; }.ab-protection-grid p { margin-bottom:0; }
.ab-extras { display:grid; grid-template-columns:1fr 1fr; gap:26px; }.ab-extras article { padding:32px; border:1px solid #dedfea; border-radius:22px; }.ab-email-card { background:#f4f8ff; }.ab-maxpage-card { background:#fbf5ff; }.ab-extra-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.87rem; font-weight:700; }.ab-extra-heading i { font-size:1.2rem; color:#8260a9; margin-right:7px; }.ab-extra-heading small { font-size:.65rem; padding:5px 9px; background:#ffffffb3; color:#67617a; border:1px solid #e5e0ef; border-radius:7px; font-weight:500; }
.ab-extra-number { display:block; font-size:2.6rem; letter-spacing:-.045em; margin:26px 0 14px; line-height:1.1; }.ab-extra-number span { display:block; font-size:1.1rem; letter-spacing:-.02em; margin-top:8px; }.ab-extras p { color:var(--ab-muted); font-size:.9rem; line-height:1.8; }.ab-extras ul { list-style:none; padding:0; margin:22px 0; display:grid; gap:10px; font-size:.82rem; color:#57617a; }.ab-extras li i { color:#7a6b9d; margin-right:7px; }.ab-activation { display:flex; gap:10px; align-items:flex-start; padding-top:20px; border-top:1px solid #dfdeeb; color:#665a7b; font-size:.77rem; line-height:1.7; }.ab-activation>i { font-size:1.1rem; }.ab-credit-note { padding:16px; border:1px solid #e8dbf2; border-radius:12px; background:#ffffffb3; font-size:.81rem!important; margin:22px 0; }
.ab-boundary-card { padding:32px; background:#fff; border:1px solid #eee0d5; border-radius:20px; }.ab-boundary-card>i { display:block; font-size:1.8rem; color:#a77b57; margin-bottom:22px; }
.ab-faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:65px; }.ab-faq details { padding:23px 0; border-bottom:1px solid var(--ab-line); }.ab-faq details:first-child { padding-top:0; }.ab-faq summary { cursor:pointer; font-size:.99rem; line-height:1.5; font-weight:700; }.ab-faq details p { margin:15px 0 0; color:var(--ab-muted); font-size:.89rem; line-height:1.8; }
.ab-final-section { padding-top:0; }.ab-final { display:grid; grid-template-columns:1.5fr 1fr; gap:55px; align-items:center; padding:48px; background:linear-gradient(130deg,#f1eafa,#fff2e8); border:1px solid #e7d8ec; border-radius:24px; }.ab-final p:not(.ab-eyebrow) { color:var(--ab-muted); line-height:1.8; margin:0; }.ab-final>a { justify-self:end; }.ab-final .ab-eyebrow { margin-bottom:18px; }
@keyframes ab-sheet-float { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-6px) rotate(-2deg); } }
@keyframes ab-note-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes ab-spark { 0%,100% { opacity:.5; transform:scale(.85); } 50% { opacity:1; transform:scale(1.1); } }
@media(max-width:1100px) { .ab-hero-layout { gap:28px; }.ab-launch-layout,.ab-foundation-layout,.ab-boundary,.ab-faq-layout { gap:40px; }.ab-use-grid article,.ab-protection-grid article { padding:24px; }.ab-art-label { flex-wrap:wrap; }.ab-sheet-copy strong { font-size:1.1rem; } }
@media(max-width:900px) { .ab-hero { padding-top:145px; }.ab-hero-layout,.ab-launch-layout,.ab-foundation-layout,.ab-boundary,.ab-faq-layout,.ab-final { grid-template-columns:1fr; }.ab-hero-copy { max-width:720px; }.ab-composition { width:100%; max-width:600px; margin:15px auto 0; }.ab-hero h1 { max-width:690px; }.ab-use-grid,.ab-protection-grid { grid-template-columns:1fr; }.ab-section { padding:64px 0; }.ab-inclusions .container { display:grid; grid-template-columns:repeat(2,1fr); }.ab-sheet-copy strong { font-size:1.4rem; }.ab-extras { gap:20px; }.ab-extras article { padding:25px; }.ab-faq-layout .ab-intro { margin-bottom:0; }.ab-final>a { justify-self:start; }.ab-final-section { padding-top:0; } }
@media(max-width:540px) { .ab-page .container { padding-inline:22px; }.ab-hero { padding:135px 0 50px; }.ab-hero h1 { font-size:2.65rem; }.ab-lead { font-size:1rem; }.ab-actions { align-items:stretch; flex-direction:column; }.ab-art-label { padding:18px; }.ab-canvas { height:395px; }.ab-site-sheet { left:6%; width:84%; top:83px; }.ab-sheet-content { gap:9px; padding:17px 12px 10px; }.ab-sheet-nav { padding:0 12px; }.ab-sheet-copy strong { font-size:1.04rem; }.ab-sheet-art { height:133px; }.ab-sheet-cards { padding:8px 12px 14px; }.ab-sheet-cards>div { padding:9px; }.ab-idea { padding:9px 10px; font-size:.62rem; }.ab-idea-one { left:5%; }.ab-idea-two { right:5%; }.ab-idea-three { left:16%; bottom:19px; }.ab-mobile-sheet { width:80px; right:3%; bottom:34px; }.ab-spark-one { display:none; }.ab-composition figcaption { padding:14px 16px; }.ab-inclusions .container { font-size:.73rem; gap:17px; }.ab-inclusions i { display:block; margin-bottom:5px; }.ab-extras { grid-template-columns:1fr; }.ab-foundation-art { padding:26px 20px; }.ab-foundation-site { font-size:.85rem; padding:22px 12px; gap:10px; }.ab-foundation-tiles { gap:6px; }.ab-foundation-tiles span { font-size:.61rem; }.ab-steps li { gap:14px; }.ab-steps li::before { flex-basis:38px; height:38px; }.ab-final { padding:28px; gap:24px; }.ab-faq summary { font-size:.94rem; } }
@media(prefers-reduced-motion:reduce) { .ab-page { scroll-behavior:auto; }.ab-page *, .ab-page *::before, .ab-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }