@font-face{font-family:Manrope;src:url('../offline/assets/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
.flixer-themed .auto-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center;padding-top:36px;padding-bottom:32px;isolation:isolate;color:#071b3a;font-family:Inter,sans-serif}
.auto-hero,.auto-hero *{box-sizing:border-box}.auto-hero :is(h1,h2,p,figure){margin:0}.auto-hero [hidden]{display:none!important}
.auto-hero-copy{position:relative;min-width:0}.auto-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff3ce;border:1px solid #e49a0026;border-radius:999px;font-size:11px;font-weight:700;line-height:16px;letter-spacing:.045em;color:#805b08}.auto-eyebrow i{width:7px;height:7px;border-radius:50%;background:#08b98d;box-shadow:0 0 0 3px #08b98d14}
.flixer-themed .auto-hero h1{font:800 clamp(46px,4.4vw,68px)/1.01 Manrope,sans-serif;letter-spacing:-.052em;margin-top:20px;color:#071b3a}.auto-hero h1>span{display:block}.auto-hero h1 em{font-style:normal;color:#e49a00}.auto-title-rays{position:absolute;left:-30px;top:49px;width:27px;height:36px;pointer-events:none}
.auto-description{font-size:16px;line-height:1.52;letter-spacing:-.01em;color:#536b8d;max-width:465px;margin-top:18px!important}.auto-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}.auto-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 25px;border-radius:999px;color:#071b3a;text-decoration:none;font-size:14px;font-weight:700;line-height:22px;transition:background-color 180ms,border-color 180ms}.auto-cta-primary{background:#ffb713;border:1px solid #e49a00;box-shadow:0 9px 22px #ffb71326}.auto-cta-secondary{border:1.4px solid #173b68;background:transparent}.auto-cta-primary:hover{background:#ffc83c}.auto-cta-secondary:hover{background:#fff;border-color:#071b3a}.auto-hero :is(a,button):focus-visible{outline:3px solid #2687f5;outline-offset:4px}.auto-benefits{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:0;margin:32px 0 0;list-style:none;color:#60718a;font-size:11px;line-height:18px}.auto-benefits li{display:flex;align-items:center;gap:7px}.auto-benefits li+li{border-left:1px solid #cbd5e1;padding-left:14px}.auto-benefits svg{width:18px;height:18px;flex-shrink:0;color:#e49a00}.auto-benefits li:nth-child(2) svg{color:#06795f}.auto-benefits li:nth-child(3) svg{color:#0a70db}
.auto-visual{position:relative;min-width:0;width:100%;padding-top:92px;isolation:isolate}.auto-glow{position:absolute;inset:0 0 25px 15%;z-index:-3;border-radius:48% 52% 60% 40%;background:radial-gradient(ellipse,#ffca422b,#fff3ce55 50%,transparent 74%);pointer-events:none}.auto-note{position:absolute;right:14px;top:8px;color:#092858;font:600 23px/1.1 Caveat,cursive;transform:rotate(-5deg);z-index:4;pointer-events:none}.auto-note span{display:block}.auto-note svg{position:absolute;left:-58px;top:12px;width:62px;height:62px;transform:rotate(5deg)}
.auto-whatsapp{position:absolute;left:11%;top:24px;width:87px;height:87px;display:grid;place-items:center;transform:rotate(-12deg);border:1px solid #fffffff0;background:#fffefa;border-radius:23px;box-shadow:0 13px 27px #9a620024;z-index:5}.auto-whatsapp>div{width:65%;height:65%;border-radius:15px;background:linear-gradient(145deg,#58e584,#16bf57);box-shadow:0 5px 10px #087f492e;display:grid;place-items:center}.auto-whatsapp svg{width:78%;height:78%}
.auto-dots{position:absolute;width:100px;height:130px;background:radial-gradient(circle,#83b7d6 1px,transparent 1.3px) 0 0/15px 15px;opacity:.23;pointer-events:none;z-index:-2}.auto-dots-left{left:-12px;top:45px}.auto-dots-right{right:0;bottom:50px}.auto-gold-curve{position:absolute;inset:5% 0 0 -14%;width:114%;height:85%;z-index:-2;pointer-events:none}
.auto-flow{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:34px;padding:10px 24px 28px}
.auto-shell{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:drop-shadow(0 25px 30px #c2912a14)}.auto-shell-gold{transform:translate(9px,-12px);opacity:.8;z-index:-2}.auto-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}.auto-connections path[data-auto-edge]{transition:opacity 180ms}.auto-node{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:15px;background:#fff;border:1px solid #e4e9ee;border-radius:15px;box-shadow:0 8px 21px #1f304712;outline:2px solid transparent;outline-offset:2px;z-index:1;min-width:0;transition:outline-color 180ms}
.auto-trigger,.auto-branch{width:60%;margin-left:29%;min-height:78px}.auto-branch{min-height:96px}.auto-node-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;align-self:start}.auto-node-icon svg{width:18px;height:18px}.auto-icon-gold{background:#fff3ce;color:#c98200}.auto-icon-teal{background:#dff9f1;color:#06795f}.auto-icon-blue{background:#e3f1ff;color:#0a70db}
.flixer-themed .auto-hero .auto-node h2{font:700 14px/20px Inter,sans-serif;letter-spacing:-.02em;color:#071b3a}.auto-node p{font-size:12px;line-height:18px;color:#60718a;margin-top:3px}.auto-answers{grid-column:2;display:flex;gap:12px;margin-top:1px}.auto-answer{flex:1;text-align:center;font-size:12px;line-height:18px;border-radius:8px;padding:3px 8px;outline:1.5px solid transparent;outline-offset:2px}.auto-yes{background:#dff9f1;color:#06795f}.auto-no{background:#fde8f0;color:#a92f5a}
.auto-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.auto-outcomes .auto-node{min-height:112px;align-items:start}.auto-node-action{display:inline-block;margin-top:10px;padding:4px 9px;background:#eef5fc;border:1px solid #e3f1ff;border-radius:999px;font-size:11px;line-height:16px;color:#334158}.auto-mobile-route{display:none}
.auto-visual figcaption{display:flex;justify-content:flex-end;min-height:44px;margin-top:0}.auto-playback{padding:8px 10px;min-height:44px;background:transparent;border:0;color:#536b8d;font:500 11px/18px Inter,sans-serif;cursor:pointer}.auto-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1200px){.auto-hero-copy{padding-right:16px}.auto-visual{max-width:580px;justify-self:end}.auto-hero{min-height:530px}}
@media(min-width:900px) and (max-width:1099px){.flixer-themed .auto-hero{gap:24px}.flixer-themed .auto-hero h1{font-size:52px}.auto-description{font-size:15px}.auto-benefits{gap:10px;font-size:10px}.auto-benefits li+li{padding-left:10px}.auto-flow{padding-inline:16px}.auto-trigger,.auto-branch{width:66%;margin-left:26%}.auto-node{padding:12px;gap:8px}.auto-outcomes{gap:18px}.auto-note{font-size:21px}}
@media(max-width:899px){.flixer-themed .auto-hero{grid-template-columns:1fr;gap:28px;align-items:start}.auto-visual{max-width:580px;justify-self:center}.auto-title-rays{display:none}.auto-description{max-width:650px}.auto-gold-curve{left:0;width:100%}.auto-dots-left{left:0}}
@media(max-width:767px){.flixer-themed .auto-hero{padding-top:32px;padding-bottom:18px}.flixer-themed .auto-hero h1{font-size:clamp(38px,10.8vw,59px);line-height:1.02}.auto-description{font-size:15px;line-height:24px}.auto-benefits{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;font-size:12px}.auto-benefits li+li{border:0;padding:0}.auto-gold-curve{display:none}.auto-note{font-size:20px;right:8px}.auto-whatsapp{width:67px;height:67px;border-radius:19px;left:12px;top:25px}.auto-whatsapp>div{border-radius:12px}.auto-node-action{font-size:12px}.auto-flow{padding-inline:16px}}
@media(max-width:479px){.auto-ctas{display:grid;grid-template-columns:1fr;width:100%;gap:10px;margin-top:22px}.auto-visual{padding-top:94px}.auto-trigger,.auto-branch{width:100%;margin-left:0}.auto-node{padding:14px}.auto-flow{gap:30px;padding-top:10px;padding-bottom:20px}.auto-outcomes{grid-template-columns:1fr;padding-inline:16px;gap:24px}.auto-outcomes .auto-node{min-height:112px}.auto-shell{display:none}.auto-flow:before{content:'';position:absolute;inset:0;background:#fffefa;border:1px solid #fff;border-radius:24px;box-shadow:0 16px 35px #c2912a14;z-index:-1}.auto-flow:after{content:'';position:absolute;inset:-10px 0 6px 8px;background:#fff3ce;border-radius:24px;z-index:-2}.auto-mobile-route{display:block;grid-column:1/-1;font-size:11px;font-weight:600;line-height:16px}.auto-mobile-yes{color:#06795f}.auto-mobile-no{color:#a92f5a}.auto-note{font-size:19px}.auto-note svg{width:48px;left:-44px}.auto-node-icon{align-self:center}}
@media(prefers-reduced-motion:reduce){.auto-hero *{transition:none!important}}
/* Reference correction: keep decoration clear of copy and upper nodes narrower. */
.auto-description{max-width:430px}
.auto-gold-curve{left:-5%;width:105%}
.auto-trigger,.auto-branch{width:58%;margin-left:31%}
.auto-flow{gap:28px}
.auto-visual{padding-top:82px}
@media(min-width:900px) and (max-width:1099px){.flixer-themed .auto-hero h1{font-size:clamp(46px,5.85vw,60px)}.auto-trigger,.auto-branch{width:60%;margin-left:29%}}
@media(max-width:899px){.auto-gold-curve{left:0;width:100%}}
@media(max-width:479px){.auto-trigger,.auto-branch{width:100%;margin-left:0}.auto-flow{gap:30px}.auto-visual{padding-top:94px}}
/* Compact reference proportions, without changing the shared page gutters. */
@media(min-width:900px){
 .flixer-themed .auto-hero{padding-top:28px;padding-bottom:24px;min-height:0}
 .flixer-themed .auto-hero h1{font-size:clamp(46px,5.2vw,62px);margin-top:18px}
 .auto-description{max-width:390px;font-size:15px;line-height:1.55}
 .auto-ctas{margin-top:24px}
 .auto-cta{min-height:48px;padding:11px 23px}
 .auto-benefits{margin-top:28px}
 .auto-visual{max-width:520px;justify-self:end;padding-top:72px}
 .auto-whatsapp{width:76px;height:76px;left:14%;top:18px;border-radius:21px;box-shadow:0 10px 22px #9a620018}
 .auto-whatsapp>div{border-radius:13px}
 .auto-note{font-size:20px;right:12px;top:0}
 .auto-note svg{width:54px;height:54px;left:-50px}
 .auto-flow{gap:26px;padding-bottom:22px}
 .auto-node{grid-template-columns:30px minmax(0,1fr);padding:12px;gap:9px;border-color:#edf0f3;border-radius:14px;box-shadow:0 5px 16px #1f30470c}
 .auto-node-icon{width:30px;height:30px;border-radius:9px}
 .auto-trigger{min-height:72px}
 .auto-branch{min-height:92px}
 .auto-outcomes{gap:20px}
 .auto-outcomes .auto-node{min-height:104px}
 .auto-node-action{margin-top:8px}
 .auto-shell{filter:drop-shadow(0 18px 26px #c2912a0d)}
 .auto-shell-gold{transform:translate(6px,-8px);opacity:.48}
 .auto-dots{opacity:.17}
}
/* Warm ambient light behind the paper, strongest at its lower/right edges. */
.auto-glow{inset:4% 0 0 0;border-radius:40% 46% 32% 42%;background:radial-gradient(ellipse at 76% 78%,#ffc63c52 0%,#ffd45a30 34%,#ffe8a31c 57%,transparent 76%),radial-gradient(ellipse at 38% 38%,#ffde782b 0%,transparent 65%)}
.auto-shell-paper{filter:drop-shadow(8px 18px 22px #ffc43a3d) drop-shadow(0 5px 10px #bd871514)}
.auto-shell-gold{opacity:.62}
@media(max-width:479px){
 .auto-glow{inset:55px 0 0;background:radial-gradient(ellipse at 76% 75%,#ffc63c38 0%,#ffe8a326 45%,transparent 76%)}
 .auto-flow:before{box-shadow:5px 15px 28px #ffc43a38,0 5px 12px #bd87150d}
}