.hero{position:relative;min-height:100svh;min-height:100vh;background-color:var(--navy);color:var(--on-dark);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:1.5rem;padding-bottom:4.5rem}.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.hero-glow-indigo{position:absolute;top:-15%;right:-10%;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;background:radial-gradient(circle,rgba(75,63,224,.38) 0%,rgba(75,63,224,.12) 45%,transparent 70%);filter:blur(60px);animation:driftIndigo 28s ease-in-out infinite alternate;will-change:transform}.hero-glow-orange{position:absolute;bottom:-15%;left:-10%;width:55vw;height:55vw;max-width:750px;max-height:750px;border-radius:50%;background:radial-gradient(circle,rgba(209,68,13,.32) 0%,rgba(209,68,13,.08) 45%,transparent 70%);filter:blur(60px);animation:driftOrange 26s ease-in-out infinite alternate;will-change:transform}@keyframes driftIndigo{0%{transform:translate(0) scale(1)}50%{transform:translate(-60px,40px) scale(1.08)}to{transform:translate(-30px,80px) scale(.95)}}@keyframes driftOrange{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.06)}to{transform:translate(80px,-20px) scale(.96)}}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:center;width:100%;max-width:1320px}@media(min-width:1024px){.hero-container{grid-template-columns:minmax(700px,1.35fr) minmax(380px,.85fr);gap:3rem}}.hero-left{display:flex;flex-direction:column;gap:1.5rem;max-width:760px}.hero-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:.375rem .875rem;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--on-dark-2);font-size:.875rem;font-weight:500;letter-spacing:.01em;opacity:0;animation:fadeRise .6s cubic-bezier(.16,1,.3,1) forwards .05s}.hero-title{font-family:var(--font-display);font-weight:700;color:var(--on-dark);line-height:1.05;letter-spacing:-.03em;font-size:clamp(2.5rem,5.2vw,5.25rem);margin:0}@media(min-width:1024px){.hero-title{font-size:clamp(4.5rem,5.2vw,5.25rem)}}.hero-title-line{display:block}@media(min-width:1100px){.hero-title-line{white-space:nowrap}}.hero-word{display:inline-block;opacity:0;transform:translateY(24px);animation:wordRise .7s cubic-bezier(.16,1,.3,1) forwards}.hero-title-line:nth-child(1) .hero-word:nth-child(1){animation-delay:.08s}.hero-title-line:nth-child(1) .hero-word:nth-child(2){animation-delay:.16s}.hero-title-line:nth-child(1) .hero-word:nth-child(3){animation-delay:.24s}.hero-title-line:nth-child(2) .hero-word:nth-child(1){animation-delay:.32s}.hero-title-line:nth-child(2) .hero-word:nth-child(2){animation-delay:.4s}.hero-title-line:nth-child(2) .hero-word:nth-child(3){animation-delay:.48s}.hero-highlight{position:relative;display:inline-block;color:var(--on-dark)}.hero-highlight:after{content:"";position:absolute;left:0;bottom:.08em;width:100%;height:.1em;min-height:4px;border-radius:2px;background:linear-gradient(90deg,#d1440d,#f59e0b);transform:scaleX(0);transform-origin:left;animation:drawUnderline .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.55s}@keyframes drawUnderline{to{transform:scaleX(1)}}@keyframes wordRise{to{opacity:1;transform:translateY(0)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-subcopy{color:var(--on-dark-2);font-size:clamp(1.0625rem,1.8vw,1.25rem);line-height:1.55;margin:0;max-width:580px;opacity:0;animation:fadeRise .6s cubic-bezier(.16,1,.3,1) forwards .45s}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;opacity:0;animation:fadeRise .6s cubic-bezier(.16,1,.3,1) forwards .55s}.hero-btn-ghost{color:var(--on-dark);border-color:#ffffff47;background-color:#ffffff0a}.hero-btn-ghost:hover{color:var(--on-dark);border-color:#ffffff80;background-color:#ffffff1a}.hero-play-icon{display:inline-block;vertical-align:middle;margin-right:.375rem;width:16px;height:16px}.hero-quiet-line{color:var(--on-dark-3);font-size:.875rem;line-height:1.5;margin:0;opacity:0;animation:fadeRise .6s cubic-bezier(.16,1,.3,1) forwards .65s}.hero-right{position:relative;display:flex;flex-direction:column;gap:1.25rem;width:100%}@media(min-width:1024px){.hero-right{min-height:540px;display:block}}.hero-glass-card{position:relative;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);box-shadow:var(--shadow-glass);padding:1rem 1.125rem;color:var(--on-dark);will-change:transform;opacity:0;transform:translateY(28px) scale(.96);animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardPopIn{to{opacity:1;transform:translateY(0) scale(1)}}.card-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.card-example-tag{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;background:#ffffff1a;border-radius:var(--radius-pill);color:var(--on-dark-2)}.card-status-chip{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-pill)}.chip-approval{background:#d1440d2e;border:1px solid rgba(209,68,13,.38);color:#ffa585}.chip-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.card-email{animation-delay:.7s}@media(min-width:1024px){.card-email{position:absolute;top:0;right:0;width:390px;z-index:3;animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards .7s,float1 7s ease-in-out infinite alternate 1.5s}}.email-content{display:flex;gap:.875rem;align-items:center}.email-thumb{border-radius:10px;overflow:hidden;flex-shrink:0;width:68px;height:68px;border:1px solid rgba(255,255,255,.1)}.email-thumb img{width:100%;height:100%;object-fit:cover}.email-details{display:flex;flex-direction:column;gap:.375rem;flex:1}.email-subject{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--on-dark);margin:0}.email-lines{display:flex;flex-direction:column;gap:.25rem;margin:0}.email-line{font-size:.75rem;color:var(--on-dark-2);line-height:1.35;margin:0;opacity:0;transform:translateY(6px);animation:lineReveal .5s ease forwards}.email-line:nth-child(1){animation-delay:1.1s}.email-line:nth-child(2){animation-delay:1.3s}.email-line:nth-child(3){animation-delay:1.5s}@keyframes lineReveal{to{opacity:1;transform:translateY(0)}}.card-whatsapp{animation-delay:.85s}@media(min-width:1024px){.card-whatsapp{position:absolute;top:175px;left:0;width:360px;z-index:4;animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards .85s,float2 8.5s ease-in-out infinite alternate 1.7s}}.wa-chat{display:flex;flex-direction:column;gap:.625rem}.wa-bubble{background:#1075433d;border:1px solid rgba(16,117,67,.38);border-radius:14px 14px 4px;padding:.625rem .75rem;display:flex;gap:.625rem;align-items:center}.wa-thumb{border-radius:8px;overflow:hidden;flex-shrink:0;width:48px;height:48px}.wa-thumb img{width:100%;height:100%;object-fit:cover}.wa-message-text{font-size:.8125rem;line-height:1.4;color:var(--on-dark);margin:0;flex:1}.wa-typing-bubble{align-self:flex-start;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 14px 4px;padding:.5rem .75rem;display:flex;align-items:center;gap:4px}.wa-dot{width:5px;height:5px;border-radius:50%;background-color:var(--on-dark-2);animation:typingBounce 1.4s infinite ease-in-out both}.wa-dot:nth-child(1){animation-delay:0s}.wa-dot:nth-child(2){animation-delay:.2s}.wa-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.card-ad{animation-delay:1s}@media(min-width:1024px){.card-ad{position:absolute;top:325px;right:15px;width:345px;z-index:5;animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards 1s,float3 7.8s ease-in-out infinite alternate 1.9s}}.ad-body{display:flex;flex-direction:column;gap:.5rem}.ad-meta{font-size:.75rem;color:var(--on-dark-3);margin:0}.ad-thumb{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);aspect-ratio:16 / 10;max-height:105px}.ad-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.ad-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ad-headline{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--on-dark);margin:0}.ad-cta{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-pill);background:var(--orange);color:#fff;white-space:nowrap}.ad-flip-container{position:relative;display:inline-block;min-width:78px;height:24px}.chip-flip{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.2rem .625rem;border-radius:var(--radius-pill);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .4s ease}.chip-paused{background:#c42d342e;border:1px solid rgba(196,45,52,.38);color:#ff8f94;animation:flipPaused 6s infinite ease-in-out}.chip-ready{background:#10754338;border:1px solid rgba(16,117,67,.45);color:#5fe09d;animation:flipReady 6s infinite ease-in-out}@keyframes flipPaused{0%,42%{opacity:1;transform:translateY(0)}48%,94%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes flipReady{0%,42%{opacity:0;transform:translateY(8px)}48%,94%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes float1{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes float2{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes float3{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@supports (animation-timeline: view()){@media(min-width:1024px){.card-email{animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards .7s,float1 7s ease-in-out infinite alternate 1.5s,scrollDrift1 linear both;animation-timeline:auto,auto,view();animation-range:entry 0% exit 100%}.card-whatsapp{animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards .85s,float2 8.5s ease-in-out infinite alternate 1.7s,scrollDrift2 linear both;animation-timeline:auto,auto,view();animation-range:entry 0% exit 100%}.card-ad{animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) forwards 1s,float3 7.8s ease-in-out infinite alternate 1.9s,scrollDrift3 linear both;animation-timeline:auto,auto,view();animation-range:entry 0% exit 100%}@keyframes scrollDrift1{to{transform:translateY(-30px)}}@keyframes scrollDrift2{to{transform:translate(-24px)}}@keyframes scrollDrift3{to{transform:translateY(28px)}}}}.hero-bottom-curve{position:absolute;bottom:0;left:0;width:100%;height:54px;background-color:var(--canvas);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none;z-index:10}@supports (animation-timeline: view()){.hero-bottom-curve{animation:curveRise linear both;animation-timeline:view();animation-range:cover 0% cover 30%}@keyframes curveRise{0%{transform:translateY(24px)}to{transform:translateY(0)}}}@media(max-height:800px)and (min-width:1024px){.hero{padding-top:1rem;padding-bottom:3.5rem}.hero-container{gap:2rem}.hero-left{gap:1.125rem}.hero-glass-card{padding:.75rem 1rem}.hero-right{min-height:470px}.card-email{top:0;width:370px}.card-whatsapp{top:160px;left:0;width:350px}.card-ad{top:300px;right:10px;width:335px}.ad-thumb{aspect-ratio:16 / 10;max-height:90px}}@media(max-width:767px){.hero{padding-top:2.5rem;padding-bottom:4rem}.hero-left{gap:1.25rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-right{gap:1.25rem}.hero-glass-card{width:100%!important;position:static!important;opacity:1!important;transform:none!important}}@media(min-width:768px)and (max-width:1023px){.hero-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.hero-glass-card{position:static!important;width:100%!important}}@media(prefers-reduced-motion:reduce){.hero-glow-indigo,.hero-glow-orange,.hero-pill,.hero-word,.hero-highlight:after,.hero-subcopy,.hero-actions,.hero-quiet-line,.hero-glass-card,.email-line,.wa-dot,.chip-paused,.chip-ready,.hero-bottom-curve{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.hero-highlight:after{transform:scaleX(1)!important}.chip-paused{display:none!important}.chip-ready,.wa-dot{opacity:1!important;transform:none!important}}.reveal{opacity:1;transform:none}@keyframes revealRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.reveal{animation:revealRise .6s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 60%}.reveal-stagger>*{animation:revealRise .6s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 60%}.reveal-stagger>:nth-child(1){animation-range:entry 0% entry 60%}.reveal-stagger>:nth-child(2){animation-range:entry 8% entry 68%}.reveal-stagger>:nth-child(3){animation-range:entry 16% entry 76%}.reveal-stagger>:nth-child(4){animation-range:entry 24% entry 84%}}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{animation:none!important;opacity:1!important;transform:none!important}}.section-title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--text);line-height:1.15;letter-spacing:-.025em;margin:0}.works-with{background-color:var(--canvas);padding:2.5rem 0 3.5rem;border-bottom:1px solid rgba(227,230,240,.6)}.works-with-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}.works-with-label{font-size:.875rem;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.works-with-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.875rem 1.25rem;list-style:none;padding:0;margin:0}.works-with-item{font-size:1.0625rem;font-weight:600;color:var(--text-2);letter-spacing:-.01em}.works-with-dot{color:var(--border-2);font-size:.875rem;user-select:none}@media(max-width:640px){.works-with-dot{display:none}.works-with-container{flex-direction:column;gap:.75rem}}.problems-section{background-color:var(--canvas);padding:5rem 0 6rem}.problems-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.problems-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media(min-width:768px){.problems-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.problem-card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:2.25rem 2rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.problem-card:hover{transform:translateY(-2px);box-shadow:0 28px 64px #15162b24}.problem-icon-wrapper{width:44px;height:44px;border-radius:12px;background-color:var(--panel-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--orange);margin-bottom:.5rem}.problem-icon{width:22px;height:22px}.problem-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3;margin:0}.problem-card-text{font-size:.9375rem;line-height:1.55;color:var(--text-2);margin:0}.how-it-works-section{background-color:var(--canvas);padding:5rem 0 7rem;position:relative}@supports (timeline-scope: --how-step-1){.how-it-works-section{timeline-scope:--how-step-1,--how-step-2,--how-step-3}}.how-header{text-align:center;max-width:680px;margin:0 auto 4rem}.how-layout{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1000px){.how-layout{grid-template-columns:1.05fr .95fr;gap:4.5rem;align-items:start}}.how-steps-col{display:flex;flex-direction:column}.how-step{display:flex;flex-direction:column;gap:1rem}@media(min-width:1000px){.how-step{min-height:65svh;min-height:65vh;justify-content:center;padding-bottom:4rem}#step-1{view-timeline-name:--how-step-1;view-timeline-axis:block}#step-2{view-timeline-name:--how-step-2;view-timeline-axis:block}#step-3{view-timeline-name:--how-step-3;view-timeline-axis:block}}@media(max-width:999px){.how-step{margin-bottom:3.5rem}}.how-step-header{display:flex;align-items:center;gap:1rem}.how-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--orange-soft);color:var(--orange);font-family:var(--font-display);font-size:1.125rem;font-weight:700;border:1px solid rgba(209,68,13,.2)}.how-step-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;color:var(--text);line-height:1.2;margin:0}.how-step-text{font-size:1.0625rem;line-height:1.6;color:var(--text-2);margin:0;max-width:520px}.how-step-mobile-mockup{display:block;margin-top:1.5rem}@media(min-width:1000px){.how-step-mobile-mockup{display:none}}.how-sticky-col{display:none}@media(min-width:1000px){.how-sticky-col{display:block;position:sticky;top:96px;z-index:5}.how-sticky-deck{display:grid;width:100%}.how-mockup-layer{grid-area:1 / 1;width:100%;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.how-it-works-section[data-active="1"] .mockup-layer-1,.how-it-works-section[data-active="2"] .mockup-layer-2,.how-it-works-section[data-active="3"] .mockup-layer-3{opacity:1;transform:translateY(0);pointer-events:auto}}@supports (animation-timeline: view()) and (timeline-scope: --test){@media(min-width:1000px){.mockup-layer-1{animation:stepTimeline1 linear both;animation-timeline:--how-step-1;animation-range:entry 20% exit 80%}.mockup-layer-2{animation:stepTimeline2 linear both;animation-timeline:--how-step-2;animation-range:entry 20% exit 80%}.mockup-layer-3{animation:stepTimeline3 linear both;animation-timeline:--how-step-3;animation-range:entry 20% exit 80%}@keyframes stepTimeline1{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes stepTimeline2{0%{opacity:0;transform:translateY(16px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes stepTimeline3{0%{opacity:0;transform:translateY(16px)}30%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}}}.mockup-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.75rem;box-shadow:var(--shadow-soft);color:var(--text);display:flex;flex-direction:column;gap:1.25rem}.mockup-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mockup-status-chip{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-pill)}.mockup-status-chip.chip-ready{background:#1075431f;border:1px solid rgba(16,117,67,.28);color:var(--green)}.mockup-status-chip.chip-indigo{background:var(--indigo-soft);border:1px solid rgba(75,63,224,.24);color:var(--indigo)}.mockup-status-chip.chip-approval{background:var(--orange-soft);border:1px solid rgba(209,68,13,.28);color:var(--orange)}.mockup-body{display:flex;flex-direction:column;gap:1rem}.mockup-title{font-family:var(--font-display);font-size:1.1875rem;font-weight:600;color:var(--text);margin:0}.mockup-desc{font-size:.875rem;color:var(--text-2);line-height:1.5;margin:0}.mockup-permissions-list{display:flex;flex-direction:column;gap:.625rem;background-color:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:.875rem 1rem}.permission-item{display:flex;align-items:center;gap:.75rem}.permission-check{width:20px;height:20px;border-radius:50%;background-color:#10754324;color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.permission-meta{display:flex;flex-direction:column}.permission-name{font-size:.875rem;font-weight:600;color:var(--text)}.permission-detail{font-size:.75rem;color:var(--text-2)}.mockup-sync-preview{display:flex;align-items:center;gap:.875rem;padding:.625rem .875rem;background-color:var(--panel-2);border:1px solid var(--border);border-radius:12px}.mockup-thumb{border-radius:8px;overflow:hidden;flex-shrink:0;width:48px;height:48px;border:1px solid var(--border)}.mockup-thumb img{width:100%;height:100%;object-fit:cover}.mockup-thumb-meta{display:flex;flex-direction:column;gap:.125rem}.thumb-title{font-size:.8125rem;font-weight:600;color:var(--text)}.thumb-status{font-size:.75rem;color:var(--text-2)}.mockup-action-btn{width:100%;padding:.625rem 1.25rem}.mockup-tiles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.mockup-tile{background-color:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:.75rem;display:flex;flex-direction:column;gap:.375rem;position:relative}.mockup-tile.tile-selected{background-color:#d1440d0a;border:1.5px solid var(--orange)}.tile-icon{width:28px;height:28px;border-radius:8px;background-color:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.tile-selected .tile-icon{color:var(--orange);background-color:var(--orange-soft)}.tile-name{font-size:.75rem;font-weight:600;color:var(--text);line-height:1.3}.tile-badge{position:absolute;top:.5rem;right:.5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--orange);background:var(--orange-soft);padding:.125rem .375rem;border-radius:var(--radius-pill)}.approval-draft-card{background-color:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:.875rem;display:flex;flex-direction:column;gap:.75rem}.draft-top{display:flex;gap:.75rem;align-items:flex-start}.draft-details{display:flex;flex-direction:column;gap:.25rem}.draft-subject{font-size:.875rem;font-weight:600;color:var(--text)}.draft-snippet{font-size:.75rem;line-height:1.4;color:var(--text-2);margin:0}.draft-actions{display:flex;gap:.5rem}.mockup-approve-btn{padding:.45rem 1rem;font-size:.8125rem}.ad-approval-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background-color:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:.75rem .875rem}.ad-row-meta{display:flex;flex-direction:column;gap:.125rem}.ad-channel{font-size:.8125rem;font-weight:600;color:var(--text)}.ad-desc{font-size:.75rem;color:var(--text-2)}@media(prefers-reduced-motion:reduce){.how-sticky-col{display:none!important}.how-step-mobile-mockup{display:block!important}.how-step{min-height:auto!important;margin-bottom:3rem!important}.how-mockup-layer{position:static!important;opacity:1!important;transform:none!important}}@media(min-width:1000px){.how-mockup-layer>.mockup-panel{height:100%}}.mockup-panel .card-example-tag{background:var(--panel-3);color:var(--text-2)}