@font-face{font-family:"SF Pro Text";src:url("fonts/apple/SF Pro Text Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafd;color:#15161d;font-family:"DM Sans",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.site-header{height:78px;background:#fff;border-bottom:1px solid #eeeef3;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:20}.logo,.app-logo{font:800 21px Manrope;letter-spacing:-1px;display:flex;align-items:center}.logo span,.app-logo span,.auth-logo span{display:grid;place-items:center;width:31px;height:31px;background:#FFF500;color:#fff;border-radius:9px;font-size:14px;margin-right:8px}.site-header nav{display:flex;gap:32px;color:#737681;font-size:13px}.header-actions{display:flex;gap:8px}.site-header button,.hero-actions button,.final-cta button,.price-card button,.full,.new-btn,.form-panel>button{border:0;border-radius:9px;background:#FFF500;color:#fff;padding:12px 17px;font-weight:700}.site-header .ghost{background:none;color:#555966}.hamburger{display:none;background:none!important;color:#222!important;font-size:22px;padding:5px!important}.hero{max-width:1200px;margin:auto;padding:92px 28px 78px;display:grid;grid-template-columns:1fr 1.02fr;gap:55px;align-items:center}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #FFF38A;background:#FFFDE0;color:#B8B000;padding:7px 11px;border-radius:50px;font-size:11px;font-weight:700}.pill i{width:6px;height:6px;background:#FFF500;border-radius:50%}.hero h1{font:800 64px/1.03 Manrope;letter-spacing:-4px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:#FFF500}.hero p{font-size:17px;color:#767985;line-height:1.7;max-width:520px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:28px}.hero-actions a{font-size:13px;font-weight:700}.trust{font-size:10px;color:#999da7;margin-top:28px}.trust strong{color:#444752}.hero-card{background:#fff;border:1px solid #e3e3ea;border-radius:17px;box-shadow:0 30px 80px #36305e18;overflow:hidden;transform:rotate(1deg)}.browser{height:44px;border-bottom:1px solid #eeeef2;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px}.browser span{color:#c5c6cd}.preview{display:flex;min-height:370px}.preview aside{width:125px;background:#fcfcfd;border-right:1px solid #eeeef2;padding:16px 10px}.preview aside strong{display:grid;place-items:center;background:#FFF500;color:#fff;border-radius:7px;width:25px;height:25px;font-size:10px;margin-bottom:16px}.preview aside small{display:block;color:#999ca7;font-size:7px;padding:9px 4px}.preview-main{padding:23px;flex:1}.preview-main>small{font-size:7px;color:#a0a2ad;letter-spacing:1px}.preview-main h3{font-size:19px;margin:8px 0 20px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stats div{border:1px solid #eeeef2;border-radius:9px;padding:12px;color:#9295a0;font-size:8px}.mini-stats strong{display:block;font-size:16px;color:#222;margin-top:7px}.mini-table{border:1px solid #eeeef2;border-radius:9px;padding:10px;margin-top:12px;font-size:8px}.mini-table p{font-size:8px;border-top:1px solid #f1f1f4;padding:8px 0;margin:7px 0}.mini-table i{float:right;background:#FFFCC7;color:#B8B000;padding:3px 5px;border-radius:4px;font-style:normal}.logos{max-width:1200px;margin:auto;border-top:1px solid #e8e8ed;border-bottom:1px solid #e8e8ed;padding:22px 28px;display:flex;justify-content:space-between;color:#a0a2aa;font:700 12px Manrope}.section{max-width:1100px;margin:auto;padding:110px 28px}.label{font-size:10px;letter-spacing:2px;font-weight:800;color:#FFF500}.section h2,.dark h2,.final-cta h2{font:800 43px/1.12 Manrope;letter-spacing:-2px;margin:13px 0 43px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.features article{background:#fff;border:1px solid #e6e6eb;border-radius:15px;padding:22px;min-height:205px}.features article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#FFF89A;color:#FFF500}.features h3{font-size:14px;margin:28px 0 9px}.features p,.steps p,.final-cta p{font-size:12px;color:#777a85;line-height:1.7}.dark{background:#14151c;color:#fff;padding:105px 28px}.dark .inner{max-width:1100px;margin:auto}.dark .label{color:#aaa5ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33343c}.steps article{background:#14151c;padding:32px}.steps span{color:#a09bff;font-size:11px}.steps h3{margin:40px 0 10px;font-size:17px}.steps p{color:#9699a3}.center{text-align:center}.price-card{max-width:650px;margin:auto;background:#fff;border:1px solid #dedee7;border-radius:18px;padding:28px;text-align:left;display:grid;grid-template-columns:1fr auto;box-shadow:0 20px 55px #28265b0b}.price-card small{font-size:9px;letter-spacing:1.5px;color:#FFF500;font-weight:800}.price-card h3{font:700 23px Manrope;margin:8px 0}.price-card p{font-size:12px;color:#777}.price{font:800 38px Manrope}.price small{font:400 11px;color:#888}.price-card ul{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:18px 0;margin:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#656975;font-size:12px}.price-card button{grid-column:1/-1}.final-cta{max-width:1100px;margin:10px auto 80px;background:#FFF89A;border-radius:22px;padding:65px;text-align:center}.final-cta h2{margin-bottom:10px}.final-cta button{margin-top:10px}footer{border-top:1px solid #e7e7ec;padding:28px max(5vw,25px);display:flex;justify-content:space-between;align-items:center;color:#999ca6;font-size:10px}footer .logo{color:#15161d}footer>div{display:flex;gap:18px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.backdrop{position:absolute;inset:0;background:#11121a99;backdrop-filter:blur(5px)}.auth-card{position:relative;background:#fff;width:min(420px,92vw);padding:28px;border-radius:18px;box-shadow:0 30px 100px #0004}.close{position:absolute;right:13px;top:9px;background:none;border:0;font-size:25px;color:#999}.auth-logo{font:800 20px Manrope;text-align:center;margin-bottom:20px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f4f7;border-radius:9px;padding:4px;margin-bottom:20px}.tabs button{border:0;background:none;padding:9px;border-radius:7px;color:#888}.tabs button.active{background:#fff;color:#111;font-weight:700}.auth-card h2{font:800 23px Manrope;margin:0 0 5px}.auth-card form>p{font-size:12px;color:#777;margin:0 0 15px}.auth-card label,.form-grid label{display:block;font-size:10px;font-weight:700;color:#555;margin:11px 0}.auth-card input,.form-grid input,.form-grid select{display:block;width:100%;border:1px solid #dddfe6;border-radius:8px;padding:11px;margin-top:5px;outline:none}.auth-card .full{width:100%;margin-top:10px}.legal{display:block;text-align:center;color:#aaa;font-size:9px;margin-top:14px}.app{min-height:100vh;background:#f7f7fa;display:flex}.sidebar{width:225px;background:#fff;border-right:1px solid #e8e8ed;padding:20px 13px;display:flex;flex-direction:column;gap:4px}.app-logo{padding:4px 9px 24px}.company{border-top:1px solid #eee;padding:16px 10px}.company b,.company small{display:block}.company small{color:#999;font-size:9px;margin-top:3px}.sidebar button{border:0;background:none;text-align:left;padding:11px 12px;border-radius:8px;color:#777;font-size:12px}.sidebar button.active{background:#FFF89A;color:#FFF500;font-weight:700}.sidebar .logout{margin-top:auto}.dashboard{flex:1;padding:35px 42px;max-width:1200px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dash-header small{font-size:9px;color:#a0a2aa;letter-spacing:1px}.dash-header h1{font:800 28px Manrope;margin:7px 0}.new-btn{font-size:12px}.welcome{background:#FFF500;color:#fff;border-radius:15px;padding:25px;margin-bottom:15px}.welcome small{font-size:9px;opacity:.7}.welcome h2{font:700 24px Manrope;margin:8px 0}.welcome p{margin:0;font-size:12px;opacity:.75}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.dashboard-cards>div,.panel{background:#fff;border:1px solid #e6e6eb;border-radius:13px}.dashboard-cards>div{padding:18px}.dashboard-cards small{display:block;font-size:8px;color:#999;letter-spacing:1px}.dashboard-cards strong{display:block;font:800 24px Manrope;margin:10px 0 5px}.dashboard-cards span{font-size:9px;color:#aaa}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:15px;margin:0}.panel-head button{border:0;background:none;color:#FFF500;font-size:11px;font-weight:700}.row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:14px 2px;border-bottom:1px solid #f0f0f3;font-size:11px}.row:last-child{border:0}.row span b,.row span small{display:block}.row small{color:#999;font-size:9px;margin-top:3px}.row i{font-style:normal;background:#FFFCC7;color:#B8B000;padding:5px 7px;border-radius:5px;font-size:8px}.empty{padding:30px;text-align:center;color:#aaa;font-size:11px}.form-panel{max-width:800px}.form-panel h2{font:800 25px Manrope;margin:0}.muted{color:#888;font-size:12px}.form-panel h3{font-size:13px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.invoice-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;margin-top:22px;padding:18px 0}.invoice-total strong{font:800 24px Manrope}.form-panel>.full{width:100%}.form-panel>button{margin-top:15px}.mobile-nav{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.features{grid-template-columns:1fr 1fr}.site-header nav,.header-actions{display:none}.hamburger{display:block}.mobile-nav{position:fixed;right:14px;top:68px;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px;z-index:50;box-shadow:0 20px 50px #0001}.mobile-nav.open{display:grid}.mobile-nav a,.mobile-nav button{border:0;background:none;text-align:left;padding:10px;font-size:12px}.steps{grid-template-columns:1fr}.dashboard{padding:25px 18px}.sidebar{width:65px}.sidebar span,.company{display:none}.sidebar button{text-align:center}.dashboard-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:48px 20px}.hero h1{font-size:46px}.hero p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.logos{padding:18px 20px;overflow:hidden;gap:28px;justify-content:flex-start}.logos span{white-space:nowrap}.section{padding:80px 20px}.section h2,.dark h2,.final-cta h2{font-size:34px}.features{grid-template-columns:1fr}.price-card{grid-template-columns:1fr}.price-card ul{grid-template-columns:1fr}.final-cta{margin:10px 20px 60px;padding:45px 20px}.preview aside{width:80px}.preview-main{padding:15px}.mini-stats{grid-template-columns:1fr}.row{grid-template-columns:1fr auto}.row i{grid-column:2}.dashboard-cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:15px;text-align:center}.sidebar{width:58px;padding:15px 7px}.sidebar button{font-size:16px}.app-logo{font-size:0}.app-logo span{margin:0}.dash-header h1{font-size:23px}}

/* ==============================
   FLAUN — HIZLIYO INSPIRED LANDING
   ============================== */
body{background:#fff;color:#111217}
.site-header{height:75px;background:#fff;border-bottom:0;padding:0 25px;gap:20px}
.site-header .logo{font-size:21px;color:#101116;min-width:145px}
.site-header .logo span{width:30px;height:30px;border-radius:8px;background:#111217}
.site-header .nav-pill{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:27px;background:#f7f7f8;border:1px solid #ececf0;border-radius:999px;padding:8px 20px;box-shadow:0 8px 28px rgba(20,20,30,.04)}
.site-header .nav-pill a{font-size:12px;color:#686b74;white-space:nowrap}
.site-header .nav-pill a:hover{color:#111217}
.header-actions{margin-left:auto;align-items:center}
.site-header .header-actions button{height:42px;border-radius:11px;padding:0 19px;font-size:12px}
.site-header .header-actions .ghost{color:#24252a;background:#fff;border:1px solid #e6e6eb}
.site-header .header-actions button:last-child{background:#111217;color:#fff}
.hero-new{max-width:none;padding:2px 24px 30px;display:block}
.hero-card-shell{min-height:580px;max-width:1310px;margin:0 auto;border:1px solid #e7e7eb;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(30,30,50,.035);position:relative;overflow:hidden}
.hero-copy{position:absolute;left:64px;top:108px;z-index:3;max-width:570px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#92949d;font-size:10px;letter-spacing:1.7px;font-weight:800}
.hero-copy .eyebrow span{width:5px;height:5px;border-radius:50%;background:#858790}
.hero-new h1{font:800 54px/1.02 Manrope,sans-serif;letter-spacing:-3.2px;margin:20px 0 18px;color:#0d0e12}
.hero-new h1 strong{font-weight:800;color:#FFF500}
.hero-new .hero-copy>p{font-size:15px;line-height:1.75;color:#777a83;max-width:500px;margin:0}
.hero-new .hero-actions{margin-top:27px;display:flex;gap:10px;align-items:center}
.hero-new .hero-actions button{height:42px;padding:0 22px;border-radius:10px;background:#111217;color:#fff;font-size:12px;border:0}
.hero-new .hero-actions a{height:42px;display:flex;align-items:center;padding:0 20px;border:1px solid #e4e4e9;border-radius:10px;color:#3f4148;font-size:12px;font-weight:600;background:#fff}
.hero-progress{display:flex;align-items:center;gap:8px;margin-top:38px}
.hero-progress i{display:block;width:15px;height:4px;background:#dedfe3;border-radius:10px}
.hero-progress i.active{background:#111217}
.hero-progress span{font-size:9px;color:#a3a5ad;margin-left:9px;letter-spacing:1px}
.hero-visual{position:absolute;right:60px;top:68px;width:50%;height:445px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.visual-window{width:min(580px,100%);height:365px;border:1px solid #e5e5eb;border-radius:17px;background:#fbfbfc;box-shadow:0 30px 80px rgba(36,34,80,.10);transform:rotate(1.2deg);overflow:hidden}
.visual-top{height:38px;border-bottom:1px solid #ececf0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font:700 10px Manrope;color:#777984}
.visual-body{display:flex;height:calc(100% - 38px)}
.visual-sidebar{width:120px;background:#fff;border-right:1px solid #ececf0;padding:15px 10px}
.visual-sidebar b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#FFF500;color:#fff;font-size:10px;margin-bottom:16px}
.visual-sidebar small{display:block;color:#9b9da5;font-size:7px;padding:9px 3px}
.visual-content{flex:1;padding:26px}
.visual-content>small{font-size:7px;letter-spacing:1.5px;color:#9b9da5}
.visual-content h3{font:700 18px Manrope;margin:8px 0 18px}
.visual-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.visual-cards div{background:#fff;border:1px solid #e9e9ee;border-radius:10px;padding:13px}
.visual-cards span{display:block;color:#9a9ca5;font-size:8px}.visual-cards b{display:block;font:800 17px Manrope;margin-top:8px}
.visual-chart{height:135px;margin-top:14px;background:#fff;border:1px solid #e9e9ee;border-radius:10px;padding:15px;display:flex;align-items:end;gap:12px}
.visual-chart span{width:22px;border-radius:5px 5px 0 0;background:#dddff4}.visual-chart span:nth-child(1){height:35%}.visual-chart span:nth-child(2){height:52%}.visual-chart span:nth-child(3){height:44%}.visual-chart span:nth-child(4){height:68%}.visual-chart span:nth-child(5){height:58%}.visual-chart span:nth-child(6){height:80%}.visual-chart span:nth-child(7){height:94%}
.hero-new + .logos{max-width:1310px;border-top:0;padding:16px 18px 28px;color:#a2a4ab}
.hero-new + .logos span{font-size:11px}
#features.section{padding-top:105px}
@media(max-width:1050px){.site-header .nav-pill{gap:16px;padding:8px 15px}.site-header .nav-pill a{font-size:11px}.hero-copy{left:50px}.hero-visual{right:-90px;opacity:.28}.hero-new h1{font-size:52px}}
@media(max-width:800px){.site-header{padding:0 25px}.site-header .nav-pill,.header-actions{display:none}.hamburger{display:block;margin-left:auto}.hero-new{padding:8px 15px 25px}.hero-card-shell{min-height:650px;border-radius:20px}.hero-copy{position:relative;left:auto;top:auto;padding:72px 32px 30px;max-width:100%}.hero-new h1{font-size:47px}.hero-new .hero-copy>p{font-size:14px}.hero-visual{right:-130px;top:285px;width:720px;opacity:.22}.hero-progress{margin-top:30px}.hero-new + .logos{overflow:hidden;gap:24px;justify-content:flex-start;padding-left:20px}.hero-new + .logos span{white-space:nowrap}}
@media(max-width:520px){.hero-card-shell{min-height:610px}.hero-copy{padding:58px 24px 20px}.hero-new h1{font-size:39px;letter-spacing:-2.2px}.hero-new .hero-actions{flex-wrap:wrap}.hero-new .hero-actions button,.hero-new .hero-actions a{height:40px}.hero-visual{top:320px;right:-210px;transform:scale(.82);transform-origin:top center}.site-header .logo{min-width:auto}}


/* ===== FLAUN / HIZLIYO-INSPIRED STORY SECTIONS ===== */
.story{background:#fff;padding:105px 24px 100px;border-top:1px solid #f2f2f4;text-align:center;overflow:hidden}
.story-inner{width:min(1120px,100%);margin:auto}
.story-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#888b94;margin-bottom:14px}
.story h2{font:800 42px/1.12 Manrope;letter-spacing:-2px;margin:0;color:#111218}
.story h2 strong{font-weight:800}
.story p{font-size:12px;line-height:1.7;color:#858892;margin:15px 0 0}
.story-one{padding-top:95px;padding-bottom:115px;background:linear-gradient(#fff,#fbfbfc)}
.sixty{width:150px;height:150px;margin:28px auto 12px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.sixty strong{font:800 52px/1 Manrope;color:#55575f;letter-spacing:-3px}
.sixty span{font-size:8px;color:#999;letter-spacing:.5px;margin-top:3px}
.timeline{width:min(540px,92%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.timeline:before{content:"";height:2px;background:#16171c;position:absolute;left:8%;right:8%;top:10px}
.timeline div{position:relative;z-index:1}
.timeline i{display:grid;place-items:center;width:18px;height:18px;background:#15161b;color:#fff;border-radius:50%;font-size:6px;font-style:normal;margin:auto;border:3px solid #fff}
.timeline b{display:block;font-size:7px;color:#555;margin-top:8px}
.mini-pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:22px auto 16px}
.mini-pills span{font-size:8px;color:#555;background:#fff;border:1px solid #e8e8eb;border-radius:20px;padding:6px 10px;box-shadow:0 2px 8px #00000005}
.black-btn{border:0;background:#0d0e12;color:#fff;border-radius:6px;padding:9px 16px;font-size:9px;font-weight:700;box-shadow:0 7px 15px #0002}
.story-two{padding-top:105px;padding-bottom:105px}
.network{width:min(720px,95%);height:230px;margin:35px auto 12px;position:relative}
.network:before,.network:after{content:"";position:absolute;background:#d9dadd}
.network:before{width:170px;height:1px;left:50%;top:50%;transform:translateX(-50%)}
.network:after{width:1px;height:130px;left:50%;top:50%;transform:translateY(-50%)}
.network-card{position:absolute;width:145px;background:#fff;border:1px solid #e6e6e9;border-radius:7px;padding:10px;text-align:left;font-size:8px;color:#222;box-shadow:0 5px 18px #00000008}
.network-card em{float:right;color:#20c879;font-style:normal;font-size:13px}
.network-card.left{left:9%}.network-card.right{right:9%}.network-card.top{top:22px}.network-card.bottom{bottom:22px}
.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#111217;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 12px 25px #0002}
.network-center span{font:800 20px Manrope}.network-center small{font-size:6px;opacity:.7}
.network-icon{position:absolute;width:30px;height:30px;background:#fff;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;color:#19bd73;font-size:12px;box-shadow:0 4px 10px #0000000d}
.icon-a{left:33%;top:42%}.icon-b{right:33%;bottom:42%}
.notice{display:inline-block;margin-top:8px;padding:8px 13px;border:1px solid #e8e8ea;border-radius:20px;color:#888;font-size:8px;background:#fff}
.story-three{padding-top:105px;background:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;text-align:left}
.feature-grid article{border:1px solid #e5e5e8;border-radius:9px;padding:18px;min-height:170px;background:#fff}
.feature-grid small{font-size:7px;color:#9b9da5;letter-spacing:1px}
.card-icon{width:30px;height:30px;border:1px solid #e8e8eb;border-radius:7px;display:grid;place-items:center;margin:25px 0 15px;font-size:12px}
.feature-grid h3{font:700 14px Manrope;margin:0 0 8px}
.feature-grid p{font-size:9px;margin:0;line-height:1.6}
.story-four{padding-top:80px;padding-bottom:110px}
.pricing-strip{margin:35px auto 0;max-width:720px;border:1px solid #e5e5e9;border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;text-align:left;background:#fff;box-shadow:0 15px 40px #00000008}
.pricing-strip small{display:block;font-size:7px;letter-spacing:1px;color:#8d8f97}
.pricing-strip b{display:block;font:700 16px Manrope;margin-top:5px}
.pricing-strip p{font-size:9px;color:#888;margin:4px 0 0}
.pricing-strip>strong{font:800 22px Manrope}.pricing-strip>strong small{display:inline;font:400 9px;color:#888}
.pricing-strip button{border:0;border-radius:7px;background:#111217;color:#fff;padding:10px 15px;font-size:9px;font-weight:700}

/* Hide the mobile nav unless the JS explicitly adds .open. */
#mobileNav{display:none}
#mobileNav.open{display:grid;position:fixed;right:18px;top:72px;z-index:9999;width:210px;padding:8px;background:#fff;border:1px solid #e7e7eb;border-radius:12px;box-shadow:0 20px 55px #0002}
#mobileNav a,#mobileNav button{display:block;width:100%;padding:11px;border:0;background:transparent;text-align:left;color:#555;font-size:12px;border-radius:7px}
#mobileNav a:hover,#mobileNav button:hover{background:#f4f3ff;color:#FFF500}

@media(max-width:900px){
  .story{padding:80px 18px}
  .story h2{font-size:34px;letter-spacing:-1.5px}
  .network{height:220px}
  .network-card{width:120px}
  .network-card.left{left:1%}.network-card.right{right:1%}
}
@media(max-width:600px){
  .story{padding:75px 18px}
  .story h2{font-size:28px;line-height:1.15}
  .story p{font-size:10px}
  .timeline{width:100%}
  .timeline b{font-size:6px}
  .network{height:210px;width:100%;margin-top:28px}
  .network-card{width:100px;padding:8px;font-size:7px}
  .network-card.left{left:0}.network-card.right{right:0}
  .network-center{width:56px;height:56px}
  .network-center span{font-size:17px}
  .icon-a{left:31%}.icon-b{right:31%}
  .feature-grid{grid-template-columns:1fr;gap:9px;margin-top:28px}
  .feature-grid article{min-height:135px}
  .pricing-strip{grid-template-columns:1fr;gap:10px}
  .pricing-strip>strong{font-size:20px}
  .pricing-strip button{width:100%}
}


/* ===== Flaun expanded reference layout ===== */
.wide-story{max-width:1160px}
.story-one{padding-top:105px;padding-bottom:125px}
.story-one h2,.story-two h2,.story-four h2{font-size:46px}
.workflow-visual{width:min(1080px,100%);margin:48px auto 24px;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;text-align:left}
.workflow-list{display:grid;gap:10px}
.workflow-item{min-height:65px;border:1px solid #e7e7eb;border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:28px 1fr 16px;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;box-shadow:0 6px 20px #00000006}
.workflow-item.active{border-color:#ddd9ff;box-shadow:0 8px 24px #FFF5001a}
.workflow-item>span{grid-row:1/3;width:28px;height:28px;border-radius:7px;background:#FFF7DD;color:#FFF500;display:grid;place-items:center;font-size:12px}
.workflow-item b{font-size:10px;color:#262731}.workflow-item small{font-size:7px;color:#999ca6}.workflow-item i{grid-column:3;grid-row:1/3;font-style:normal;color:#9a9ca5;font-size:17px}
.dashboard-preview{min-height:355px;background:#0f1015;border:1px solid #30313a;border-radius:11px;color:#fff;overflow:hidden;box-shadow:0 20px 50px #0003}
.preview-top{height:42px;padding:0 15px;border-bottom:1px solid #292a31;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9a9ca7}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25ce78;margin-right:5px}
.preview-body{padding:22px 25px 15px}.preview-body>small{font-size:7px;color:#777b86;letter-spacing:1px}.preview-body h3{font:700 20px Manrope;margin:6px 0 18px}.preview-tabs{display:flex;gap:22px;border-bottom:1px solid #282a31;padding-bottom:10px;font-size:8px;color:#747782}.preview-tabs b{color:#fff}.preview-row{display:grid;grid-template-columns:.8fr 1fr 1.4fr 1fr .65fr;gap:8px;align-items:center;border-bottom:1px solid #202129;padding:15px 0;font-size:8px;color:#9b9da6}.preview-row b{color:#fff}.preview-row strong{color:#eee}.preview-row i{font-style:normal;color:#b8a8ff;background:#302a58;padding:4px 6px;border-radius:5px;text-align:center;font-size:7px}.preview-bottom{border-top:1px solid #292a31;padding:13px 18px;font-size:8px;display:flex;justify-content:space-between;color:#9a9ca7}.preview-bottom b{color:#fff}.large-btn{padding:12px 24px;font-size:10px}.under-note{font-size:8px;color:#999;margin-top:10px}
.story-two{padding-top:105px;padding-bottom:115px}.purple-eyebrow{color:#FFF500}
.saving-grid{width:min(920px,100%);margin:42px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.saving-box{border:1px solid #e3e3e8;border-radius:12px;background:#fff;padding:25px;box-shadow:0 8px 28px #00000005}.saving-box>small{font-size:8px;color:#858893;letter-spacing:.8px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 25px}.choice{border:1px solid #dddde3;background:#fff;border-radius:7px;padding:10px;font-size:8px;color:#777}.choice.active{background:#FFF500;color:#fff;border-color:#FFF500}.saving-box label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#5d606a;margin:17px 0 8px}.saving-box label b{border:1px solid #e3e3e7;border-radius:6px;padding:8px;font-size:9px;color:#333}.fake-slider{height:4px;background:#ececf1;border-radius:5px;position:relative}.fake-slider i{display:block;height:4px;background:#FFF500;border-radius:5px;position:relative}.fake-slider i:after{content:"";position:absolute;right:-5px;top:-4px;width:12px;height:12px;border-radius:50%;background:#FFF500}.result-box{background:#fff}.result-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:9px;color:#6e707a}.result-line b{font-size:10px}.result-line .red{color:#ef5757}.result-line .green{color:#2bb978}.result-line.big{padding-top:20px}.result-line strong{font:800 30px Manrope;color:#111}.result-box hr{border:0;border-top:1px solid #e8e8ec;margin:3px 0}.saving-note{margin:15px 0;background:#f4f1ff;color:#7465b7;border-radius:7px;padding:11px;text-align:center;font-size:8px}.result-box button{width:100%;border:0;border-radius:7px;background:#FFF500;color:#fff;padding:12px;font-size:9px;font-weight:700}.center-note{display:block;text-align:center;margin-top:8px;color:#999;font-size:7px!important}
.trial-story{padding-top:70px;padding-bottom:70px}.trial-box{max-width:1080px;background:linear-gradient(120deg,#071e15,#0b4931);color:#fff;border-radius:13px;padding:42px 50px;display:grid;grid-template-columns:180px 1fr;gap:35px;text-align:left;box-shadow:0 18px 45px #061d1533}.trial-days{display:flex;flex-direction:column;justify-content:center;padding-left:15px}.trial-days small{font-size:8px;color:#51d898;letter-spacing:1px}.trial-days strong{font:800 72px/1 Manrope;color:#36d985;letter-spacing:-4px}.trial-days span{font-size:11px;letter-spacing:2px}.trial-copy .story-eyebrow{color:#5fe2a1}.trial-copy h2{color:#fff;font-size:30px;margin:0 0 8px;letter-spacing:-1px}.trial-copy h2 strong{color:#fff}.trial-copy p{color:#c1d2ca;margin:0}.trial-points{display:flex;gap:22px;flex-wrap:wrap;margin:19px 0}.trial-points span{font-size:8px;color:#d7e8e0}.trial-points span::first-letter{color:#3bdd87}.trial-copy button{border:0;background:#24c979;color:#fff;border-radius:7px;padding:11px 18px;font-size:9px;font-weight:700}
.story-four{padding-top:95px;padding-bottom:120px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;text-align:left}.benefit-grid article{border:1px solid #e3e3e8;border-radius:11px;background:#fff;padding:24px;min-height:170px}.benefit-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:30px}.benefit-icon.purple{background:#FFF5D6;color:#FFF500}.benefit-icon.green{background:#e9f8f0;color:#23b972}.benefit-icon.red{background:#fff0f0;color:#ef5c62}.benefit-grid h3{font:700 15px Manrope;margin:0 0 10px}.benefit-grid p{font-size:10px;color:#888;margin:0;line-height:1.7}

@media(max-width:900px){
 .workflow-visual{grid-template-columns:1fr}.workflow-list{grid-template-columns:1fr 1fr}.dashboard-preview{min-height:320px}.preview-row{grid-template-columns:.7fr 1fr 1fr .8fr}.preview-row span:nth-child(3){display:none}.trial-box{grid-template-columns:130px 1fr;padding:32px}.saving-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .story-one h2,.story-two h2,.story-four h2{font-size:31px}.workflow-list{grid-template-columns:1fr}.workflow-item{min-height:60px}.dashboard-preview{min-height:285px}.preview-body{padding:16px}.preview-row{grid-template-columns:1fr 1fr .7fr}.preview-row span{display:none}.preview-row strong{font-size:7px}.preview-bottom{font-size:7px}.trial-box{grid-template-columns:1fr;padding:28px;text-align:center}.trial-days{padding:0;align-items:center}.trial-copy{text-align:center}.trial-copy h2{font-size:24px}.trial-points{justify-content:center}.saving-grid{margin-top:28px}.benefit-grid{margin-top:28px}
}


/* ===== Flaun middle + footer reference adaptation ===== */
.flaun-trial{padding:80px 24px 65px;background:linear-gradient(180deg,#fff,#f5fbf8);text-align:center}
.flaun-trial h2{font:800 34px/1.15 Manrope;letter-spacing:-1.5px;margin:0}.flaun-trial h2 strong{color:#111}
.flaun-trial p{font-size:10px;color:#888;margin:10px 0}.trial-mini-points{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:16px 0 28px}.trial-mini-points span{font-size:8px;color:#777}.trial-mini-points span:first-child{color:#ee6b6b}.trial-mini-points span:last-child{color:#18b96e}
.trial-card{width:min(420px,100%);margin:auto;background:linear-gradient(135deg,#0d0e18,#171827);border-radius:12px;padding:25px 27px;color:#fff;text-align:left;box-shadow:0 18px 40px #0002}
.trial-card-label{font-size:7px;color:#37d27f;letter-spacing:.8px;font-weight:800}.trial-number{font:800 50px/1 Manrope;color:#2ed17d;margin-top:8px}.trial-number small{font:700 12px Manrope;color:#b5b7c0}.trial-card h3{font:700 13px Manrope;margin:4px 0 8px}.trial-card p{font-size:8px;line-height:1.6;color:#aeb1bd}.trial-card ul{list-style:none;padding:0;margin:16px 0}.trial-card li{font-size:8px;color:#c6c8d0;padding:4px 0}.trial-card li:before{content:"✓";color:#2fd17e;margin-right:6px}.trial-card button{width:100%;border:0;background:#18c86b;color:#fff;border-radius:7px;padding:11px;font-size:9px;font-weight:800}
.flaun-metrics{background:#111214;color:#fff;padding:70px 24px;text-align:center;position:relative;overflow:hidden}.flaun-metrics:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#1b2a23 0,#111214 45%,#111214 100%);opacity:.8}.metrics-inner{position:relative;max-width:900px;margin:auto}.metrics-inner .story-eyebrow{color:#34d27e}.metrics-inner h2{font:800 35px/1.1 Manrope;letter-spacing:-1.5px;margin:0}.metrics-inner h2 strong{color:#fff}.metrics-inner p{font-size:9px;color:#a9abb3;margin:10px 0 28px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics-grid div{display:flex;flex-direction:column}.metrics-grid strong{font:800 28px Manrope;color:#28cf76}.metrics-grid span{font-size:7px;color:#a6a9b1;margin-top:3px}.metric-points{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}.metric-points span{font-size:7px;color:#aeb0b7}.metric-points span::first-letter{color:#FFF500}
.flaun-footer{background:#fff;color:#60626b;padding:28px 24px 16px;border-top:1px solid #e4e4e7}.footer-top{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:28px;padding-bottom:25px;border-bottom:1px solid #e4e4e7}.footer-logo{font:800 21px Manrope;color:#17181d;letter-spacing:-1px}.footer-logo span{color:#FFF500}.footer-brand p{font-size:8px;line-height:1.7;color:#8b8d95;margin:8px 0 12px}.footer-socials{display:flex;gap:7px;margin-bottom:8px}.footer-socials a{width:22px;height:22px;border:1px solid #dddde2;border-radius:5px;display:grid;place-items:center;font-size:8px;color:#555}.footer-brand>small{font-size:7px;color:#888}.store-buttons{display:flex;gap:5px;margin-top:10px}.store-buttons button{border:1px solid #dddde2;background:#fff;border-radius:5px;padding:5px 7px;font-size:7px;color:#333}.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col h4{font:700 9px Manrope;color:#25262c;margin:0 0 4px}.footer-col a{font-size:7px;color:#7e8089;text-decoration:none}
.footer-trust{max-width:1120px;margin:14px auto;border-bottom:1px solid #e4e4e7;padding-bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.footer-trust article{border:1px solid #dedfe3;border-radius:7px;padding:10px;display:flex;gap:9px;align-items:center}.footer-trust article>b{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;background:#f1f1f3;font-size:11px}.footer-trust article span{font-size:7px;color:#888}.footer-trust article strong{display:block;color:#303139;font-size:8px}
.footer-payments{max-width:1120px;margin:0 auto;padding:13px 0;border-bottom:1px solid #e4e4e7;display:flex;align-items:center;justify-content:space-between}.footer-payments>span{font-size:7px;color:#777}.footer-payments div{display:flex;gap:6px;flex-wrap:wrap}.footer-payments b{font-size:7px;border:1px solid #dddde2;padding:6px 8px;border-radius:4px;color:#444}
.footer-integrations{max-width:1120px;margin:0 auto;padding:13px 0;border-bottom:1px solid #e4e4e7;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.footer-integrations span{font-size:7px;color:#888}.footer-integrations b{font-size:7px;color:#777;font-weight:700}
.footer-legal{max-width:1120px;margin:14px auto 0;font-size:7px;color:#8a8c94;line-height:1.7}.footer-legal strong{color:#555}.legal-links{display:flex;gap:15px;margin:7px 0}.legal-links a{color:#777;text-decoration:none}.footer-legal small{font-size:7px;color:#999}
@media(max-width:800px){.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.footer-trust{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-payments{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:520px){.flaun-trial{padding:65px 16px 50px}.flaun-trial h2{font-size:28px}.trial-card{padding:22px}.metrics-grid strong{font-size:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-payments div{gap:4px}.footer-integrations{gap:10px}}


/* ===== Flaun footer V2 — reference-inspired, free-first pricing message ===== */
.flaun-footer-v2{background:#fff;color:#62646d;padding:0 24px 18px;border-top:1px solid #e6e6e9}
.footer-slogan{max-width:1120px;margin:0 auto;padding:58px 0 34px;display:flex;justify-content:space-between;gap:50px;align-items:end;border-bottom:1px solid #e5e5e8}
.slogan-main{max-width:560px}.slogan-eyebrow{font-size:7px;letter-spacing:1px;color:#16b967;font-weight:800;margin-bottom:7px}.footer-slogan h2{font:800 30px/1.12 Manrope;color:#121318;letter-spacing:-1.1px;margin:0}.footer-slogan h2 strong{color:#121318}.footer-slogan p{font-size:9px;color:#858790;line-height:1.6;margin:10px 0 0}
.slogan-pills{max-width:450px;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.slogan-pills span{font-size:7px;color:#5c6068;background:#f8faf9;border:1px solid #dfece5;border-radius:20px;padding:7px 10px}.slogan-pills span:last-child{color:#129d58;background:#FFFDE0}
.footer-offer-grid{max-width:1120px;margin:22px auto 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offer-card{border:1px solid #dedfe4;border-radius:11px;padding:22px;background:#fff;min-height:215px}.offer-dark{background:linear-gradient(145deg,#111217,#191a21);color:#fff;border-color:#111217}.offer-label{font-size:7px;letter-spacing:.8px;font-weight:800;color:#7d808a}.offer-dark .offer-label{color:#35d37e}.green-label{color:#13b866}
.offer-card h3{font:700 18px/1.2 Manrope;letter-spacing:-.6px;margin:9px 0 8px;color:#17181d}.offer-dark h3{color:#fff}.offer-card h3 strong{font-weight:800}.offer-card p{font-size:8px;line-height:1.6;color:#8a8c95;max-width:500px}.offer-dark p{color:#b2b4bc}.offer-features{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;margin:14px 0}.offer-features span{font-size:7px;color:#666a73}.offer-dark .offer-features span{color:#c1c4cb}.offer-features span::first-letter{color:#20c974}.offer-card button{border:0;border-radius:6px;background:#0d0e11;color:#fff;padding:9px 16px;font-size:8px;font-weight:800}.offer-dark button{background:#fff;color:#111}.counter-line{display:flex;align-items:baseline;gap:8px;margin:12px 0}.counter-line strong{font:800 22px Manrope;color:#13b866}.counter-line span{font-size:8px;color:#888}
.footer-top-v2{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:28px;padding:0 0 27px;border-bottom:1px solid #e5e5e8}.footer-logo-v2{font:800 20px Manrope;color:#111;letter-spacing:-1px}.footer-logo-v2 span{color:#FFF500}.footer-brand-v2 p{font-size:8px;line-height:1.7;color:#8b8d95;margin:7px 0 12px}.footer-socials-v2{display:flex;gap:6px;margin-bottom:8px}.footer-socials-v2 a{width:21px;height:21px;border:1px solid #e0e1e4;border-radius:5px;display:grid;place-items:center;font-size:7px;color:#555}.footer-brand-v2>small{font-size:7px;color:#888}.store-buttons-v2{display:flex;gap:5px;margin-top:9px}.store-buttons-v2 button{border:0;background:#111;color:#fff;border-radius:4px;padding:6px 8px;font-size:6px}.footer-col-v2{display:flex;flex-direction:column;gap:6px}.footer-col-v2 h4{font:700 8px Manrope;color:#222;margin:0 0 5px}.footer-col-v2 a{font-size:7px;color:#777a83;text-decoration:none}
.footer-trust-v2{max-width:1120px;margin:15px auto;border-bottom:1px solid #e5e5e8;padding-bottom:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.footer-trust-v2 article{border:1px solid #dedfe4;border-radius:8px;padding:11px;display:flex;gap:9px;align-items:center}.trust-icon{width:27px;height:27px;border-radius:6px;background:#f1f7f3;color:#18b868;display:grid;place-items:center;font-size:10px}.footer-trust-v2 b{display:block;font-size:8px;color:#31333a}.footer-trust-v2 span{font-size:7px;color:#888}
.footer-payment-v2{max-width:1120px;margin:auto;padding:12px 0;border-bottom:1px solid #e5e5e8;display:flex;justify-content:space-between;gap:15px;align-items:center}.payment-title{font-size:7px;color:#444;display:block}.payment-title+small{font-size:6px;color:#999}.payment-logos{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.payment-logos b{font-size:6px;color:#59606b;border:1px solid #dedfe4;border-radius:4px;padding:5px 7px;background:#fff}
.footer-integration-v2{max-width:1120px;margin:auto;padding:12px 0;border-bottom:1px solid #e5e5e8;display:flex;justify-content:space-between;align-items:center;gap:20px}.integration-label{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:5px}.integration-label span{grid-row:1/3;width:18px;height:18px;border-radius:50%;background:#FFFDE0;color:#19bd6c;display:grid;place-items:center;font-size:7px}.integration-label b{font-size:6px;color:#19ae62}.integration-label small{font-size:6px;color:#8b8d94}.integration-names{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.integration-names b{font-size:7px;color:#777;font-weight:700}

.footer-bank-row-v2{max-width:1120px;margin:0 auto;padding:14px 0;border-bottom:1px solid #e5e5e8;display:flex;gap:5px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer-bank-row-v2 span{border:1px solid #e0e1e5;border-radius:6px;background:#fff;padding:7px 8px;font-size:9px;font-weight:800;color:#66707a;white-space:nowrap;letter-spacing:-.2px}
.footer-official-v2{padding:15px 0!important;border:1px solid #dedfe4!important;border-radius:10px!important;margin-top:22px!important;margin-bottom:22px!important;padding-left:18px!important;padding-right:18px!important}
.footer-official-v2 .integration-label{min-width:420px}
@media(max-width:900px){.footer-bank-row-v2{justify-content:flex-start}.footer-official-v2 .integration-label{min-width:0}}
.footer-company-v2{max-width:1120px;margin:auto;padding:12px 0;border-bottom:1px solid #e5e5e8;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:6.5px;color:#888}.footer-company-v2 b{color:#4d4f57}.footer-bottom-v2{max-width:1120px;margin:auto;padding:12px 0 8px;display:flex;justify-content:space-between;gap:15px;font-size:6.5px;color:#888}.footer-bottom-v2 div{display:flex;gap:15px}.footer-bottom-v2 a{color:#777;text-decoration:none}.footer-seo-v2{max-width:1120px;margin:auto;padding-top:12px;color:#8c8e96}.footer-seo-v2>b{font-size:6px;color:#777}.footer-seo-v2 div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:7px}.footer-seo-v2 span{font-size:6px;line-height:1.5}
@media(max-width:850px){.footer-slogan{flex-direction:column;align-items:flex-start;gap:20px}.slogan-pills{justify-content:flex-start}.footer-offer-grid{grid-template-columns:1fr}.footer-top-v2{grid-template-columns:1.5fr 1fr 1fr}.footer-brand-v2{grid-column:1/-1}.footer-trust-v2{grid-template-columns:1fr}.footer-payment-v2,.footer-integration-v2{align-items:flex-start;flex-direction:column}.payment-logos,.integration-names{justify-content:flex-start}.footer-bottom-v2{flex-direction:column}.footer-seo-v2 div{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.flaun-footer-v2{padding:0 14px 15px}.footer-slogan{padding:40px 0 25px}.footer-slogan h2{font-size:25px}.footer-offer-grid{margin-top:15px}.offer-card{padding:18px}.offer-features{grid-template-columns:1fr}.footer-top-v2{grid-template-columns:1fr 1fr;gap:20px}.footer-brand-v2{grid-column:1/-1}.footer-seo-v2 div{grid-template-columns:1fr}}

/* ===== Flaun V6 fixes: footer flow + free-first model + post-login packages ===== */
html,body{max-width:100%;overflow-x:hidden}
.flaun-footer-v2{display:block!important;width:100%;max-width:none;overflow:hidden;box-sizing:border-box}
.flaun-footer-v2>*{width:min(1120px,100%);max-width:1120px;box-sizing:border-box}
.flaun-footer-v2 .footer-slogan{display:flex;width:min(1120px,100%);margin:0 auto;box-sizing:border-box}
.flaun-footer-v2 .footer-offer-grid{display:grid;width:min(1120px,100%);margin:22px auto 30px;box-sizing:border-box}
.flaun-footer-v2 .footer-top-v2{display:grid;width:min(1120px,100%);margin:0 auto;box-sizing:border-box}
.flaun-footer-v2 .footer-trust-v2,.flaun-footer-v2 .footer-payment-v2,.flaun-footer-v2 .footer-integration-v2,.flaun-footer-v2 .footer-company-v2,.flaun-footer-v2 .footer-bottom-v2,.flaun-footer-v2 .footer-seo-v2{width:min(1120px,100%);margin-left:auto;margin-right:auto;box-sizing:border-box}
.footer-slogan{align-items:center}
.slogan-main{flex:1;min-width:0}.slogan-pills{flex:0 1 440px;min-width:0}
.offer-card{min-width:0}.offer-card h3{max-width:390px}.offer-card p{max-width:430px}
.counter-line{margin-top:18px}.counter-line strong{font-size:20px}.counter-line span{font-size:8px}

.packages-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.packages-head>div:first-child{max-width:720px}.packages-head small{font-size:8px;letter-spacing:1.4px;color:#FFF500;font-weight:800}.packages-head h2{font:800 30px/1.15 Manrope;margin:8px 0}.packages-head p{font-size:11px;color:#858892;line-height:1.6;margin:0}.balance-card{min-width:170px;border:1px solid #e4e4ea;background:#fff;border-radius:12px;padding:16px 18px;text-align:right}.balance-card span{display:block;font-size:8px;color:#888}.balance-card strong{font:800 30px Manrope;color:#18b96b}.balance-card small{font-size:8px;color:#888}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package-card{position:relative;background:#fff;border:1px solid #e3e3e8;border-radius:12px;padding:19px;min-height:205px;display:flex;flex-direction:column;box-shadow:0 8px 25px #00000006}.package-card.featured{border-color:#1cc772;box-shadow:0 12px 32px #1cc7721c}.package-card>small{font-size:7px;letter-spacing:1px;color:#92949d;font-weight:800}.package-card.featured>small{color:#15af60}.package-credits{display:flex;align-items:baseline;gap:6px;margin-top:17px}.package-credits strong{font:800 32px/1 Manrope;letter-spacing:-1px}.package-credits span{font-size:9px;color:#777}.package-price{font:800 23px Manrope;margin-top:17px}.package-unit{font-size:8px;color:#898b94;margin-top:4px}.package-unit b{color:#333}.package-card button{margin-top:auto;width:100%;border:0;border-radius:7px;background:#111217;color:#fff;padding:10px;font-size:8px;font-weight:800}.package-card.featured button{background:#18bd6c}.package-note{margin-top:15px;padding:12px;border:1px dashed #dfe1e6;border-radius:8px;color:#9698a0;font-size:8px;text-align:center}

@media(max-width:900px){.package-grid{grid-template-columns:repeat(2,1fr)}.packages-head{align-items:flex-start;flex-direction:column}.balance-card{text-align:left;width:100%}}
@media(max-width:600px){.flaun-footer-v2{padding-left:16px;padding-right:16px}.footer-slogan{flex-direction:column!important;align-items:flex-start!important}.slogan-pills{max-width:none;width:100%;justify-content:flex-start}.footer-offer-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.packages-head h2{font-size:25px}.footer-top-v2{grid-template-columns:1fr 1fr}.footer-brand-v2{grid-column:1/-1}}

/* ===== Flaun hero carousel — reference-inspired ===== */
.hero-new{padding:2px 24px 30px!important;max-width:none!important;display:block!important}
.hero-card-shell{min-height:600px!important;max-width:1310px;margin:0 auto;border:1px solid #e7e7eb;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(30,30,50,.035);position:relative;overflow:hidden}
.flaun-carousel{isolation:isolate}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .5s ease,transform .5s ease,visibility .5s;z-index:1}
.hero-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}
.hero-copy{position:absolute;left:64px;top:108px;z-index:5;max-width:555px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#92949d;font-size:10px;letter-spacing:1.7px;font-weight:800}
.hero-copy .eyebrow span{width:5px;height:5px;border-radius:50%;background:#FFF500}
.hero-new h1{font:800 54px/1.02 Manrope,sans-serif;letter-spacing:-3.2px;margin:20px 0 18px;color:#0d0e12}
.hero-new h1 strong{font-weight:800;color:#FFF500}
.hero-new .hero-copy>p{font-size:15px;line-height:1.75;color:#777a83;max-width:500px;margin:0}
.hero-new .hero-actions{margin-top:27px;display:flex;gap:10px;align-items:center}
.hero-new .hero-actions button{height:42px;padding:0 22px;border-radius:10px;background:#111217;color:#fff;font-size:12px;border:0}
.hero-new .hero-actions a{height:42px;display:flex;align-items:center;padding:0 20px;border:1px solid #e4e4e9;border-radius:10px;color:#3f4148;font-size:12px;font-weight:600;background:#fff}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #e6e6eb;background:#fff;color:#16171c;border-radius:50%;display:grid;place-items:center;font:400 25px/1 Manrope;z-index:10;box-shadow:0 8px 20px #00000008;transition:all .2s}
.hero-arrow:hover{background:#111217;color:#fff;border-color:#111217;transform:translateY(-50%) scale(1.04)}
.hero-arrow-left{left:16px}.hero-arrow-right{right:16px}
.hero-progress{position:absolute!important;left:64px;bottom:47px;z-index:12;display:flex;align-items:center;gap:8px;margin:0!important}
.hero-progress button{display:block;width:16px;height:4px;border:0;padding:0;background:#dedfe3;border-radius:10px;transition:width .35s,background .35s}
.hero-progress button.active{width:27px;background:#111217}
.hero-progress span{font-size:9px;color:#a3a5ad;margin-left:9px;letter-spacing:1px}
.hero-visual{position:absolute;right:72px;top:50px;width:50%;height:480px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.receipt-paper{width:405px;min-height:435px;background:linear-gradient(180deg,#fff,#fbfbfb);padding:26px 28px;box-shadow:0 25px 60px #1b1c2226;transform:rotate(-2deg);position:relative;color:#30323a;border:1px solid #f1f1f2}
.receipt-paper:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:20px;background:linear-gradient(135deg,transparent 7px,#fff 0) 0 0/18px 20px repeat-x}
.receipt-head{display:flex;justify-content:space-between;font-size:7px;color:#a4a6ae;letter-spacing:1px}.receipt-head b{color:#111;font-size:9px}.receipt-title{text-align:center;font:700 10px/1.4 monospace;letter-spacing:1.3px;margin:28px 0 24px}.receipt-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #d7d8dc;font:8px monospace;color:#70727a}.receipt-line b{color:#24262c}.receipt-divider{border-top:1px dashed #bfc1c6;margin:20px 0}.receipt-total{display:flex;justify-content:space-between;align-items:end;font:9px monospace}.receipt-total strong{font:800 23px Manrope;color:#111}.receipt-stamp{display:inline-block;margin-top:28px;border:1px solid #24c778;color:#16a964;border-radius:4px;padding:5px 9px;font:700 8px monospace;transform:rotate(-4deg)}
.inbox-card{width:530px;background:#fff;border:1px solid #e4e5e9;border-radius:14px;box-shadow:0 25px 60px #1b1c2218;padding:20px;transform:rotate(1deg)}.inbox-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededf0;padding-bottom:16px;font-size:9px}.inbox-top b{font:700 17px Manrope}.inbox-top span{color:#a1a3ab;font-size:8px}.inbox-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f2}.inbox-row i{width:30px;height:30px;border-radius:8px;background:#FFF7DD;color:#FFF500;display:grid;place-items:center;font:700 8px Manrope;font-style:normal}.inbox-row span b,.inbox-row span small{display:block}.inbox-row span b{font-size:9px}.inbox-row span small{font-size:7px;color:#999;margin-top:3px}.inbox-row strong{font-size:9px}.inbox-row em{font-style:normal;background:#FFFCC7;color:#B8B000;border-radius:5px;padding:5px 7px;font-size:7px}.inbox-footer{display:flex;justify-content:space-between;padding-top:15px;color:#999;font-size:8px}.inbox-footer b{color:#FFF500}
.mini-dashboard{width:560px;background:#111216;border:1px solid #2e3038;border-radius:13px;overflow:hidden;box-shadow:0 25px 60px #1112163d;transform:rotate(-1deg);color:#fff}.mini-top{height:39px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292b32;font-size:7px;color:#8d909a}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ad17c;margin-right:5px}.mini-body{display:flex;min-height:350px}.mini-body aside{width:110px;border-right:1px solid #292b32;padding:15px 10px;display:flex;flex-direction:column;gap:11px;color:#737680;font-size:7px}.mini-body aside strong{width:24px;height:24px;background:#FFF500;color:#fff;border-radius:6px;display:grid;place-items:center;margin-bottom:7px}.mini-body main{padding:24px;flex:1}.mini-body main>small{font-size:6px;letter-spacing:1px;color:#71747e}.mini-body main h3{font:700 19px Manrope;margin:8px 0 18px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-metrics div{border:1px solid #292b32;border-radius:8px;padding:11px}.mini-metrics span{display:block;color:#777a84;font-size:7px}.mini-metrics b{display:block;font-size:14px;margin-top:8px}.mini-bars{height:105px;display:flex;align-items:end;gap:10px;margin-top:24px;border-bottom:1px solid #292b32;padding:0 10px}.mini-bars i{display:block;flex:1;background:linear-gradient(#FFF500,#2b2d38);border-radius:4px 4px 0 0}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:48%}.mini-bars i:nth-child(3){height:40%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:82%}.mini-bars i:nth-child(7){height:68%}.mini-bars i:nth-child(8){height:94%}
.free-card{width:390px;background:#111217;color:#fff;border-radius:15px;padding:30px;box-shadow:0 25px 60px #11121738;transform:rotate(2deg)}.free-label{font-size:7px;letter-spacing:1.2px;color:#34d17e;font-weight:800}.free-card>strong{display:block;font:800 48px Manrope;margin-top:8px}.free-card h3{font:700 17px Manrope;margin:0 0 8px}.free-card p{font-size:9px;line-height:1.7;color:#aeb1bb}.free-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;margin:20px 0}.free-checks span{font-size:8px;color:#c7c9d0}.free-checks span:before{color:#31d27c}.free-card button{border:0;background:#25c976;color:#fff;border-radius:7px;width:100%;padding:11px;font-size:9px;font-weight:800}
.phone-frame{width:220px;height:420px;border:8px solid #15161b;border-radius:30px;background:#15161b;box-shadow:0 25px 60px #11121735;transform:rotate(-5deg);padding:5px}.phone-top{width:70px;height:13px;border-radius:20px;background:#090a0d;margin:0 auto 8px}.phone-screen{height:100%;border-radius:21px;background:#fff;padding:24px 18px;color:#16171b;display:flex;flex-direction:column}.phone-screen>b{font:800 14px Manrope}.phone-screen>small{color:#999;font-size:8px;margin-top:24px}.phone-screen>strong{font:800 29px Manrope;margin-top:5px}.phone-screen>span{font-size:7px;color:#999}.phone-item{margin-top:22px;padding:11px;border:1px solid #eee;border-radius:8px;font-size:8px}.device-card{position:absolute;right:25px;bottom:65px;width:180px;background:#fff;border:1px solid #e6e6eb;border-radius:12px;padding:17px;box-shadow:0 20px 45px #0002;transform:rotate(3deg);display:flex;flex-direction:column}.device-card span{font:800 10px Manrope;color:#FFF500}.device-card b{font:700 14px Manrope;margin-top:7px}.device-card small{font-size:7px;color:#999;margin-top:5px}
@media(max-width:1050px){.hero-copy{left:50px}.hero-visual{right:-60px;opacity:.32}.hero-new h1{font-size:50px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}}
@media(max-width:800px){.hero-new{padding:8px 15px 25px!important}.hero-card-shell{min-height:690px!important;border-radius:20px}.hero-copy{position:relative;left:auto;top:auto;padding:72px 42px 20px;max-width:100%}.hero-new h1{font-size:44px}.hero-new .hero-copy>p{font-size:14px}.hero-visual{right:-130px;top:300px;width:720px;opacity:.24}.hero-progress{left:42px;bottom:30px}.hero-arrow{width:38px;height:38px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}.inbox-card{width:500px}.mini-dashboard{width:520px}.free-card{width:350px}.device-card{right:10px}}
@media(max-width:520px){.hero-card-shell{min-height:650px!important}.hero-copy{padding:58px 30px 15px}.hero-new h1{font-size:37px;letter-spacing:-2px}.hero-new .hero-actions{flex-wrap:wrap}.hero-new .hero-actions button,.hero-new .hero-actions a{height:40px}.hero-visual{top:315px;right:-220px;transform:scale(.76);transform-origin:top center}.hero-progress{left:30px}.hero-progress button{width:13px}.hero-progress button.active{width:22px}.receipt-paper{width:370px}.inbox-card{width:480px}.mini-dashboard{width:500px}.free-card{width:340px}.device-card{display:none}}


/* ===== Flaun setup section — reference-inspired ===== */
.flaun-setup{background:#fff;padding:92px 24px 95px;text-align:center;overflow:hidden}
.setup-inner{max-width:930px;margin:0 auto}
.setup-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #e3e3e8;border-radius:999px;color:#666a74;background:#fff;font-size:9px;letter-spacing:.8px;font-weight:700;box-shadow:0 5px 18px #00000005}.setup-badge span{color:#111217;font-size:7px}
.flaun-setup h2{font:800 47px/1.08 Manrope,sans-serif;letter-spacing:-2.5px;color:#0d0e12;margin:27px 0 12px}.flaun-setup>p,.setup-inner>p{font-size:15px;line-height:1.65;color:#727680;margin:0}
.setup-clock{height:145px;display:flex;justify-content:center;align-items:end;gap:8px;margin:22px 0 15px}.setup-clock strong{font:800 96px/.9 Manrope;color:#4a4b52;letter-spacing:-6px}.setup-clock span{font:700 16px Manrope;color:#70737d;margin-bottom:10px}
.setup-steps{width:min(650px,100%);height:85px;margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.setup-line{position:absolute;left:8%;right:8%;top:17px;height:2px;background:#17181c}.setup-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.setup-step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#17181c;color:#fff;font:700 11px Manrope;border:2px solid #17181c}.setup-step strong{font:700 12px Manrope;color:#17181c}.setup-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 36px}.setup-pills span{border:1px solid #e1e2e6;background:#fff;border-radius:999px;padding:11px 17px;font-size:11px;color:#2f3138;box-shadow:0 5px 18px #00000005}.setup-cta{border:0;background:#111217;color:#fff;border-radius:11px;padding:14px 31px;font:700 13px Manrope;box-shadow:0 10px 22px #11121724;cursor:pointer}.setup-cta:hover{transform:translateY(-1px)}
@media(max-width:700px){.flaun-setup{padding:72px 18px 78px}.flaun-setup h2{font-size:36px;letter-spacing:-1.8px}.setup-inner>p{font-size:13px}.setup-clock{height:125px}.setup-clock strong{font-size:78px}.setup-clock span{font-size:13px}.setup-step strong{font-size:10px}.setup-pills span{font-size:9px;padding:9px 12px}}
@media(max-width:480px){.flaun-setup h2{font-size:31px}.setup-clock{height:105px}.setup-clock strong{font-size:66px;letter-spacing:-4px}.setup-line{left:12%;right:12%}.setup-step b{width:28px;height:28px}.setup-step strong{font-size:9px}.setup-pills{gap:7px;margin-bottom:28px}}


/* ===== Flaun invoice integrations section ===== */
.flaun-integrations{background:#fff;padding:100px 24px 110px;text-align:center;overflow:hidden}
.integration-inner{max-width:1060px;margin:auto}
.integration-eyebrow{color:#B8B000}
.flaun-integrations h2{font:800 43px/1.1 Manrope;letter-spacing:-2px;color:#101116;margin:12px 0 10px}.flaun-integrations h2 strong{color:#101116}.flaun-integrations>div>p,.integration-inner>p{font-size:15px;line-height:1.55;color:#777b85;margin:0}
.integration-map{width:min(900px,100%);height:380px;margin:55px auto 28px;position:relative;display:grid;grid-template-columns:1fr 190px 1fr;grid-template-rows:1fr 115px;gap:18px;align-items:center}
.integration-column{display:grid;gap:18px}.integration-node{height:76px;background:#fff;border:1px solid #e5e6ea;border-radius:13px;box-shadow:0 8px 24px #00000009;display:grid;grid-template-columns:48px 1fr 22px;gap:10px;align-items:center;text-align:left;padding:0 15px;position:relative}.integration-node:after{content:"";position:absolute;top:50%;width:47px;height:1px;background:#cfd2d5}.integration-column.left .integration-node:after{right:-48px}.integration-column.right .integration-node:after{left:-48px}.integration-node i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#FFF500;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;position:absolute;right:-8px;top:-8px;border:2px solid #fff}.integration-column.right .integration-node i{right:auto;left:-8px}.node-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font:700 15px Manrope}.node-icon.purple{background:#FFF5D6;color:#FFF500}.node-icon.green{background:#FFFCC7;color:#20b96f}.node-icon.blue{background:#eef4ff;color:#4f78df}.node-icon.orange{background:#fff4e9;color:#e88b31}.integration-node b{display:block;font:700 12px Manrope;color:#202128}.integration-node small{display:block;font-size:8px;color:#92959e;margin-top:4px}
.integration-center{height:190px;position:relative;display:grid;place-items:center}.flaun-panel-mark{width:126px;height:126px;border-radius:17px;background:#101116;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 20px 45px #10111625}.flaun-panel-mark span{width:35px;height:35px;border-radius:9px;background:#fff;color:#101116;display:grid;place-items:center;font:800 17px Manrope;margin-bottom:7px}.flaun-panel-mark b{font:800 19px Manrope;letter-spacing:-1px}.flaun-panel-mark small{font-size:8px;color:#92959d;margin-top:2px}.center-ring{position:absolute;width:170px;height:170px;border:2px dashed #a6e9c7;border-radius:23px;animation:integrationPulse 2.6s ease-in-out infinite}.connection-line{position:absolute;height:1px;background:#aee5c9;top:50%;width:75px}.line-left{left:-30px}.line-right{right:-30px}
.integration-bottom{grid-column:1/-1;display:flex;justify-content:center;align-items:start;gap:95px;position:relative}.integration-bottom:before{content:"";position:absolute;top:-35px;left:50%;height:35px;border-left:1px solid #cde9d9}.integration-circle{width:92px;height:92px;border:2px solid #b4e8ca;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000000b;position:relative}.integration-circle:after{content:"✓";position:absolute;right:-2px;top:-4px;width:20px;height:20px;background:#FFF500;border-radius:50%;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800}.integration-circle span{font-size:20px;color:#18bd70}.integration-circle b{font:700 8px Manrope;color:#24262c;margin-top:3px}.integration-circle small{font-size:6px;color:#999;margin-top:2px}.integration-circle.featured{border-color:#FFF500;box-shadow:0 10px 30px #FFF5001f}
.integration-trust{display:inline-flex;align-items:center;gap:10px;border:1px solid #e4e5e9;background:#fff;border-radius:999px;padding:10px 17px;box-shadow:0 7px 20px #00000008;font-size:9px;color:#6e717a}.integration-trust span{width:22px;height:22px;border-radius:50%;background:#FFFCC7;color:#18b96d;display:grid;place-items:center}.integration-trust b{color:#31333a}.integration-trust em{font-style:normal;color:#999ca5;border-left:1px solid #dddfe3;padding-left:10px}
@keyframes integrationPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.04);opacity:1}}
@media(max-width:760px){.flaun-integrations{padding:75px 18px 85px}.flaun-integrations h2{font-size:34px}.integration-inner>p{font-size:13px}.integration-map{height:auto;grid-template-columns:1fr;grid-template-rows:auto 190px auto auto;gap:14px;margin-top:40px}.integration-column{grid-template-columns:1fr 1fr;gap:10px}.integration-column.left{grid-row:1}.integration-center{grid-row:2}.integration-column.right{grid-row:3}.integration-bottom{grid-row:4;gap:55px;margin-top:12px}.integration-node{height:72px;padding:0 11px;grid-template-columns:34px 1fr 15px}.node-icon{width:32px;height:32px}.integration-node:after,.connection-line{display:none}.flaun-panel-mark{width:120px;height:120px}.center-ring{width:164px;height:164px}.integration-trust{margin-top:15px;max-width:100%;flex-wrap:wrap;justify-content:center}.integration-trust em{border-left:0;padding-left:0;width:100%}}
@media(max-width:500px){.integration-column{grid-template-columns:1fr}.integration-map{grid-template-rows:auto 190px auto auto}.integration-bottom{gap:30px}.integration-circle{width:82px;height:82px}.integration-node{height:65px}.flaun-integrations h2{font-size:29px;letter-spacing:-1.2px}}


/* ===== Flaun: benefit cards + three-world section ===== */
.flaun-benefits{background:#f8f8f8;padding:48px 24px 70px}
.flaun-benefits .benefit-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.benefit-card{background:#fff;border:1px solid #e7e7ea;border-radius:16px;padding:24px;min-height:180px;box-shadow:0 8px 22px rgba(17,18,20,.035);transition:transform .2s ease,box-shadow .2s ease}
.benefit-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(17,18,20,.07)}
.benefit-icon{width:40px;height:40px;border-radius:11px;background:#fafafa;border:1px solid #f0f0f2;display:grid;place-items:center;font-size:21px;color:#111;margin-bottom:18px}
.benefit-card h3{font:700 15px/1.3 Manrope;margin:0 0 8px;color:#111}
.benefit-card p{font-size:12px;line-height:1.65;color:#747681;margin:0;max-width:230px}
.flaun-world{background:#fff;padding:92px 24px 90px;text-align:center}
.flaun-world-inner{max-width:930px;margin:0 auto}
.world-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#717582;font:700 10px/1 Manrope;letter-spacing:3px;margin-bottom:28px}
.world-eyebrow span{width:34px;height:1px;background:#d7d8dc}
.flaun-world h2{font:800 clamp(42px,6vw,72px)/.98 Manrope;letter-spacing:-3.5px;color:#090a0c;margin:0}
.flaun-world h2 strong{font-weight:800}
.flaun-world p{max-width:720px;margin:28px auto 0;color:#747681;font-size:15px;line-height:1.65}
@media(max-width:900px){.flaun-benefits .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flaun-world h2{font-size:48px;letter-spacing:-2.5px}}
@media(max-width:560px){.flaun-benefits{padding:30px 16px 50px}.flaun-benefits .benefit-grid{grid-template-columns:1fr;gap:12px}.benefit-card{min-height:auto;padding:20px}.flaun-world{padding:65px 18px}.world-eyebrow{font-size:8px;letter-spacing:2px}.flaun-world h2{font-size:36px;letter-spacing:-1.7px}.flaun-world p{font-size:13px}}


/* ===== Flaun solutions cards — reference adaptation ===== */
.flaun-solutions{background:#fff;padding:70px 24px 96px;overflow:hidden}
.solutions-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.solution-card{position:relative;min-height:485px;border:1px solid #e1e2e7;border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(15,18,25,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(15,18,25,.09)}
.solution-green{--accent:#f26f24;--soft:#fff0e5;--water:#fff2e7}
.solution-purple{--accent:#12a86b;--soft:#eafaf3;--water:#FFFCC7}
.solution-blue{--accent:#2e73e8;--soft:#eef5ff;--water:#edf4ff}
.solution-card:first-child{border-color:#ffb77f;box-shadow:0 16px 40px rgba(242,111,36,.09)}
.solution-card:first-child:before{content:"";height:3px;background:var(--accent);position:absolute;left:0;right:0;top:0}
.solution-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 32px 0;color:#9da0aa;font:700 11px Manrope;letter-spacing:2px}
.solution-top i{width:48px;height:48px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:20px;box-shadow:0 5px 18px rgba(20,20,30,.03)}
.solution-watermark{position:absolute;right:8px;top:-10px;font:900 180px/.9 Manrope;color:var(--water);letter-spacing:-14px;pointer-events:none;z-index:0}
.solution-content{position:relative;z-index:1;padding:42px 32px 26px;flex:1}
.solution-content small{font:800 10px Manrope;color:#9ca0aa;letter-spacing:2px}
.solution-content h3{font:800 31px/1.05 Manrope;letter-spacing:-1.4px;color:#0a0b0e;margin:12px 0 16px}
.solution-content p{font-size:14px;line-height:1.7;color:#777b86;margin:0;max-width:330px}
.solution-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.solution-tags span{font-size:10px;font-weight:700;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,white);background:color-mix(in srgb,var(--accent) 5%,white);border-radius:999px;padding:7px 11px}
.solution-card button{position:relative;z-index:2;width:100%;border:0;border-top:1px solid #ececf0;background:#fff;padding:21px 32px;text-align:left;color:var(--accent);font:800 13px Manrope;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.solution-card button b{font-size:20px;font-weight:500;transition:transform .2s}.solution-card button:hover b{transform:translateX(4px)}
@media(max-width:900px){.solutions-grid{grid-template-columns:1fr 1fr}.solution-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px);justify-self:center}}
@media(max-width:600px){.flaun-solutions{padding:45px 16px 65px}.solutions-grid{grid-template-columns:1fr;gap:14px}.solution-card:last-child{grid-column:auto;max-width:none}.solution-card{min-height:420px;border-radius:17px}.solution-top{padding:22px 22px 0}.solution-content{padding:35px 22px 20px}.solution-content h3{font-size:27px}.solution-content p{font-size:13px}.solution-watermark{font-size:140px}}

/* ===== Flaun animated channel / dashboard section ===== */
.flaun-channel-flow{padding:110px 24px 95px;background:#fff;overflow:hidden}.channel-heading{text-align:center;max-width:760px;margin:0 auto 58px}.green-eyebrow{color:#1bbd6b}.channel-heading h2{font:800 42px/1.08 Manrope;letter-spacing:-1.8px;margin:0}.channel-heading h2 strong{color:#111}.channel-heading p{max-width:660px;margin:13px auto 0;color:#777b86;font-size:14px;line-height:1.6}.channel-flow-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:center}.channel-timeline{position:relative;padding:8px 0}.channel-timeline:before{content:"";position:absolute;left:35px;top:35px;bottom:35px;width:1px;background:#dfe1e6}.flow-item{position:relative;width:100%;height:78px;margin:0 0 14px;border:1px solid transparent;background:#fbfbfc;border-radius:13px;display:grid;grid-template-columns:48px 45px 1fr 18px;align-items:center;text-align:left;padding:0 16px;gap:5px;color:#30323a;transition:.35s ease;box-shadow:0 3px 14px #00000003}.flow-item:last-child{margin-bottom:0}.flow-item:hover{border-color:#dfe3e6;transform:translateX(3px)}.flow-item.active{background:#fff;border-color:#dcdfe4;box-shadow:0 9px 25px #0000000b;transform:translateX(4px)}.flow-item.active:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;background:#111;border-radius:3px}.flow-icon{z-index:1;width:36px;height:36px;border-radius:9px;background:#f1f2f4;display:grid;place-items:center;color:#666a73;font-size:15px;font-weight:800}.flow-item.active .flow-icon{background:#111;color:#fff}.flow-time{font:700 8px Manrope;color:#9a9da5}.flow-item strong{font:700 12px Manrope}.flow-item b{font-size:20px;font-weight:400;color:#a4a6ad}.flaun-dashboard-preview{min-height:520px;border-radius:17px;background:#0e0f12;color:#fff;box-shadow:0 22px 55px #00000028;overflow:hidden;border:1px solid #24262b;position:relative}.fdp-top{height:49px;border-bottom:1px solid #2b2d32;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#c8cbd0;font-size:10px}.fdp-top span{font-weight:700}.fdp-top span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25cf73;margin-right:7px;box-shadow:0 0 0 3px #25cf7318}.fdp-top small{color:#777b84;font-size:8px}.fdp-content{padding:30px 28px 25px}.fdp-kicker{font-size:9px;color:#70747e;margin-bottom:6px}.fdp-content h3{font:800 22px Manrope;margin:0 0 25px}.fdp-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;border:1px solid #17668a;background:#0c202b;border-radius:9px;padding:14px 15px;transition:.35s}.fdp-card-icon{width:40px;height:40px;border-radius:8px;background:#14a86a;display:grid;place-items:center;font:800 16px Manrope}.fdp-card strong{display:block;font:700 11px Manrope}.fdp-card span{display:block;color:#747c86;font-size:8px;margin-top:4px}.fdp-status{text-align:right}.fdp-status b{display:block;color:#38d889;font:800 12px Manrope}.fdp-status span{color:#43b7e7;font-size:8px}.fdp-path{height:175px;margin-top:16px;border:1px solid #2b2d33;border-radius:10px;background:radial-gradient(#262930 1px,transparent 1px);background-size:18px 18px;position:relative;padding:48px 38px}.fdp-track{height:3px;background:#254653;position:relative;top:40px}.fdp-track:before,.fdp-track:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-3px}.fdp-track:before{left:0;background:#ffc72f}.fdp-track:after{right:0;background:#dce0e5}.fdp-track i{position:absolute;left:0;top:-1px;height:1px;width:100%;background:#1680a7;opacity:.65}.fdp-moving-dot{position:absolute;top:-6px;left:3%;width:14px;height:14px;border-radius:50%;background:#15a6dd;box-shadow:0 0 0 5px #15a6dd20;animation:flaunDot 3.2s ease-in-out infinite}.fdp-points{display:flex;justify-content:space-between;color:#6e727b;font-size:7px;margin-top:58px}.fdp-bottom{margin-top:18px;border-top:1px solid #2a2c31;padding-top:15px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center}.fdp-mini-icon{width:38px;height:38px;background:#f1f1f3;color:#17181c;border-radius:8px;display:grid;place-items:center;font-weight:900}.fdp-bottom strong{display:block;font:700 10px Manrope}.fdp-bottom small{display:block;color:#747982;font-size:8px;margin-top:4px}.fdp-bottom time{color:#a6a9b0;font-size:8px}.fdp-loader{position:absolute;bottom:14px;left:20px;right:20px;display:flex;gap:6px}.fdp-loader i{height:4px;background:#31343a;border-radius:3px;flex:1}.fdp-loader i:first-child{background:#fff;animation:flaunLoader 4s infinite}.flow-proof{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:32px auto 0}.flow-proof span{font-size:9px;color:#7d8089}.flow-proof span:first-child{color:#19b86b}
@keyframes flaunDot{0%,100%{left:3%}50%{left:93%}}@keyframes flaunLoader{0%,20%{opacity:1}25%,100%{opacity:.35}}
@media(max-width:900px){.channel-flow-wrap{grid-template-columns:1fr;gap:25px;max-width:700px}.channel-timeline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-timeline:before{display:none}.flow-item{margin:0;height:70px}.flow-item.active{transform:none}.flaun-dashboard-preview{min-height:460px}.channel-heading h2{font-size:35px}}
@media(max-width:600px){.flaun-channel-flow{padding:75px 16px}.channel-heading{margin-bottom:35px}.channel-heading h2{font-size:29px}.channel-heading p{font-size:12px}.channel-timeline{grid-template-columns:1fr}.flow-item{height:65px}.flaun-dashboard-preview{min-height:410px;border-radius:13px}.fdp-content{padding:23px 16px}.fdp-path{height:145px;padding:35px 20px}.fdp-points{font-size:6px;margin-top:49px}.fdp-card{grid-template-columns:40px 1fr}.fdp-status{display:none}.fdp-content h3{font-size:19px}.flow-proof{gap:12px}}


/* Flaun V13 - free forever savings calculator */
.flaun-savings-section{padding-top:88px;padding-bottom:88px;background:#fff}.flaun-saving-grid{margin-top:36px}.flaun-calc-box{position:relative}.flaun-range{appearance:none;width:100%;height:5px;border-radius:99px;background:#e6e6ea;outline:none;margin:5px 0 16px}.flaun-range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#17181d;border:0;box-shadow:0 2px 8px #0002;cursor:pointer}.flaun-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#17181d;border:0;box-shadow:0 2px 8px #0002;cursor:pointer}.flaun-free-note{display:flex;align-items:center;gap:10px;background:#f4fbf7;border:1px solid #d9f2e5;border-radius:9px;padding:12px;margin-top:20px}.flaun-free-note>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#19c86b;color:#fff;font-size:11px}.flaun-free-note strong{display:block;font-size:9px;color:#159c56}.flaun-free-note small{display:block;font-size:7px;color:#80828b;margin-top:3px}.flaun-result-box{border-color:#dedfe4}.flaun-result-box .result-line strong{font-size:31px}.flaun-saving-note{background:#effaf4;color:#187e4a}.flaun-result-box button{background:#111217}.flaun-result-box button:hover{transform:translateY(-1px)}
@media(max-width:700px){.flaun-savings-section{padding-top:65px;padding-bottom:65px}.flaun-saving-grid{grid-template-columns:1fr}.flaun-result-box .result-line strong{font-size:27px}}


/* V14 - lifetime free + pay only for invoice credits */
.trial-box{background:radial-gradient(circle at 80% 20%,#0d5a3c 0,#171700 42%,#031d14 100%);position:relative;overflow:hidden}.trial-box:after{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#FFF500 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.trial-box>*{position:relative;z-index:1}.trial-days strong{font-size:84px}.trial-days span{font-weight:800;font-size:10px}.trial-copy h2{font-size:32px;line-height:1.12}.trial-copy p{max-width:720px;font-size:11px;line-height:1.65}.trial-points{gap:10px 22px}.trial-points span{font-size:9px}.trial-copy button{font-size:10px;padding:13px 20px}.flaun-pricing-message{background:linear-gradient(180deg,#f9fcfb,#fff)}.flaun-pricing-message .wide-story>p{font-size:12px;max-width:720px;margin-left:auto;margin-right:auto}.flaun-pricing-message .benefit-grid{margin-top:34px}.pricing-cta-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.pricing-cta-row button{border:0;background:#111217;color:#fff;border-radius:8px;padding:13px 22px;font-weight:800;font-size:10px}.pricing-cta-row a{font-size:10px;color:#111;text-decoration:none;border:1px solid #dedfe4;border-radius:8px;padding:12px 18px;background:#fff}.pricing-note{display:block;text-align:center;margin-top:13px;font-size:8px;color:#999}@media(max-width:700px){.trial-copy h2{font-size:25px}.trial-days strong{font-size:70px}.pricing-cta-row{flex-direction:column}.pricing-cta-row button,.pricing-cta-row a{width:100%;text-align:center}.flaun-pricing-message .benefit-grid{grid-template-columns:1fr}}

/* Flaun — Hızlıyo ilhamlı erişim/istatistik bölümü */
.flaun-metrics{min-height:430px;background:#111214;color:#fff;padding:58px 24px 70px;text-align:center;position:relative;overflow:hidden;border-top:1px solid #0b0c0e;border-bottom:1px solid #0b0c0e;display:flex;align-items:center}
.flaun-metrics:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#1b2a23 0,#111214 50%,#111214 100%);opacity:.78;pointer-events:none}
.flaun-metrics:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));pointer-events:none}
.metrics-map{position:absolute;left:50%;top:54%;width:min(650px,72vw);transform:translate(-50%,-50%);opacity:.22;pointer-events:none;filter:blur(.1px)}
.metrics-map svg{width:100%;height:auto;display:block}
.metrics-map path{fill:#27302c}
.metrics-inner{position:relative;z-index:2;width:min(900px,100%);margin:auto}
.metrics-inner .story-eyebrow{color:#FFF500;font-size:10px;letter-spacing:1.7px;margin-bottom:14px}
.metrics-inner h2{font:800 41px/1.08 Manrope;letter-spacing:-2px;margin:0;color:#fff}
.metrics-inner h2 strong{color:#fff}
.metrics-inner p{font-size:12px;line-height:1.6;color:#a8abb3;margin:12px auto 38px;max-width:610px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto;max-width:820px}
.metrics-grid div{display:flex;flex-direction:column;align-items:center}
.metrics-grid strong{font:800 55px/1 Manrope;color:#FFF500;letter-spacing:-2px}
.metrics-grid span{font-size:10px;color:#9ea2aa;margin-top:7px}
.metric-points{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:36px}
.metric-points span{font-size:10px;color:#d5d7dc}
.metric-points span::first-letter{color:#FFF500}
@media(max-width:700px){
  .flaun-metrics{min-height:470px;padding:55px 18px 60px}
  .metrics-inner h2{font-size:31px;letter-spacing:-1.3px}
  .metrics-inner p{font-size:11px;margin-bottom:30px}
  .metrics-grid{grid-template-columns:repeat(2,1fr);gap:26px 8px}
  .metrics-grid strong{font-size:43px}
  .metric-points{gap:12px 22px;margin-top:30px}
  .metric-points span{font-size:9px}
  .metrics-map{width:720px;top:50%}
}

/* ===== Flaun rule section — reference-inspired two-card layout ===== */
.flaun-rule-section{max-width:1120px;margin:0 auto;padding:46px 0 34px;border-top:1px solid #e5e5e8}
.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rule-card{border:1px solid #dedfe4;border-radius:20px;padding:34px 40px 36px;min-height:430px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.rule-card-dark{background:linear-gradient(145deg,#111216,#191a1e);border-color:#111216;color:#fff}
.rule-card-light{background:#fff;color:#111318}
.rule-label{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#FFF500;margin-bottom:18px}
.rule-card h2{font:800 30px/1.13 Manrope;letter-spacing:-1.3px;margin:0 0 12px;color:inherit}
.rule-card h2 span{color:#FFF500}
.rule-card p{font-size:13px;line-height:1.65;color:#aeb1b9;max-width:500px;margin:0}
.rule-card-light p{color:#777b85}
.rule-features{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;margin:30px 0 28px}
.rule-features div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.rule-features b{grid-row:1/3;width:42px;height:42px;border-radius:10px;background:#1c1e23;color:#FFF500;display:grid;place-items:center;font:800 15px Manrope}
.rule-card-light .rule-features b{background:#f6faf7}
.rule-features strong{font:800 15px Manrope;color:inherit}
.rule-features small{font-size:10px;color:#898c95;margin-top:3px}
.rule-card button{margin-top:auto;border:0;border-radius:10px;background:#fff;color:#111318;padding:14px 18px;font-size:12px;font-weight:800;cursor:pointer}
.rule-card-light button{background:#111216;color:#fff}
.rule-proof{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap;padding:24px 0 17px;color:#71757e;font-size:10px}
.rule-proof span::first-letter{color:#FFF500}
.rule-apps{display:flex;justify-content:center;align-items:center;gap:9px;padding-top:8px;border-top:1px solid #e7e7ea}
.rule-apps>span{font-size:10px;color:#777b84;margin-right:8px}
.rule-apps button{border:0;border-radius:7px;background:#111216;color:#fff;padding:10px 15px;font-size:10px;font-weight:800;cursor:pointer}
.rule-apps button.secondary{background:#fff;color:#111216;border:1px solid #dedfe4}
@media(max-width:900px){.flaun-rule-section{padding-left:18px;padding-right:18px}.rule-card{padding:28px;min-height:400px}.rule-card h2{font-size:26px}.rule-features{gap:20px 24px}}
@media(max-width:650px){.rule-grid{grid-template-columns:1fr}.rule-card{min-height:0}.rule-features{grid-template-columns:1fr 1fr}.rule-proof{justify-content:flex-start;gap:14px 22px}.rule-apps{justify-content:flex-start;flex-wrap:wrap}.rule-apps>span{width:100%;margin:0}}
@media(max-width:430px){.rule-card{padding:24px 20px}.rule-card h2{font-size:24px}.rule-features{grid-template-columns:1fr}.rule-features div{grid-template-columns:38px 1fr}.rule-features b{width:38px;height:38px}.rule-apps button{flex:1}}

/* ===== Flaun V18 footer — Hızlıyo referans düzeni, Flaun içerikleri ===== */
.flaun-footer-v2{padding:0 24px 18px;background:#fff;border-top:1px solid #e5e5e8;color:#686b74}
.flaun-footer-v2 .footer-top-v2{grid-template-columns:1.65fr 1fr 1fr 1fr;gap:54px;padding:34px 0 26px}
.footer-brand-v2 p{font-size:12px;line-height:1.65;margin:12px 0 16px;color:#777a84}
.footer-logo-v2{font-size:22px}
.footer-logo-v2 span{color:#FFF500}
.footer-socials-v2{gap:8px;margin-bottom:12px}
.footer-socials-v2 a{width:36px;height:36px;border-radius:8px;background:#fafafa;font-size:13px}
.footer-brand-v2>small{font-size:11px;color:#777}
.footer-col-v2{gap:10px}
.footer-col-v2 h4,.footer-solutions-v2 h4{font-size:13px;margin:0 0 7px;color:#202228}
.footer-col-v2 a,.solutions-grid-v2 a{font-size:12px;color:#777a84;line-height:1.35}
.footer-solutions-v2{max-width:1120px;margin:0 auto;padding:0 0 28px;border-bottom:1px solid #e5e5e8}
.footer-solutions-v2 h4{margin-bottom:14px}
.solutions-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.solutions-grid-v2>div{display:flex;flex-direction:column;gap:10px}
.footer-trust-v2{margin:20px auto 14px;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:16px}
.footer-trust-v2 article{min-height:72px;padding:13px 14px;border-radius:10px}
.trust-icon{width:34px;height:34px;border-radius:8px;font-size:13px}
.footer-trust-v2 b{font-size:11px}.footer-trust-v2 span{font-size:10px}
.footer-payment-v2{padding:15px 0;border-bottom:1px solid #e5e5e8}
.payment-title{font-size:11px}.payment-title+small{font-size:9px}
.payment-logos{gap:8px}.payment-logos b{font-size:10px;padding:8px 12px;border-radius:6px}
.footer-integration-v2{padding:15px 0}
.integration-label{grid-template-columns:28px 1fr;column-gap:8px}
.integration-label span{width:28px;height:28px;font-size:11px}
.integration-label b{font-size:10px}.integration-label small{font-size:9px}
.integration-names{gap:24px}.integration-names b{font-size:10px}
.footer-company-v2{padding:15px 0;font-size:9px;gap:12px}
.footer-bottom-v2{padding:17px 0 12px;font-size:10px}
.footer-bottom-v2 div{gap:20px}
.footer-seo-v2{padding-top:13px}.footer-seo-v2>b{font-size:10px}.footer-seo-v2 div{gap:18px;margin-top:10px}.footer-seo-v2 span{font-size:9px}
@media(max-width:850px){.flaun-footer-v2 .footer-top-v2{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-brand-v2{grid-column:1/-1}.solutions-grid-v2{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.flaun-footer-v2{padding:0 16px 16px}.flaun-footer-v2 .footer-top-v2{grid-template-columns:1fr 1fr;gap:24px}.footer-brand-v2{grid-column:1/-1}.solutions-grid-v2{grid-template-columns:1fr}.footer-trust-v2{grid-template-columns:1fr}.footer-payment-v2,.footer-integration-v2{flex-direction:column;align-items:flex-start}.footer-bottom-v2{flex-direction:column}.footer-bottom-v2 div{flex-wrap:wrap;gap:10px 16px}.footer-seo-v2 div{grid-template-columns:1fr 1fr}}


/* ===== Flaun brand identity V20 — warm yellow ===== */
:root{--flaun-accent:#FFF500;--flaun-accent-dark:#B8B000;--flaun-accent-soft:#FFFCC7;--flaun-accent-pale:#FFFDE0;--flaun-accent-border:#FFF38A;--flaun-ink:#17181C}
.purple-eyebrow,.label,.story-eyebrow,.rule-label{color:var(--flaun-accent-dark)!important}
.green,.benefit-icon.green,.metric-points span,.rule-proof span{color:var(--flaun-accent-dark)!important}
.benefit-icon.green,.benefit-icon.purple,.benefit-icon.red{background:var(--flaun-accent-soft)!important;color:var(--flaun-accent-dark)!important}
.pricing-cta-row.single-cta{justify-content:center}
.flaun-range::-webkit-slider-thumb{background:var(--flaun-accent)!important}
.flaun-range::-moz-range-thumb{background:var(--flaun-accent)!important}

/* ===== Flaun V21 — same-page authentication with tabs ===== */
.auth-section{scroll-margin-top:78px;background:#151515;color:#fff;padding:78px 28px 86px;position:relative;overflow:hidden}
.auth-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(242,183,5,.16),transparent 34%),linear-gradient(115deg,rgba(242,183,5,.08),transparent 42%);pointer-events:none}
.auth-shell{position:relative;z-index:1;max-width:1120px;margin:auto;display:grid;grid-template-columns:1.05fr .82fr;gap:70px;align-items:center}
.auth-copy{max-width:610px}
.auth-kicker{display:inline-flex;align-items:center;border:1px solid rgba(242,183,5,.35);background:rgba(242,183,5,.1);color:#FFF500;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.6px}
.auth-copy h2{font:800 54px/1.06 Manrope;letter-spacing:-3px;margin:20px 0 18px;color:#fff}
.auth-copy h2 em{font-style:normal;color:#FFF500}
.auth-copy>p{font-size:15px;line-height:1.75;color:#b8b8b8;max-width:570px;margin:0}
.auth-benefits{display:grid;gap:13px;margin-top:30px}
.auth-benefits>div{display:flex;align-items:center;gap:12px}
.auth-benefits b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(242,183,5,.12);border:1px solid rgba(242,183,5,.3);color:#FFF500;font-size:17px}
.auth-benefits strong,.auth-benefits small{display:block}.auth-benefits strong{font-size:12px;color:#fff}.auth-benefits small{font-size:10px;color:#8e8e8e;margin-top:3px}
.auth-card-page{width:min(430px,100%);padding:30px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.35);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.38);transform:none}
.auth-card-page .auth-logo{text-align:left;margin-bottom:20px;color:#15161d}
.auth-card-page .auth-logo span{background:#FFF500;color:#fff}
.auth-tabs{background:#f4f4f4;margin-bottom:24px;border:1px solid #e8e8e8}
.auth-tabs button{font-size:12px;padding:12px;color:#777}
.auth-tabs button.active{background:#151515;color:#fff;box-shadow:none}
.auth-card-page h2{font:800 25px Manrope;letter-spacing:-1px;margin:0 0 6px;color:#15161d}
.auth-card-page form>p{font-size:12px;color:#777;margin:0 0 18px}
.auth-card-page label{font-size:10px;color:#555}
.auth-card-page input{padding:13px;border-radius:10px;background:#fff}
.auth-card-page .full{background:#FFF500;color:#17181c;border-radius:10px;padding:13px;font-weight:800}
.auth-card-page .full:hover{background:#dca600}
.auth-card-page .legal{color:#999}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr;gap:38px}.auth-copy{max-width:700px}.auth-copy h2{font-size:42px}.auth-card-page{margin:auto}}
@media(max-width:600px){.auth-section{padding:55px 18px 65px}.auth-copy h2{font-size:35px;letter-spacing:-2px}.auth-copy>p{font-size:13px}.auth-benefits{margin-top:24px}.auth-card-page{padding:23px;border-radius:17px}}


/* Flaun v45 — Ana sayfa header'ı işletme paneli header tasarım diliyle eşitlendi */
.landing-topbar{
  height:75px!important;
  min-height:75px!important;
  padding:0 25px!important;
  background:#fff!important;
  border-bottom:0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.landing-brand{
  display:flex!important;
  align-items:center!important;
  color:#17181d!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
}
.landing-topnav{
  height:50px!important;
  margin-left:125px!important;
  padding:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  background:#f7f7f8!important;
  border:1px solid #ededf0!important;
  border-radius:26px!important;
  box-shadow:none!important;
}
.landing-topnav a{
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border-radius:21px!important;
  background:transparent!important;
  color:#666a74!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  font-size:13px!important;
  line-height:1!important;
  transition:color .15s ease!important;
}
.landing-topnav a:hover,.landing-topnav a:focus-visible{
  background:transparent!important;
  color:#111214!important;
  box-shadow:none!important;
}
.landing-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.landing-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.landing-actions button{
  height:38px!important;
  min-width:0!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.landing-register{
  background:#FFF500!important;
  color:#17181C!important;
  border:1px solid #FFF500!important;
  min-width:126px!important;
}
.landing-login{
  background:#fff!important;
  color:#24252a!important;
  border:1px solid #dedfe5!important;
  min-width:102px!important;
}
.landing-register:hover{background:#E6DD00!important;border-color:#E6DD00!important}
.landing-login:hover{background:#fff!important;border-color:#cfd1d8!important;color:#17181C!important}
.landing-actions button:active{transform:none!important}
.landing-actions button span{font-size:14px!important;margin-left:5px!important}
@media(max-width:1100px){.landing-topnav{margin-left:55px!important}.landing-topnav a{padding:0 11px!important}}
@media(max-width:900px){.landing-topnav{margin-left:20px!important;overflow-x:auto;max-width:calc(100vw - 300px);justify-content:flex-start}.landing-topnav::-webkit-scrollbar{display:none}.landing-topnav a{font-size:12px!important;padding:0 10px!important}.landing-actions button{padding:0 12px!important}}
@media(max-width:700px){.landing-topnav{display:none!important}.landing-actions{margin-left:auto!important}.landing-topbar .hamburger{display:block!important;margin-left:4px!important}.landing-actions button{height:38px!important;min-width:auto!important;font-size:12px!important;padding:0 14px!important}.landing-register{min-width:112px!important}.landing-login{min-width:92px!important}}

/* Flaun v54 — resmi FLAUN logosu */
.flaun-logo-img{display:block;width:auto;height:auto;object-fit:contain;flex:none}
.landing-logo-img{width:118px;height:auto}
.footer-logo-img{width:112px;height:auto}
.receipt-logo-img{width:62px;height:auto}
.phone-logo-img{width:88px;height:auto}
.panel-logo-img{width:100px;height:auto}
.embedded-panel-logo-img{width:116px;height:auto}
.footer-logo-v2{display:flex;align-items:center;min-height:24px}
.flaun-panel-mark{background:#101116}
.flaun-panel-mark .panel-logo-img{margin-bottom:7px}

/* Flaun brand color standardization */
:root{--flaun-brand:#FFF500;--flaun-brand-hover:#E6DD00;--flaun-brand-ink:#17181C}
button,.btn,.new-btn,.full,.pricing-cta-row button,.rule-card button{accent-color:var(--flaun-brand)}
.site-header button,.hero-actions button,.final-cta button,.price-card button,.full,.new-btn,.form-panel>button,.auth-card-page .full{background:var(--flaun-brand)!important;color:var(--flaun-brand-ink)!important}
.site-header button:hover,.hero-actions button:hover,.final-cta button:hover,.price-card button:hover,.full:hover,.new-btn:hover,.form-panel>button:hover,.auth-card-page .full:hover{background:var(--flaun-brand-hover)!important}
.logo span,.app-logo span,.auth-logo span,.preview aside strong{background:var(--flaun-brand)!important;color:var(--flaun-brand-ink)!important}
/* Consistent Flaun accent */
.story-eyebrow,.label,.rule-label,.pricing-note strong{color:var(--flaun-brand)!important}

/* Flaun v66 — Ana sayfa header CTA renklerini kesin olarak ayır */
.landing-topbar .landing-actions .landing-register,
.landing-topbar .landing-actions .landing-register:focus-visible {
  background: #FFF500 !important;
  border: 1px solid #FFF500 !important;
  color: #17181C !important;
  min-width: 126px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.landing-topbar .landing-actions .landing-login,
.landing-topbar .landing-actions .landing-login:focus-visible {
  background: #FFF !important;
  border: 1px solid #DEDFE5 !important;
  color: #24252A !important;
  min-width: 102px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.landing-topbar .landing-actions .landing-register:hover {
  background: #E6DD00 !important;
  border-color: #E6DD00 !important;
  color: #17181C !important;
}
.landing-topbar .landing-actions .landing-login:hover {
  background: #FFF !important;
  border-color: #CFD1D8 !important;
  color: #17181C !important;
}

/* Flaun v67 — Öne Çıkan Yazılar: referans tasarımına göre düzenlendi */
.footer-seo-v2{
  width:min(1100px,100%);
  margin:0 auto;
  padding:25px 0;
  color:#666a74;
}
.footer-seo-v2>b{
  display:block;
  margin:0 0 25px;
  color:#5f6370;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.35px;
}
.footer-seo-v2>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:25px;
  row-gap:12.5px;
  margin:0;
}
.footer-seo-v2 span{
  display:block;
  min-width:0;
  margin:0;
  padding:0;
  color:#666a74;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;
  font-size:.75rem;
  font-style:normal;
  font-weight:400;
  line-height:1rem;
}
@media(max-width:900px){
  .footer-seo-v2{padding:25px 0}
  .footer-seo-v2>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:12.5px}
}
@media(max-width:560px){
  .footer-seo-v2>div{grid-template-columns:1fr;column-gap:0;row-gap:12.5px}
}

/* Flaun v69 — Öne Çıkan Yazılar: başlık ayrı satır, tüm yazılar altında */
.flaun-footer-v2 .footer-seo-v2{
  display:block !important;
  width:min(1100px,100%);
  margin:0 auto;
  padding:25px 0;
  box-sizing:border-box;
}
.flaun-footer-v2 .footer-seo-v2>b{
  display:block !important;
  width:100%;
  margin:0 0 25px !important;
  padding:0;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif !important;
  font-size:11px !important;
  font-weight:500;
  line-height:1.35;
  color:#5f6370;
}
.flaun-footer-v2 .footer-seo-v2>div{
  display:grid !important;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:25px;
  row-gap:12.5px;
  margin:0 !important;
  padding:0;
}
.flaun-footer-v2 .footer-seo-v2 span{
  display:block;
  margin:0;
  padding:0;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;
  font-size:.75rem;
  line-height:1rem;
  font-weight:400;
  color:#666a74;
}
@media(max-width:900px){
  .flaun-footer-v2 .footer-seo-v2>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:12.5px}
}
@media(max-width:560px){
  .flaun-footer-v2 .footer-seo-v2>div{grid-template-columns:1fr;column-gap:0;row-gap:12.5px}
}

/* Flaun v71 — footer SEO horizontal margins */
.flaun-footer-v2 .footer-seo-v2{
  margin:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:12.5px !important;
  padding-bottom:25px !important;
}
.flaun-footer-v2 .footer-bottom-v2{
  padding-top:12.5px !important;
  padding-bottom:12.5px !important;
}
.flaun-footer-v2 .footer-company-v2{
  padding-top:12.5px !important;
  padding-bottom:12.5px !important;
}
.flaun-footer-v2 .footer-official-v2{
  padding-top:12.5px !important;
  padding-bottom:12.5px !important;
  margin-top:12.5px !important;
  margin-bottom:12.5px !important;
}


/* Flaun v72 — alt footer bölümü: referans görsel düzeni + şirket bilgileri */
.flaun-footer-v2 .footer-payment-v2,
.flaun-footer-v2 .footer-bank-row-v2,
.flaun-footer-v2 .footer-official-v2,
.flaun-footer-v2 .footer-company-v2,
.flaun-footer-v2 .footer-bottom-v2,
.flaun-footer-v2 .footer-seo-v2{
  width:min(1092px,100%);
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}
.flaun-footer-v2 .footer-payment-v2{
  min-height:88px;
  padding:14px 0 !important;
  border-top:1px solid #e1e2e6;
  border-bottom:1px solid #e1e2e6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.flaun-footer-v2 .footer-payment-v2 > div:first-child{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.flaun-footer-v2 .payment-title{font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:12px;font-weight:400;color:#17181c}
.flaun-footer-v2 .payment-title+small{display:none}
.flaun-footer-v2 .payment-logos{display:flex;align-items:center;gap:12px}
.flaun-footer-v2 .payment-logos b{min-width:72px;height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;background:#fff;border:1px solid #dedfe4;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.03);font-family:Arial,sans-serif;font-size:14px;font-style:italic;font-weight:800;color:#17226b}
.flaun-footer-v2 .payment-logos b:nth-child(2){color:#333}
.flaun-footer-v2 .payment-logos b:nth-child(3){color:#0a7f70;font-style:normal}
.flaun-footer-v2 .footer-bank-row-v2{min-height:76px;padding:20px 0 !important;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;border-bottom:1px solid #e1e2e6;overflow:hidden}
.flaun-footer-v2 .footer-bank-row-v2 span{height:32px;min-width:max-content;display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid #e2e3e7;border-radius:8px;background:#fff;font-family:Arial,sans-serif;font-size:10px;font-weight:700;color:#536071;white-space:nowrap}
.flaun-footer-v2 .footer-official-v2{min-height:82px;padding:15px 20px !important;margin-top:24px !important;margin-bottom:32px !important;border:1px solid #dedfe4 !important;border-radius:16px !important;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff}
.flaun-footer-v2 .footer-official-v2 .integration-label{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-width:0}
.flaun-footer-v2 .footer-official-v2 .integration-label span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eafaf0;color:#16b85b;font-size:12px}
.flaun-footer-v2 .footer-official-v2 .integration-label b{font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.4px;color:#13b85a}
.flaun-footer-v2 .footer-official-v2 .integration-label small{font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.35;color:#17181c}
.flaun-footer-v2 .footer-official-v2 .integration-names{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;white-space:nowrap}
.flaun-footer-v2 .footer-official-v2 .integration-names b{font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600;color:#777b84}
.flaun-footer-v2 .footer-company-v2{display:block !important;padding:24px 0 !important;margin:0 auto !important;border-top:1px solid #e1e2e6;border-bottom:1px solid #e1e2e6;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.7;color:#626672}
.flaun-footer-v2 .footer-company-v2 > div{margin:0;padding:0}
.flaun-footer-v2 .footer-company-v2 > div + div{margin-top:2px}
.flaun-footer-v2 .footer-company-v2 b{color:#17181c;font-weight:500}
.flaun-footer-v2 .footer-bottom-v2{padding:25px 0 !important;border-bottom:1px solid #e1e2e6;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:12px;color:#69707c}
.flaun-footer-v2 .footer-bottom-v2 div{display:flex;gap:24px;align-items:center}
.flaun-footer-v2 .footer-bottom-v2 a{color:#69707c;text-decoration:none}
.flaun-footer-v2 .footer-seo-v2{padding-top:25px !important;padding-bottom:25px !important}
.flaun-footer-v2 .footer-seo-v2>b{font-size:11px !important}
.flaun-footer-v2 .footer-seo-v2 span{font-size:.75rem !important;line-height:1rem !important}
@media(max-width:900px){
  .flaun-footer-v2 .footer-payment-v2{align-items:flex-start;flex-direction:column}
  .flaun-footer-v2 .footer-bank-row-v2{overflow-x:auto}
  .flaun-footer-v2 .footer-official-v2{align-items:flex-start;flex-direction:column}
  .flaun-footer-v2 .footer-official-v2 .integration-names{flex-wrap:wrap;white-space:normal;gap:12px 20px}
}
@media(max-width:600px){
  .flaun-footer-v2 .footer-company-v2{font-size:11px}
  .flaun-footer-v2 .footer-bottom-v2{align-items:flex-start;flex-direction:column}
  .flaun-footer-v2 .footer-bottom-v2 div{flex-wrap:wrap;gap:10px 16px}
}


/* Flaun v73 — footer alt bölümünü referans tasarıma uyumlu hale getir */
.flaun-footer-v2 .footer-company-v2{
  max-width:1092px !important;
  margin:0 auto !important;
  padding:25px 0 !important;
  border-top:1px solid #e1e2e6 !important;
  border-bottom:1px solid #e1e2e6 !important;
  display:block !important;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color:#626672 !important;
}
.flaun-footer-v2 .footer-company-v2 > div{margin:0 !important;padding:0 !important}
.flaun-footer-v2 .footer-company-v2 > div + div{margin-top:2px !important}
.flaun-footer-v2 .footer-company-v2 b{color:#17181c !important;font-weight:500 !important}
.flaun-footer-v2 .footer-bottom-v2{
  max-width:1092px !important;
  margin:0 auto !important;
  padding:25px 0 !important;
  border-bottom:1px solid #e1e2e6 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif !important;
  font-size:12px !important;
  color:#69707c !important;
}
.flaun-footer-v2 .footer-bottom-v2 div{display:flex;gap:24px;align-items:center}
.flaun-footer-v2 .footer-bottom-v2 a{color:#69707c;text-decoration:none}
.flaun-footer-v2 .footer-seo-v2{
  max-width:1092px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:25px !important;
  padding-bottom:25px !important;
}
@media(max-width:600px){
  .flaun-footer-v2 .footer-company-v2,.flaun-footer-v2 .footer-bottom-v2,.flaun-footer-v2 .footer-seo-v2{max-width:none !important}
}

/* Flaun v74 — anasayfa footeru için sol/sağ 25px dış boşluk */
.flaun-footer-v2{
  margin-left:25px !important;
  margin-right:25px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box;
}
.flaun-footer-v2 > .footer-top-v2,
.flaun-footer-v2 > .footer-solutions-v2,
.flaun-footer-v2 > .footer-trust-v2,
.flaun-footer-v2 > .footer-payment-v2,
.flaun-footer-v2 > .footer-bank-row-v2,
.flaun-footer-v2 > .footer-official-v2,
.flaun-footer-v2 > .footer-company-v2,
.flaun-footer-v2 > .footer-bottom-v2,
.flaun-footer-v2 > .footer-seo-v2{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}
@media(max-width:600px){
  .flaun-footer-v2{margin-left:25px !important;margin-right:25px !important;padding-left:0 !important;padding-right:0 !important}
}

/* Flaun v75 — footer solutions dikey boşlukları */
.flaun-footer-v2 .footer-solutions-v2{
  padding-top:25px !important;
  padding-bottom:25px !important;
}

/* Flaun v76 — footer dış boşlukları toplam genişliği aşmasın */
.flaun-footer-v2{
  width:calc(100% - 50px) !important;
  margin-left:25px !important;
  margin-right:25px !important;
  box-sizing:border-box !important;
}
@media(max-width:600px){
  .flaun-footer-v2{
    width:calc(100% - 50px) !important;
    margin-left:25px !important;
    margin-right:25px !important;
  }
}

/* Flaun v1634: Yazdırma için ortak sıfır dış sayfa boşluğu. */
@media print {
  @page { margin: 0; }
  html, body { margin: 0 !important; padding: 0 !important; }
}

/* Flaun v1877 — copyright row legal links only. Preserve all other footer areas. */
.flaun-footer-v2 .footer-bottom-v2 .footer-legal-links-v1877{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px;min-width:0}
.flaun-footer-v2 .footer-bottom-v2 .footer-legal-links-v1877 a{font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.5;color:#69707c;white-space:normal;text-decoration:none}
.flaun-footer-v2 .footer-bottom-v2 .footer-legal-links-v1877 a:hover{text-decoration:underline;text-decoration-color:#FFF500;text-decoration-thickness:2px;text-underline-offset:3px;color:#171717}
@media(max-width:960px){.flaun-footer-v2 .footer-bottom-v2{flex-wrap:wrap}.flaun-footer-v2 .footer-bottom-v2 .footer-legal-links-v1877{justify-content:flex-start}}


/* Flaun v1878 — PUBLIC footer only: logo left / business identification right.
   All other footer sections, Partner, and public header remain untouched. */
#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878{
  display:grid!important;grid-template-columns:minmax(145px,.8fr) minmax(0,1.8fr)!important;
  align-items:center;gap:25px!important;padding:25px 0!important;
  margin:0!important;width:100%!important;max-width:none!important;
  border-bottom:1px solid #e1e2e6;
}
#landing .flaun-footer-v2 .footer-brand-v1878{display:inline-flex;align-items:center;justify-content:flex-start;max-width:100%;text-decoration:none}
#landing .flaun-footer-v2 .footer-brand-v1878 img{width:145px;height:auto;max-width:100%;object-fit:contain;display:block}
#landing .flaun-footer-v2 .footer-company-v1878{min-width:0;max-width:100%;justify-self:end;font:400 12px/1.75 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;color:#626672;overflow-wrap:anywhere}
#landing .flaun-footer-v2 .footer-company-v1878 strong{display:block;margin:0 0 5px;color:#171717;font-size:13px;font-weight:500}
#landing .flaun-footer-v2 .footer-company-v1878 p{margin:0;font:inherit}
#landing .flaun-footer-v2 .footer-company-v1878 p+p{margin-top:2px}
#landing .flaun-footer-v2 .footer-company-v1878 b{font-weight:500;color:#171717}
#landing .flaun-footer-v2 .footer-company-v1878 a{color:inherit;text-decoration:none}
#landing .flaun-footer-v2 .footer-company-v1878 a:hover{text-decoration:underline;text-decoration-color:#FFF500;text-decoration-thickness:2px;text-underline-offset:3px}
#landing .flaun-footer-v2 .footer-seo-v2 [data-fl-featured-articles] a{display:block;min-width:0;font:400 12px/1.55 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;color:#666a74;text-decoration:none;overflow-wrap:anywhere}
#landing .flaun-footer-v2 .footer-seo-v2 [data-fl-featured-articles] a:hover{color:#171717;text-decoration:underline;text-decoration-color:#FFF500;text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:680px){
 #landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878{grid-template-columns:1fr!important;gap:18px!important;align-items:start}
 #landing .flaun-footer-v2 .footer-company-v1878{justify-self:start;font-size:11.5px}
}

/* Flaun v1879 — public footer identity relocated beneath the official-partner band.
   Flaun logo/intro/social shortcuts left, unchanged company data right. */
#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878{align-items:start!important;grid-template-columns:minmax(180px,.9fr) minmax(0,1.7fr)!important}
#landing .flaun-footer-v2 .footer-brand-block-v1879{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
#landing .flaun-footer-v2 .footer-brand-block-v1879 .footer-brand-v1878{display:inline-flex}
#landing .flaun-footer-v2 .footer-brand-block-v1879>p{font:400 12.5px/1.7 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;color:#8290a3;margin:10px 0 12.5px;max-width:320px}
#landing .flaun-footer-v2 .footer-brand-block-v1879 .footer-socials-v2{display:flex;align-items:center;gap:7px;margin:0 0 10px}
#landing .flaun-footer-v2 .footer-brand-block-v1879 .footer-socials-v2 a{display:grid;place-items:center;min-width:32px;height:32px;padding:0 5px;border:1px solid #dee2e9;border-radius:8px;background:#fff;color:#171717;font:500 12px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;text-decoration:none}
#landing .flaun-footer-v2 .footer-brand-block-v1879 .footer-socials-v2 a[href]:hover{border-color:#FFF500;background:#fffef1}
#landing .flaun-footer-v2 .footer-brand-block-v1879>small{font:400 11.5px/1.6 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,system-ui,sans-serif;color:#8290a3}
@media(max-width:680px){#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878{grid-template-columns:minmax(0,1fr)!important;gap:25px!important}}

/* Flaun v1880 — company information vertically centered beside the logo in PUBLIC footer only. */
#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878{align-items:center!important}
#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878 .footer-company-v1878{align-self:center;justify-self:end;display:flex;flex-direction:column;justify-content:center}
@media(max-width:680px){#landing .flaun-footer-v2 .footer-top-v2.footer-identity-v1878 .footer-company-v1878{justify-self:start}}

/* v1881 — Flaun public site typography: the same Apple SF Pro family as Flaun Partner. */
#landing, #landing :is(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,label,button,input,select,textarea,div,li,td,th,figcaption,summary){font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif!important;}
/* Footer's official-partner strip: only the requested sizing and spacing. */
.flaun-footer-v2 .footer-official-v2{min-height:75px!important;margin-top:25px!important;margin-bottom:0px!important;}

/* Flaun v1883 — only public footer payments, partner mark and featured-articles spacing. */
/* Trust-card bottom rule caused a second line 14px above the payment line. */
.flaun-footer-v2 .footer-trust-v2{border-bottom:0!important}
/* Keep one existing divider above the payment methods. */
.flaun-footer-v2 .footer-payment-v2{
  min-height:112px!important;
  padding:22px 25px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-top:1px solid #e1e2e6!important;
  border-bottom:1px solid #e1e2e6!important;
  border-left:1px solid #e9ebef!important;
  border-right:1px solid #e9ebef!important;
  border-radius:14px!important;
  background:linear-gradient(118deg,#f8fafb 0%,#fff 67%)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;
}
.flaun-footer-v2 .footer-payment-v2 .footer-payment-copy-v1883{display:flex!important;align-items:center!important;gap:15px!important;flex:1 1 320px;min-width:0}
.flaun-footer-v2 .footer-payment-icon-v1883{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;color:#171717;border:1px solid #e5e7eb;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(23,23,23,.035)}
.flaun-footer-v2 .footer-payment-description-v1883{display:flex;flex-direction:column;gap:5px;min-width:0}
.flaun-footer-v2 .footer-payment-description-v1883 strong{font:600 15px/1.35 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#171717}
.flaun-footer-v2 .footer-payment-description-v1883>span{font:400 12px/1.55 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#788499}
.flaun-footer-v2 .footer-payment-methods-v1883{display:flex;align-items:flex-end;flex-direction:column;gap:9px;min-width:0}
.flaun-footer-v2 .footer-payment-methods-v1883>span{font:500 10px/1.3 "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:.075em;color:#9aa4b4}
.flaun-footer-v2 .footer-payment-methods-v1883 .payment-logos{gap:8px;justify-content:flex-end}
.flaun-footer-v2 .footer-payment-methods-v1883 .payment-logos b{background:#fff;min-width:73px;height:39px;border:1px solid #e2e5ea;border-radius:9px;box-shadow:0 2px 8px rgba(23,23,23,.028)}
@media(max-width:850px){
  .flaun-footer-v2 .footer-payment-v2{flex-direction:column!important;align-items:stretch!important;gap:20px!important;padding:20px!important}
  .flaun-footer-v2 .footer-payment-v2 .footer-payment-copy-v1883{flex-basis:auto}
  .flaun-footer-v2 .footer-payment-methods-v1883{align-items:flex-start}
  .flaun-footer-v2 .footer-payment-methods-v1883 .payment-logos{justify-content:flex-start;flex-wrap:wrap}
}
/* Exact featured articles spacing requested; override legacy width and padding !important rules. */
.flaun-footer-v2 .footer-seo-v2{
  display:block!important;
  width:min(1100px,100%)!important;
  margin:0 auto!important;
  padding:25px 0 0 0!important;
  box-sizing:border-box;
}
/* Requested size of official-partner verification symbol. */
.flaun-footer-v2 .footer-official-v2 .integration-label span{
  grid-row:1 / 3;
  width:32.5px;
  height:32.5px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eafaf0;
  color:#16b85b;
  font-size:22.5px;
}
/* Only registration-CTA loading, without changing label wording. */
#landing .fl-apply-loading{
  cursor:progress!important;
  opacity:.9;
  pointer-events:none;
}
#landing .fl-apply-loading::after{
  content:'';display:inline-block;width:14px;height:14px;flex:0 0 14px;
  margin-left:9px;border:2px solid rgba(23,23,23,.18);
  border-top-color:#171717;border-radius:50%;
  vertical-align:middle;animation:fl-apply-spin .65s linear infinite;
}
@keyframes fl-apply-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#landing .fl-apply-loading::after{animation:none;border-top-color:#171717}}
/* v1883: compact mobile payment copy stays one horizontal group, left aligned. */
.flaun-footer-v2 .footer-payment-v2 .footer-payment-copy-v1883{flex-wrap:nowrap!important;text-align:left!important;justify-content:flex-start!important}
.flaun-footer-v2 .footer-payment-description-v1883{text-align:left!important;flex:1 1 auto}


/* Flaun v1887 — public-site application CTA: preserve yellow on hover/press.
   No changes to log-in buttons or dashboard buttons. */
#landing .landing-actions .landing-register,
#landing .fl-home .fl-home-cta,
#landing a.fl-about-button[href="/register"],
#landing .fl-kb-article-side-cta a[href="/register"],
#landing .fl-kb-article-cta>a[href="/register"],
#landing .fl-about-last a[href="/register"] {
  background:#FFF500!important;
  border-color:#FFF500!important;
  color:#171717!important;
  box-shadow:0 3px 10px rgba(23,23,23,.035),0 5px 14px rgba(255,245,0,.13)!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease!important;
  will-change:transform;
}
#landing .landing-actions .landing-register:hover:not(.fl-apply-loading),
#landing .fl-home .fl-home-cta:hover:not(.fl-apply-loading),
#landing a.fl-about-button[href="/register"]:hover,
#landing .fl-kb-article-side-cta a[href="/register"]:hover,
#landing .fl-kb-article-cta>a[href="/register"]:hover,
#landing .fl-about-last a[href="/register"]:hover {
  background:#FFF500!important;
  border-color:#FFF500!important;
  color:#171717!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 1px rgba(255,245,0,.40),0 8px 25px rgba(235,218,0,.21),0 3px 11px rgba(23,23,23,.045)!important;
}
#landing .landing-actions .landing-register:active:not(.fl-apply-loading),
#landing .fl-home .fl-home-cta:active:not(.fl-apply-loading),
#landing a.fl-about-button[href="/register"]:active,
#landing .fl-kb-article-side-cta a[href="/register"]:active,
#landing .fl-kb-article-cta>a[href="/register"]:active,
#landing .fl-about-last a[href="/register"]:active {
  background:#FFF500!important;
  color:#171717!important;
  transform:translateY(0) scale(.985)!important;
  box-shadow:inset 0 2px 6px rgba(23,23,23,.065),0 1px 4px rgba(235,218,0,.16)!important;
}
#landing .landing-actions .landing-register:focus-visible,
#landing .fl-home .fl-home-cta:focus-visible,
#landing a.fl-about-button[href="/register"]:focus-visible,
#landing .fl-kb-article-side-cta a[href="/register"]:focus-visible,
#landing .fl-kb-article-cta>a[href="/register"]:focus-visible,
#landing .fl-about-last a[href="/register"]:focus-visible {
  outline:2px solid #171717!important;
  outline-offset:3px!important;
}
#landing .fl-home .fl-home-cta svg{transition:transform .2s ease!important}
#landing .fl-home .fl-home-cta:hover svg{transform:translateX(3px)}
#landing .landing-actions .landing-register>span{display:inline-block;transition:transform .2s ease}
#landing .landing-actions .landing-register:hover>span{transform:translateX(3px)}
/* Keep the same brand-yellow application experience in the mobile header menu. */
#landing #mobileNav button[onclick*="register"]{
  background:#FFF500!important;color:#171717!important;
  border:1px solid #FFF500!important;
  transition:box-shadow .2s ease,transform .2s ease!important;
}
#landing #mobileNav button[onclick*="register"]:hover{
  background:#FFF500!important;color:#171717!important;
  transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(235,218,0,.2)!important;
}
#landing #mobileNav button[onclick*="register"]:active{
  background:#FFF500!important;transform:translateY(0) scale(.985);
}
/* Text-style CTA retains its minimalist look but gets a subtle icon motion. */
#landing .fl-home-text-cta>span{transition:transform .2s ease}
#landing .fl-home-text-cta:hover>span{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){
  #landing .landing-actions .landing-register,
  #landing .fl-home .fl-home-cta,
  #landing a.fl-about-button[href="/register"],
  #landing .fl-kb-article-side-cta a[href="/register"],
  #landing .fl-kb-article-cta>a[href="/register"],
  #landing .fl-about-last a[href="/register"],
  #landing .fl-home .fl-home-cta svg,
  #landing .landing-actions .landing-register>span,
  #landing #mobileNav button[onclick*="register"],
  #landing .fl-home-text-cta>span{transition:none!important;transform:none!important}
}
/* Flaun v1887 — Featured Knowledge Base: 25px page gutters; 5 columns × 2 rows.
   The public footer itself already has 25px margins on each side. */
#landing .flaun-footer-v2>.footer-seo-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:25px 0 0 0!important;
  box-sizing:border-box!important;
}
#landing .flaun-footer-v2>.footer-seo-v2>[data-fl-featured-articles]{
  display:grid!important;
  grid-template-columns:repeat(5,max-content)!important;
  grid-template-rows:repeat(2,minmax(0,auto));
  grid-auto-flow:column;
  justify-content:space-between!important;
  column-gap:25px!important;
  row-gap:12.5px!important;
  margin:0!important;
  padding:0!important;
}
@media(min-width:1101px){
  #landing .flaun-footer-v2>.footer-seo-v2>[data-fl-featured-articles]>a:nth-last-child(-n+2){text-align:right}
}
@media(max-width:1100px){
  #landing .flaun-footer-v2>.footer-seo-v2>[data-fl-featured-articles]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none;
    grid-auto-flow:row;
  }
}
@media(max-width:650px){
  #landing .flaun-footer-v2>.footer-seo-v2>[data-fl-featured-articles]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  #landing .flaun-footer-v2>.footer-seo-v2>[data-fl-featured-articles]{grid-template-columns:1fr!important}
}

/* Flaun v1890 — light translucent public-site header, preserving the existing navigation geometry. */
#landing .landing-topbar{
  background:rgba(250,250,252,.92)!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
/* Flaun v1981 — the public header scrolls with the page; no duplicate bottom rule. */
#landing > header.landing-topbar{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  z-index:100!important;
}
/* Keep every public application button its exact size, even during hover or press. */
#landing .landing-actions .landing-register,
#landing .fl-home .fl-home-cta,
#landing a.fl-about-button[href="/register"],
#landing .fl-kb-article-side-cta a[href="/register"],
#landing .fl-kb-article-cta>a[href="/register"],
#landing .fl-about-last a[href="/register"],
#landing #mobileNav button[onclick*="register"]{
  transform:none!important;
  scale:1!important;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
#landing .landing-actions .landing-register:hover,
#landing .landing-actions .landing-register:active,
#landing .landing-actions .landing-register:focus-visible,
#landing .fl-home .fl-home-cta:hover,
#landing .fl-home .fl-home-cta:active,
#landing .fl-home .fl-home-cta:focus-visible,
#landing a.fl-about-button[href="/register"]:hover,
#landing a.fl-about-button[href="/register"]:active,
#landing .fl-kb-article-side-cta a[href="/register"]:hover,
#landing .fl-kb-article-side-cta a[href="/register"]:active,
#landing .fl-kb-article-cta>a[href="/register"]:hover,
#landing .fl-kb-article-cta>a[href="/register"]:active,
#landing .fl-about-last a[href="/register"]:hover,
#landing .fl-about-last a[href="/register"]:active,
#landing #mobileNav button[onclick*="register"]:hover,
#landing #mobileNav button[onclick*="register"]:active{
  transform:none!important;
  scale:1!important;
}
/* Specific v1890 override for legacy :hover:not(.fl-apply-loading) selectors. */
#landing .landing-topbar .landing-actions .landing-register:hover,
#landing .landing-topbar .landing-actions .landing-register:active,
#landing .fl-home .fl-home-cta:hover:not(.fl-apply-loading),
#landing .fl-home .fl-home-cta:active:not(.fl-apply-loading),
#landing a.fl-about-button[href="/register"]:hover,
#landing a.fl-about-button[href="/register"]:active,
#landing .fl-kb-article-side-cta a[href="/register"]:hover,
#landing .fl-kb-article-side-cta a[href="/register"]:active,
#landing .fl-kb-article-cta>a[href="/register"]:hover,
#landing .fl-kb-article-cta>a[href="/register"]:active,
#landing .fl-about-last a[href="/register"]:hover,
#landing .fl-about-last a[href="/register"]:active,
#landing #mobileNav button[onclick*="register"]:hover,
#landing #mobileNav button[onclick*="register"]:active{
  transform:none!important;
  scale:1!important;
}

/* v1891: Apply CTAs remain visually identical in size and shadow on hover/press. */
#landing .landing-actions .landing-register,
#landing .fl-home .fl-home-cta,
#landing a.fl-about-button[href="/register"],
#landing .fl-kb-article-side-cta a[href="/register"],
#landing .fl-kb-article-cta>a[href="/register"],
#landing .fl-about-last a[href="/register"],
#landing #mobileNav button[onclick*="register"],
#landing .landing-topbar .landing-actions .landing-register:hover,
#landing .landing-topbar .landing-actions .landing-register:active,
#landing .fl-home .fl-home-cta:hover:not(.fl-apply-loading),
#landing .fl-home .fl-home-cta:active:not(.fl-apply-loading),
#landing a.fl-about-button[href="/register"]:hover,
#landing .fl-kb-article-side-cta a[href="/register"]:hover,
#landing .fl-kb-article-cta>a[href="/register"]:hover,
#landing .fl-about-last a[href="/register"]:hover,
#landing #mobileNav button[onclick*="register"]:hover {
  transform:none!important;
  scale:1!important;
  box-shadow:0 3px 10px rgba(23,23,23,.035),0 5px 14px rgba(255,245,0,.13)!important;
  filter:none!important;
  transition:none!important;
}
#landing .fl-home .fl-home-cta:hover svg,
#landing .landing-actions .landing-register:hover>span,
#landing .fl-home .fl-home-cta:active svg,
#landing .landing-actions .landing-register:active>span {transform:none!important;transition:none!important;}
/* The short-lived loading indicator is overlaid; it must never add button width. */
#landing .fl-apply-loading{position:relative!important;}
#landing .fl-apply-loading::after{
  position:absolute!important;top:calc(50% - 7px)!important;right:12.5px!important;
  margin:0!important;box-sizing:border-box!important;width:14px!important;height:14px!important;
  flex:none!important;
}
#landing .fl-apply-loading>svg,
#landing .fl-apply-loading>span[aria-hidden="true"]{opacity:0!important;}