:root { --ink:#171717; --paper:#fbfbfa; --muted:#f1f1ee; --line:#deded9; --soft:#6d6d68; --accent:#d6d0c6; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:84px; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; line-height:1.55; } a { color:inherit; text-decoration:none; } .container { width:min(1120px, calc(100% - 48px)); margin:auto; } .section { padding:112px 0; } h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.055em; line-height:1.03; } h1 { max-width:690px; margin-bottom:25px; font-size:clamp(3rem,6.2vw,5.85rem); font-weight:700; } h2 { margin-bottom:20px; font-size:clamp(2.25rem,4.4vw,4.25rem); font-weight:700; } h3 { margin-bottom:10px; font-size:1.1rem; letter-spacing:-.025em; } em { font-family:Georgia,serif; font-weight:400; } .eyebrow { margin-bottom:20px; font:500 .68rem/1.3 'DM Mono',monospace; letter-spacing:.13em; } .site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid rgba(222,222,217,.8); background:rgba(251,251,250,.92); backdrop-filter:blur(12px); } .nav-wrap { height:76px; display:flex; align-items:center; justify-content:space-between; } .brand { display:flex; align-items:center; gap:9px; font-size:1.18rem; font-weight:700; letter-spacing:-.04em; } .brand img { width:38px; height:38px; object-fit:cover; border-radius:50%; mix-blend-mode:multiply; } .brand b { color:#737373; } .nav { display:flex; align-items:center; gap:28px; font-size:.78rem; font-weight:600; } .nav a:not(.nav-cta) { color:#5f5f5b; } .nav-cta { padding:10px 16px; border:1px solid var(--ink); } .menu-toggle { display:none; background:none; border:0; font:600 .75rem Manrope,sans-serif; cursor:pointer; }
.hero { padding:92px 0 116px; overflow:hidden; } .hero-grid { display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:52px; } .hero-text { max-width:560px; color:#52524e; font-size:1.1rem; } .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin:34px 0 19px; } .button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:15px 21px; font-size:.8rem; font-weight:700; transition:transform .2s,background .2s; } .button:hover { transform:translateY(-2px); } .button-dark { color:white; background:var(--ink); } .button-light { border:1px solid #cfcfca; } .hero-note { color:#666660; font-size:.75rem; } .hero-note span { color:#777; font-size:.65rem; } .hero-art { position:relative; padding:21px 0 17px; } .browser { overflow:hidden; border:1px solid #c8c8c2; border-radius:4px; box-shadow:18px 18px 0 var(--accent); background:white; transform:rotate(2deg); } .browser-bar { display:flex; align-items:center; height:32px; gap:5px; padding:0 10px; border-bottom:1px solid #e5e5e1; color:#888; font:400 .5rem 'DM Mono'; } .browser-bar i { display:block; width:5px; height:5px; border-radius:50%; background:#bbb; } .browser-bar span { margin-left:10px; } .browser-content { min-height:380px; padding:21px; background:#f8f8f5; } .mock-nav { display:flex; justify-content:space-between; color:#393936; font-size:.46rem; } .mock-nav span { color:#777; } .mock-hero { margin-top:47px; padding:35px 30px; background:#d7d5ce; } .mock-hero p { margin-bottom:8px; font:400 .47rem 'DM Mono'; letter-spacing:.11em; } .mock-hero h2 { margin-bottom:16px; font-size:clamp(1.45rem,3vw,2.3rem); } .mock-hero button { padding:8px 12px; border:0; color:white; background:#222; font-size:.5rem; } .mock-cards { display:flex; gap:10px; margin-top:16px; } .mock-cards span { flex:1; height:52px; background:#e8e8e4; } .floating-tag { position:absolute; padding:10px 13px; background:var(--ink); color:white; font:500 .61rem 'DM Mono'; letter-spacing:.03em; } .tag-top { right:-7px; top:-1px; } .tag-bottom { left:-8px; bottom:-6px; background:#e3e0d9; color:#222; }
.muted-section { background:var(--muted); } .split-heading { display:grid; grid-template-columns:31% 1fr; gap:30px; } .split-heading > div > p, .exclusion-intro { max-width:570px; color:#5c5c57; } .benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:70px; background:#d5d5d0; border:1px solid #d5d5d0; } .benefits-grid article { min-height:220px; padding:30px; background:var(--muted); } .number { display:block; margin-bottom:51px; font:400 .68rem 'DM Mono'; } .benefits-grid p,.feature-card p { color:#686863; font-size:.88rem; } .section-heading { margin-bottom:49px; } .centered { text-align:center; } .included-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .feature-card { min-height:235px; padding:28px; border:1px solid var(--line); } .feature-card.featured { grid-row:span 2; display:flex; flex-direction:column; justify-content:center; min-height:482px; color:white; border-color:var(--ink); background:var(--ink); } .feature-card.featured p { color:#d9d9d4; } .icon { display:grid; place-items:center; width:35px; height:35px; margin-bottom:34px; border:1px solid #aaa; border-radius:50%; font-size:1rem; } .featured .icon { border-color:#777; } .exclusion-section { color:white; background:#1c1c1b; } .exclusion-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; } .exclusion-intro { color:#aaa9a4; } .not-included-list { align-self:center; margin:0; padding:0; list-style:none; border-top:1px solid #4a4a47; } .not-included-list li { padding:13px 0; border-bottom:1px solid #4a4a47; color:#d4d3ce; font-size:.9rem; } .not-included-list li::before { content:'×'; display:inline-block; width:24px; color:#888; } .process-heading { margin-bottom:70px; } .timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; } .timeline article { position:relative; padding-top:49px; } .timeline article:not(:last-child)::after { position:absolute; top:13px; right:-14px; left:44px; height:1px; content:''; background:#ccc; } .timeline span { position:absolute; top:0; display:grid; place-items:center; width:27px; height:27px; border:1px solid #1b1b1a; border-radius:50%; background:var(--paper); font:400 .58rem 'DM Mono'; } .timeline p { color:#696964; font-size:.83rem; } .audience-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:10%; align-items:center; } .audience-list { border-top:1px solid #d0d0cb; } .audience-list p { margin:0; padding:13px 0; border-bottom:1px solid #d0d0cb; font-size:.94rem; font-weight:600; } .audience-list p::after { float:right; content:'↗'; color:#777; } .price-section { padding-top:0; } .price-card { display:grid; grid-template-columns:1fr 390px; gap:8%; padding:70px; color:white; background:#1c1c1b; } .price-card h2 { font-size:clamp(2rem,3.4vw,3.5rem); } .price-card > div > p:not(.eyebrow) { max-width:450px; color:#aaa9a4; } .price-box { padding:31px; color:var(--ink); background:#f3f2ee; } .price-box > span { font-size:.72rem; font-weight:700; } .price-box strong { display:block; margin:10px 0 0; font-size:1.25rem; letter-spacing:-.05em; } .price-box strong b { font-size:3.7rem; } .price-box small { display:block; margin:-5px 0 25px; color:#6c6b66; font-size:.68rem; } .full { width:100%; } .price-whatsapp { display:block; margin-top:16px; text-align:center; font-size:.72rem; font-weight:700; text-decoration:underline; } .faq-section { padding-bottom:112px; } .faq-list { margin-top:67px; border-top:1px solid var(--line); } details { border-bottom:1px solid var(--line); } summary { display:flex; justify-content:space-between; align-items:center; padding:21px 0; cursor:pointer; list-style:none; font-size:1rem; font-weight:700; } summary::-webkit-details-marker { display:none; } summary span { font-size:1.35rem; font-weight:400; transition:transform .2s; } details[open] summary span { transform:rotate(45deg); } details p { max-width:660px; margin:0; padding:0 0 22px; color:#656560; font-size:.88rem; } .final-cta { padding:105px 0; color:white; text-align:center; background:#1c1c1b; } .final-cta h2 { margin-bottom:34px; } .button-white { color:#1c1c1b; background:white; } footer { padding:24px 0; background:#f0f0ed; } .footer-wrap { display:flex; justify-content:space-between; align-items:center; gap:20px; color:#666660; font-size:.67rem; } footer .brand { color:#1c1c1b; } footer .brand img { width:25px; height:25px; } footer > div > a:last-child { color:#1c1c1b; font-weight:700; }
@media (max-width:800px) { .section { padding:78px 0; } .nav { display:none; position:absolute; top:76px; right:0; left:0; flex-direction:column; align-items:stretch; gap:0; padding:16px 24px 24px; border-bottom:1px solid var(--line); background:var(--paper); } .nav.open { display:flex; } .nav a { padding:13px 0; } .nav-cta { margin-top:5px; text-align:center; } .menu-toggle { display:flex; align-items:center; gap:7px; } .menu-toggle span,.menu-toggle span::before { display:block; width:16px; height:1px; background:#171717; content:''; } .menu-toggle span::before { transform:translateY(-5px); } .hero { padding-top:66px; } .hero-grid,.exclusion-grid,.price-card { grid-template-columns:1fr; } .hero-art { max-width:520px; margin:13px auto 0; } .split-heading { grid-template-columns:1fr; gap:4px; } .benefits-grid,.included-grid { grid-template-columns:1fr 1fr; } .feature-card.featured { grid-row:auto; min-height:235px; } .exclusion-grid { gap:35px; } .timeline { grid-template-columns:1fr 1fr; gap:30px; } .timeline article:not(:last-child)::after { display:none; } .audience-grid { grid-template-columns:1fr; gap:30px; } .price-card { padding:43px 30px; } .price-box { max-width:410px; } }
@media (max-width:520px) { .container { width:min(100% - 32px,1120px); } h1 { font-size:3.08rem; } .hero-text { font-size:1rem; } .button { width:100%; } .browser-content { min-height:275px; padding:14px; } .mock-hero { margin-top:26px; padding:25px 19px; } .benefits-grid,.included-grid,.timeline { grid-template-columns:1fr; } .benefits-grid article { min-height:180px; } .number { margin-bottom:32px; } .feature-card,.feature-card.featured { min-height:195px; } .icon { margin-bottom:23px; } .footer-wrap { flex-wrap:wrap; } .footer-wrap p { order:3; width:100%; margin:0; } }
.section-lead { max-width:620px; margin:0 auto; color:#5c5c57; font-size:.98rem; }
.positive-included-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#d5d5d0; border:1px solid #d5d5d0; }
.positive-included-grid article { min-height:156px; padding:23px; background:var(--paper); }
.positive-included-grid span { display:block; margin-bottom:30px; color:#777; font:400 .68rem 'DM Mono'; }
.positive-included-grid p { margin:0; font-size:.84rem; font-weight:600; line-height:1.45; }
.footer-links { display:flex; gap:18px; color:#1c1c1b; font-weight:700; }
@media (max-width:800px) { .positive-included-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .positive-included-grid { grid-template-columns:1fr; } .positive-included-grid article { min-height:120px; } .positive-included-grid span { margin-bottom:18px; } .footer-links { width:100%; } }

/* Acabamento visual premium: cores suaves, profundidade leve e contrastes claros. */
:root { --paper:#f7f7f5; --muted:#f1f2f3; --line:rgba(58,58,58,.13); --accent:#dceBff; --ice:#dcebff; --lilac:#e8dfff; --silver:#ececec; }
body { background:var(--paper); }
.site-header { background:rgba(247,247,245,.84); }
.hero { position:relative; background:radial-gradient(circle at 86% 18%, rgba(232,223,255,.72), transparent 30%), radial-gradient(circle at 61% 76%, rgba(220,235,255,.7), transparent 31%), linear-gradient(135deg, #fbfbfa 8%, #f7f7f5 56%, #f5f3fb 100%); }
.hero::after { position:absolute; z-index:0; width:360px; height:360px; right:-180px; bottom:-220px; border-radius:50%; content:""; background:rgba(220,235,255,.42); filter:blur(38px); }
.hero-grid { position:relative; z-index:1; }
.button-dark { background:linear-gradient(120deg, #171717 0%, #292933 55%, #37323f 100%); box-shadow:0 9px 21px rgba(23,23,23,.13); }
.button-dark:hover { box-shadow:0 13px 27px rgba(23,23,23,.2); }
.button-light { background:rgba(255,255,255,.58); backdrop-filter:blur(8px); }
.browser { border-color:rgba(58,58,58,.17); border-radius:12px; box-shadow:0 24px 60px rgba(38,37,44,.13), 15px 15px 0 rgba(220,235,255,.62); transform:rotate(1.4deg); }
.browser-bar { background:linear-gradient(90deg, #fafafa, #f0eff4); }
.browser-bar i:nth-child(1) { background:#d5c8e8; }.browser-bar i:nth-child(2) { background:#c8ddf1; }.browser-bar i:nth-child(3) { background:#d8d8d8; }
.browser-content { background:linear-gradient(145deg, #fafafa, #f5f5f8); }
.mock-hero { background:linear-gradient(120deg, #dceBff, #ece7f9 67%, #f1f1f1); border-radius:4px; }
.mock-cards span:nth-child(1) { background:#e7f0fc; }.mock-cards span:nth-child(2) { background:#eee9f9; }.mock-cards span:nth-child(3) { background:#e9e9e9; }
.floating-tag { border-radius:4px; box-shadow:0 10px 20px rgba(23,23,23,.1); }.tag-bottom { background:linear-gradient(135deg, #e8dfff, #dcebff); }
.muted-section { background:linear-gradient(135deg, #f0f2f5, #f5f3f8 78%, #eff5fc); }
.positive-included-grid { gap:12px; border:0; background:transparent; }
.positive-included-grid article { position:relative; min-height:174px; padding:27px; overflow:hidden; border:1px solid rgba(58,58,58,.11); border-radius:10px; background:rgba(255,255,255,.68); box-shadow:0 8px 22px rgba(33,33,36,.035); transition:transform .2s ease, box-shadow .2s ease; }
.positive-included-grid article::after { position:absolute; top:-32px; right:-28px; width:84px; height:84px; border-radius:50%; content:""; background:linear-gradient(135deg, rgba(220,235,255,.75), rgba(232,223,255,.58)); }
.positive-included-grid article:hover { transform:translateY(-3px); box-shadow:0 13px 28px rgba(33,33,36,.08); }
.positive-included-grid span { position:relative; z-index:1; display:grid; place-items:center; width:30px; height:30px; margin-bottom:34px; border-radius:50%; color:#30313a; background:linear-gradient(135deg, var(--ice), var(--lilac)); font-size:.62rem; }
.positive-included-grid p { position:relative; z-index:1; font-size:.93rem; line-height:1.48; }
.benefits-grid { border:0; gap:12px; background:transparent; }.benefits-grid article { border:1px solid rgba(58,58,58,.09); background:rgba(255,255,255,.42); }
.timeline span { background:linear-gradient(135deg, var(--ice), var(--lilac)); border-color:rgba(58,58,58,.25); }.timeline article:not(:last-child)::after { background:linear-gradient(90deg, #b7cadf, #d5cbe9); }
.price-card { position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(125deg, #171717 0%, #202026 57%, #27242d 100%); box-shadow:0 20px 45px rgba(23,23,23,.1); }.price-card::after { position:absolute; right:-115px; bottom:-180px; width:390px; height:390px; border-radius:50%; content:""; background:radial-gradient(circle, rgba(220,235,255,.24), rgba(232,223,255,.04) 62%, transparent 70%); filter:blur(2px); }.price-card > * { position:relative; z-index:1; }
.price-box { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:12px; background:linear-gradient(145deg, #fbfbfb, #f0eff6); box-shadow:0 15px 32px rgba(0,0,0,.2); }.price-box::before { position:absolute; top:-80px; right:-65px; width:170px; height:170px; border-radius:50%; content:""; background:radial-gradient(circle, rgba(220,235,255,.85), transparent 68%); }.price-box > * { position:relative; z-index:1; }.price-box strong b { font-size:4.25rem; }.price-box small { font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.faq-list { border-top-color:rgba(58,58,58,.17); }.faq-list details { border-bottom-color:rgba(58,58,58,.14); }.faq-list summary { font-size:1.03rem; }.faq-list details p { font-size:.92rem; }
.final-cta { position:relative; overflow:hidden; background:linear-gradient(120deg, #171717 0%, #1f1f25 58%, #25212b 100%); }.final-cta::before,.final-cta::after { position:absolute; border-radius:50%; content:""; filter:blur(15px); }.final-cta::before { top:-180px; right:-80px; width:380px; height:380px; background:rgba(220,235,255,.13); }.final-cta::after { left:-180px; bottom:-250px; width:420px; height:420px; background:rgba(232,223,255,.1); }.final-cta .container { position:relative; z-index:1; }
footer { background:linear-gradient(90deg, #f0f2f5, #f3f1f5); }
@media (max-width:800px) { .price-card { border-radius:12px; }.positive-included-grid { gap:10px; } }
@media (max-width:520px) { .hero { background:radial-gradient(circle at 100% 0, rgba(232,223,255,.7), transparent 39%), linear-gradient(145deg, #fbfbfa, #f1f5fa); }.positive-included-grid article { min-height:130px; padding:22px; }.positive-included-grid span { margin-bottom:22px; }.price-box strong b { font-size:3.7rem; } }

/* Movimento progressivo: conteúdo permanece visível quando JavaScript não estiver disponível. */
.motion-ready .reveal { opacity:0; transform:translateY(24px); transition:opacity 780ms cubic-bezier(.22,1,.36,1), transform 780ms cubic-bezier(.22,1,.36,1); will-change:opacity,transform; }
.motion-ready .reveal.reveal-side { transform:translate(24px, 12px); transition-duration:880ms; }
.motion-ready .reveal.reveal-visible { opacity:1; transform:translate3d(0,0,0); }
.motion-ready .reveal-delay-1 { transition-delay:100ms; }.motion-ready .reveal-delay-2 { transition-delay:180ms; }.motion-ready .reveal-delay-3 { transition-delay:260ms; }
.motion-ready .hero-art.reveal { animation:none; }.motion-ready .hero-art.reveal-visible { animation:hero-float 7s cubic-bezier(.45,.05,.55,.95) 900ms infinite alternate; }
.motion-ready .positive-included-grid article.reveal-visible, .motion-ready .benefits-grid article.reveal-visible { transition-property:opacity,transform,box-shadow; }
.motion-ready .positive-included-grid article.reveal-visible:hover, .motion-ready .benefits-grid article.reveal-visible:hover { transform:translateY(-2px); border-color:rgba(129,171,220,.7); box-shadow:0 0 0 1px rgba(183,216,250,.62), 0 12px 26px rgba(83,117,154,.13); transition-property:transform,box-shadow,border-color; transition-duration:160ms; transition-delay:0ms; transition-timing-function:cubic-bezier(.22,1,.36,1); }
.motion-ready .price-card.reveal { transform:translateY(20px) scale(.98); transition-duration:850ms; }.motion-ready .price-card.reveal-visible { transform:translate3d(0,0,0) scale(1); }
.positive-included-grid article, .benefits-grid article { transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s cubic-bezier(.22,1,.36,1); }.positive-included-grid article:hover, .benefits-grid article:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(33,33,36,.08); }
.faq-list details p { max-height:0; margin:0; padding:0; overflow:hidden; opacity:0; transition:max-height 280ms cubic-bezier(.22,1,.36,1), opacity 200ms ease, padding 280ms cubic-bezier(.22,1,.36,1); }
.faq-list details[open] p { max-height:220px; padding:0 0 22px; opacity:1; }
.faq-list details.is-closing p { max-height:0; padding:0; opacity:0; }
.faq-list details.is-closing summary span { transform:rotate(0); }
.final-cta::before { animation:ambient-drift 18s ease-in-out infinite alternate; }.final-cta::after { animation:ambient-drift 22s ease-in-out infinite alternate-reverse; }
@keyframes ambient-drift { from { transform:translate3d(-8px, 0, 0); } to { transform:translate3d(12px, -10px, 0); } }
@keyframes hero-float { from { transform:translate3d(0,0,0); } to { transform:translate3d(0,-6px,0); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
.accent-text { color:transparent; background:linear-gradient(105deg, #8eb8df 0%, #9e9ed1 48%, #c2a7d8 100%); -webkit-background-clip:text; background-clip:text; }

/* Página de confirmação */
.thank-you-page { min-height:100vh; background:linear-gradient(145deg, #fafaf8 0%, #f4f7fb 54%, #f4f0fa 100%); }
.thank-you-header { width:min(1120px, calc(100% - 48px)); min-height:86px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }.thank-you-header p { margin:0; color:#6a6a68; font-size:.73rem; font-weight:600; }
.thank-you-hero { position:relative; overflow:hidden; padding:75px 24px 95px; text-align:center; }.thank-you-content { position:relative; z-index:1; width:min(790px, 100%); margin:auto; }.thank-you-intro { animation:thank-you-enter .7s cubic-bezier(.22,1,.36,1) both; }.thank-you-hero h1 { max-width:760px; margin:0 auto 22px; font-size:clamp(2.8rem,6vw,5.35rem); animation:thank-you-enter .8s .08s cubic-bezier(.22,1,.36,1) both; }.thank-you-subtitle { max-width:680px; margin:0 auto; color:#5d5d58; font-size:1rem; animation:thank-you-enter .8s .16s cubic-bezier(.22,1,.36,1) both; }
.thank-you-orb { position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(22px); pointer-events:none; }.orb-one { top:-245px; left:8%; background:rgba(220,235,255,.75); }.orb-two { top:50px; right:-225px; background:rgba(232,223,255,.68); }
.order-card { position:relative; max-width:615px; margin:42px auto 0; padding:42px 46px 39px; overflow:hidden; border:1px solid rgba(122,150,181,.23); border-radius:18px; background:linear-gradient(145deg, rgba(255,255,255,.86), rgba(248,248,251,.72)); box-shadow:0 22px 55px rgba(56,70,89,.12), inset 0 1px 0 rgba(255,255,255,.92); backdrop-filter:blur(12px); animation:thank-you-enter .9s .27s cubic-bezier(.22,1,.36,1) both; }.order-card::after { position:absolute; top:-95px; right:-80px; width:210px; height:210px; border-radius:50%; content:""; background:radial-gradient(circle, rgba(220,235,255,.8), transparent 69%); }.success-mark { display:grid; place-items:center; width:42px; height:42px; margin:0 auto 14px; border:1px solid rgba(128,169,214,.52); border-radius:50%; color:#4376a5; background:linear-gradient(135deg, #e5f0ff, #eee8fb); font-size:1.1rem; font-weight:700; }.order-status { position:relative; z-index:1; margin-bottom:9px; color:#5a7a9a; font:500 .65rem 'DM Mono',monospace; letter-spacing:.11em; text-transform:uppercase; }.order-card h2 { position:relative; z-index:1; margin-bottom:12px; font-size:clamp(1.7rem,3vw,2.25rem); }.order-card > p:not(.order-status) { position:relative; z-index:1; margin:0 auto 25px; color:#656560; font-size:.9rem; }.thank-you-whatsapp { position:relative; z-index:1; min-width:300px; }.whatsapp-symbol { display:grid; place-items:center; width:24px; height:24px; margin:-4px 1px -4px -5px; border-radius:50%; color:#fff; background:#28b864; box-shadow:0 0 0 3px rgba(40,184,100,.16); }.whatsapp-symbol img { display:block; width:15px; height:15px; filter:brightness(0) invert(1); }
.next-steps { width:min(1120px, calc(100% - 48px)); padding:35px 0 85px; margin:auto; }.next-steps-heading { max-width:600px; margin-bottom:34px; }.next-steps-heading h2 { margin-bottom:0; font-size:clamp(2.1rem,4vw,3.5rem); }.next-steps-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }.next-step-card { position:relative; min-height:260px; padding:28px; overflow:hidden; border:1px solid rgba(58,58,58,.1); border-radius:13px; background:rgba(255,255,255,.6); box-shadow:0 8px 25px rgba(48,57,70,.045); animation:thank-you-enter .75s cubic-bezier(.22,1,.36,1) both; transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s cubic-bezier(.22,1,.36,1), border-color .18s ease; }.next-step-card:nth-child(1) { animation-delay:.18s; }.next-step-card:nth-child(2) { animation-delay:.28s; }.next-step-card:nth-child(3) { animation-delay:.38s; }.next-step-card:hover { transform:translateY(-2px); border-color:rgba(129,171,220,.57); box-shadow:0 0 0 1px rgba(183,216,250,.45), 0 15px 29px rgba(83,117,154,.1); }.step-number { display:block; margin-bottom:47px; color:#777; font:400 .66rem 'DM Mono',monospace; }.step-icon { position:absolute; top:24px; right:24px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#4c6f91; background:linear-gradient(135deg, #e2efff, #eee6fa); font-size:.9rem; }.next-step-card h3 { max-width:245px; margin-bottom:10px; font-size:1.05rem; }.next-step-card p { margin:0; color:#666661; font-size:.85rem; }.payment-note { max-width:620px; margin:32px auto 22px; color:#777772; text-align:center; font-size:.75rem; }.back-link { display:block; width:max-content; margin:auto; border-bottom:1px solid #8d8d88; color:#343432; font-size:.78rem; font-weight:700; }.thank-you-footer { padding:26px 24px; border-top:1px solid rgba(58,58,58,.1); color:#696964; text-align:center; font-size:.7rem; }
@keyframes thank-you-enter { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:700px) { .thank-you-header { width:min(100% - 32px,1120px); min-height:76px; }.thank-you-header p { display:none; }.thank-you-hero { padding:52px 16px 68px; }.thank-you-hero h1 { font-size:clamp(2.65rem,12vw,3.7rem); }.thank-you-subtitle { font-size:.93rem; }.order-card { padding:33px 23px 29px; border-radius:14px; }.thank-you-whatsapp { width:100%; min-width:0; }.next-steps { width:min(100% - 32px,1120px); padding-top:15px; }.next-steps-grid { grid-template-columns:1fr; }.next-step-card { min-height:205px; }.step-number { margin-bottom:34px; } }
@media (prefers-reduced-motion: reduce) { .thank-you-intro,.thank-you-hero h1,.thank-you-subtitle,.order-card,.next-step-card { animation:none; } }