@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#12291f;--dark:#102b20;--dark2:#173a2a;--lime:#a6d52b;--green:#84b413;--muted:#69776f;--line:#e3eae5;--paper:#f8faf7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{width:min(1200px,calc(100% - 80px));margin:auto}.site-header{height:90px;background:white;position:sticky;top:0;z-index:50;border-bottom:1px solid #eef1ee}.nav-shell,.brand,.main-nav,.nav-actions{display:flex;align-items:center}.nav-shell{height:100%;justify-content:space-between;gap:28px}.brand{gap:11px;flex-shrink:0}.brand-mark{width:54px;height:54px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:64px;height:64px;object-fit:contain}.brand-product{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.8px;font-weight:800}.brand-product span{color:var(--green)}.main-nav{gap:28px}.main-nav>a{font-size:13px;font-weight:700;color:#4a5c50;transition:color .2s}.main-nav>a:hover,.login-link:hover{color:var(--green)}.nav-actions{gap:22px}.login-link{font-size:13px;font-weight:800;white-space:nowrap}.login-link span{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:9px;padding:16px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px;font-weight:500}.btn-primary,.btn-dark{background:var(--dark);color:white}.btn-primary:hover,.btn-dark:hover{background:#204834}.btn-lime{background:var(--lime);color:var(--dark)}.btn-lime:hover{background:#b8e643;box-shadow:0 12px 35px #a6d52b35}.btn-outline{border:1px solid #6b8976;color:white;background:transparent}.btn-outline:hover{background:#ffffff12}.menu-toggle,.mobile-login{display:none!important}
.hero{background:var(--dark);color:white;position:relative;overflow:hidden}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 43% 52% at 82% 45%,#3a713847,transparent 75%),radial-gradient(ellipse 32% 65% at 14% 90%,#1d533242,transparent 80%)}.hero-grid{position:relative;display:grid;grid-template-columns: .94fr 1.06fr;gap:40px;min-height:660px;align-items:center;padding-top:68px;padding-bottom:68px}.hero-copy{position:relative;z-index:3}.eyebrow,.kicker,.panel-kicker{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:9px;color:#c9e6b7}.eyebrow-dot{height:8px;width:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #a6d52b21}.hero h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-3.6px;line-height:1.14;font-size:clamp(43px,4.65vw,67px);margin:26px 0 24px}.hero h1 em,.contact-section h2 em{color:var(--lime);font-style:normal}.hero-lead{max-width:520px;font-size:15px;line-height:1.9;color:#c6d8ca}.hero-lead strong{color:white}.hero-actions{display:flex;gap:12px;margin:30px 0}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#bdd4c2;font-size:11px;font-weight:700}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points svg{width:15px;height:15px;color:var(--lime);stroke-width:3}.hero-visual{position:relative;min-width:0;transform:translateX(17px)}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}.orbit-one{width:620px;height:620px;top:-70px;left:-50px}.orbit-two{width:770px;height:770px;top:-145px;left:-125px}.app-preview{display:flex;width:660px;max-width:none;height:412px;background:#f7f9f7;border-radius:14px;box-shadow:0 35px 80px #0007;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transform-origin:left center;overflow:hidden;border:6px solid #ffffff25;color:var(--ink);position:relative}.preview-side{width:155px;flex-shrink:0;background:#143326;color:white;padding:16px 10px;display:flex;flex-direction:column}.preview-brand{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;margin:3px 4px 25px}.preview-logo{font-size:23px;color:#b1dd36;font-weight:900;line-height:1}.preview-logo span{color:white}.preview-label{font-size:7px;letter-spacing:1.3px;color:#91aa97;margin:10px 7px}.preview-item{display:flex;align-items:center;gap:9px;padding:9px 8px;color:#d3dfd5;font-size:10px;border-radius:6px;margin-bottom:3px}.preview-item.selected{background:#a6d52b25;color:#d9f6a1}.preview-item small{margin-left:auto;background:#2c513b;border-radius:5px;padding:2px 5px;color:#cbe8c4}.mini-icon{font-size:16px;color:#a5d532}.preview-user{margin-top:auto;border-top:1px solid #3c5c47;padding:13px 3px 2px;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:700}.preview-user small{display:block;color:#8ba695;font-size:8px;margin-top:3px}.preview-avatar{width:25px;height:25px;display:grid;place-items:center;background:#a6d52b;color:#193523;border-radius:6px;font-size:9px}.preview-main{flex:1;padding:0 19px 20px;min-width:0}.preview-top{height:44px;border-bottom:1px solid #e8eee9;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800}.preview-chevron{color:#9ca8a0;font-weight:500}.preview-top-icons{color:#87968a}.preview-top-icons b{display:inline-grid;place-items:center;width:20px;height:20px;background:#dcebc7;color:#47752b;border-radius:50%;font-size:8px}.preview-greeting{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px}.preview-greeting>span:first-child{display:flex;flex-direction:column;gap:6px}.preview-greeting small{font-size:9px;color:#829287}.preview-greeting strong{font-size:20px;letter-spacing:-.7px}.preview-date{background:white;border:1px solid #e4eae5;padding:8px 10px;border-radius:6px;font-size:9px}.preview-date span{margin-left:12px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-stat{background:white;border:1px solid #e8eee8;border-radius:8px;padding:13px 12px;display:flex;flex-direction:column;gap:8px}.preview-stat span{font-size:9px;color:#667a6c}.preview-stat strong{font-size:25px;line-height:1}.preview-stat small{font-size:8px;color:#77a231}.preview-table{background:white;border:1px solid #e8eee8;border-radius:8px;margin-top:14px;padding:12px}.preview-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.preview-table-head strong{font-size:11px}.preview-table-head>span{font-size:8px;color:#699b28}.preview-task{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eef1ee}.task-check{width:15px;height:15px;border:1.5px solid #b6c2b7;border-radius:4px;flex-shrink:0}.task-check.done{background:#d8ecc1;color:#55851b;display:grid;place-items:center;border:0;font-size:10px}.preview-task>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.preview-task b{font-size:9px}.preview-task small{font-size:8px;color:#8a978e}.tag{font-size:8px;font-style:normal;padding:5px 7px;border-radius:4px;white-space:nowrap}.tag-yellow{background:#fff1d4;color:#a16c00}.tag-green{background:#e8f5db;color:#59851c}.tag-gray{background:#edf0ed;color:#7e8b80}.floating-card{position:absolute;background:white;color:var(--ink);border-radius:11px;box-shadow:0 15px 50px #0004;display:flex;align-items:center;gap:10px;padding:13px 15px;z-index:4}.floating-card b{font-size:11px;display:block}.floating-card small{font-size:9px;color:#78887c;display:block;margin-top:3px}.float-icon{background:#e5f5c8;color:#6a9d24;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800}.float-icon.ticket{background:#e7f1ee;color:#2e8b5b}.float-one{right:-18px;top:-31px}.float-two{bottom:-34px;left:45px}.hero-bottom{position:relative;z-index:2;border-top:1px solid #ffffff1c;display:flex;align-items:center;gap:22px;height:70px;color:#91ae9c;font-size:10px;letter-spacing:1.3px;font-weight:700}.hero-bottom strong{font-size:15px;letter-spacing:-.4px;color:white}.hero-bottom-divider{height:20px;width:1px;background:#476450}
.section-pad{padding:110px 0}.section-head{margin-bottom:49px}.section-head.center{text-align:center}.kicker{color:#709d24}.section-head h2,.advantages-copy h2,.workflow h2,.faq h2,.quote-grid h2,.contact-section h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-2.2px;font-size:clamp(32px,3.6vw,49px);line-height:1.23;margin:16px 0 18px}.section-head h2 span,.faq h2 span,.quote-grid h2 span{color:#7b8e80}.section-head p{max-width:570px;margin:auto;color:var(--muted);font-size:15px;line-height:1.85}.intro{background:#f8faf7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:305px;background:white;border:1px solid #e7ede7;border-radius:13px;padding:29px;overflow:hidden;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1a3a2410}.feature-highlight{background:#eaf3dc;border-color:#e4edcf}.feature-icon{width:47px;height:47px;background:#eef5e7;color:#689b25;border-radius:11px;display:grid;place-items:center;margin-bottom:26px}.feature-highlight .feature-icon{background:#d7e9bc}.feature-index{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7a9b68}.feature-card h3{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.6px;margin:10px 0}.feature-card p{font-size:13px;color:#6a7a6e;line-height:1.85;margin:0;max-width:315px}.feature-arrow{position:absolute;right:28px;bottom:24px;color:#6f9b2c;font-size:20px}.task-art{margin-top:22px;display:grid;gap:6px}.task-art div{background:#fff9;display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:8px 10px;font-size:10px}.task-art b{font-size:9px;color:#7d9e52}.dark-section{background:#123123;color:white}.advantages-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:115px}.kicker.green{color:#a6d52b}.advantages-copy h2{font-size:clamp(39px,4.5vw,60px);margin-top:22px}.advantages-copy h2 span{color:var(--lime)}.advantages-copy>p{font-size:15px;line-height:1.9;color:#c0d4c5;max-width:430px}.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--lime);font-size:13px;font-weight:800;border-bottom:1px solid #a6d52b;padding-bottom:9px;margin-top:20px}.text-link span{font-size:19px}.advantages-list{border-top:1px solid #ffffff30}.advantage{display:grid;grid-template-columns:42px 1fr 30px;gap:16px;padding:25px 0;border-bottom:1px solid #ffffff30}.adv-num{color:var(--lime);font-size:12px;font-weight:800}.advantage h3{font-size:16px;margin:0 0 8px;font-family:Manrope,sans-serif}.advantage p{font-size:13px;color:#a9c0b0;line-height:1.7;margin:0}.adv-icon{color:#b2d98a;font-size:20px}.workflow{background:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative}.steps:before{content:'';position:absolute;height:1px;left:8%;right:8%;top:62px;background:#d9e8cc}.step{position:relative;text-align:center}.step-visual{height:125px;width:125px;border:1px solid #d9e8cc;border-radius:50%;background:#f4f8ef;margin:0 auto 26px;display:grid;place-items:center;position:relative}.step-number{position:absolute;top:-10px;right:-8px;background:var(--dark);color:white;font-size:10px;padding:7px 8px;border-radius:50%;font-weight:800}.step-glyph{font-size:42px;color:#6f9d25;font-weight:400}.step h3{font-size:17px;font-family:Manrope,sans-serif;margin:0 0 12px}.step p{font-size:13px;color:#738176;line-height:1.75;max-width:240px;margin:auto}.quote-section{background:#e7f2d7;padding:75px 0}.quote-grid{display:grid;grid-template-columns:1fr 370px;align-items:center;gap:80px}.quote-grid h2{font-size:clamp(32px,4vw,53px);margin-bottom:0}.quote-side p{font-size:14px;line-height:1.8;color:#4f6b50;margin:0 0 25px}.faq{background:#f8faf7}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.faq-grid>div:first-child>p{font-size:14px;color:var(--muted);line-height:1.8}.dark-link{color:#4b7f21;border-color:#4b7f21}.faq-items{border-top:1px solid #d9e3db}.faq-items details{border-bottom:1px solid #d9e3db;padding:23px 0}.faq-items summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:14px;font-weight:800;align-items:center}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:24px;color:#7b9e42;font-weight:400;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:13px;color:#718174;line-height:1.85;max-width:520px;margin:14px 25px 0 0}.contact-section{background:var(--dark);color:white;padding:110px 0;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 450px;gap:95px}.contact-section h2{font-size:clamp(43px,5vw,67px);line-height:1.12;margin:22px 0}.contact-grid>div:first-child>p{max-width:460px;color:#c4d6c7;font-size:15px;line-height:1.9}.contact-meta{margin-top:65px;display:grid;gap:10px;color:#8cae97;font-size:12px}.contact-panel{background:white;border-radius:14px;padding:32px;color:var(--ink);box-shadow:0 25px 70px #0003}.panel-kicker{color:#7c9e46}.contact-panel h3{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;margin:10px 0}.contact-panel>p{font-size:13px;color:#718175;line-height:1.7}.contact-panel form{display:flex;flex-direction:column;margin-top:20px}.contact-panel label{font-size:11px;font-weight:800;margin:11px 0 6px}.contact-panel input,.contact-panel textarea{width:100%;border:1px solid #dce5dd;border-radius:7px;padding:11px 12px;font-size:13px;outline:0;resize:vertical;background:#fbfcfb;color:var(--ink)}.contact-panel input:focus,.contact-panel textarea:focus{border-color:#8ebd39;box-shadow:0 0 0 3px #a6d52b26}.btn-full{width:100%;margin-top:20px}.form-note{font-size:10px!important;line-height:1.6!important;color:#849087!important;margin:10px 0 0!important}.site-footer{background:#0b2017;color:white;padding:62px 0 0}.footer-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:65px}.footer-brand p{font-size:12px;line-height:1.8;color:#91a799}.site-footer .brand-mark{background:white;border-radius:8px}.site-footer .brand-product{color:white}.footer-links{display:flex;gap:80px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-size:12px;margin-bottom:8px}.footer-links a{font-size:12px;color:#9ab2a2}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:23px 0;font-size:11px;color:#829b8a}.footer-heart{color:var(--lime)}
@media(max-width:1150px){.shell{width:min(1100px,calc(100% - 48px))}.main-nav{gap:15px}.nav-shell{gap:15px}.hero-grid{gap:5px}.hero-visual{transform:translateX(5px) scale(.83);transform-origin:left center}.advantages-grid{gap:65px}.faq-grid{gap:60px}.contact-grid{gap:55px}}
@media(max-width:900px){.site-header{height:75px}.main-nav{display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:18px 24px 26px;box-shadow:0 20px 35px #0002;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px 8px;font-size:15px;border-bottom:1px solid #edf1ed}.main-nav .mobile-login{display:block!important;color:#558724}.nav-cta,.login-link{display:none}.menu-toggle{display:flex!important;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:10px}.menu-toggle span{width:24px;height:2px;background:var(--dark);border-radius:2px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:75px;padding-bottom:85px}.hero-copy{max-width:650px}.hero-visual{transform:none;max-width:100%;min-height:380px}.app-preview{transform:scale(.87);transform-origin:top left}.floating-card.float-one{right:5%;top:-25px}.floating-card.float-two{bottom:12px}.features-grid{grid-template-columns:repeat(2,1fr)}.advantages-grid{grid-template-columns:1fr;gap:40px}.advantages-copy{max-width:600px}.quote-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid{max-width:650px}.contact-panel{max-width:540px}.footer-links{gap:40px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.site-header{height:70px}.main-nav{top:70px}.brand-mark{width:43px;height:43px}.brand-mark img{width:54px;height:54px}.brand-product{font-size:17px}.hero-grid{padding-top:60px;padding-bottom:38px;gap:40px}.hero h1{font-size:clamp(39px,10vw,55px);letter-spacing:-2.5px}.hero-lead{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1;min-width:210px}.hero-points{gap:10px 18px}.hero-visual{height:270px;min-height:0;overflow:visible}.app-preview{transform:scale(.57);transform-origin:top left}.floating-card{transform:scale(.77)}.float-one{right:-8px!important;top:-22px!important}.float-two{left:0;bottom:0!important}.hero-bottom{flex-wrap:wrap;gap:8px 12px;padding:17px 0;height:auto;font-size:9px}.hero-bottom-divider{display:none}.section-pad{padding:72px 0}.section-head{margin-bottom:35px}.section-head h2,.advantages-copy h2,.faq h2,.quote-grid h2{letter-spacing:-1.6px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:260px;padding:24px}.feature-highlight{min-height:345px}.advantages-grid{gap:30px}.advantage{grid-template-columns:26px 1fr 18px;gap:9px}.steps{grid-template-columns:repeat(2,1fr);gap:35px 14px}.steps:before{display:none}.step-visual{width:100px;height:100px;margin-bottom:18px}.step p{font-size:12px}.quote-section{padding:60px 0}.quote-grid{gap:20px}.contact-section{padding:75px 0}.contact-section h2{letter-spacing:-2px}.contact-meta{margin-top:35px}.contact-panel{padding:23px}.footer-top{flex-direction:column;gap:35px;padding-bottom:40px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.footer-bottom{gap:12px;flex-direction:column}}
@media(max-width:370px){.app-preview{transform:scale(.48)}.hero-visual{height:235px}.floating-card.float-one{right:-12px!important}.btn{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Logo-Fix: BRIT-Original ist ein breites Logo (627x398), kein quadratisches Icon. */
.brand-mark{width:90px;height:58px;flex:0 0 90px;overflow:visible;display:flex;align-items:center;justify-content:center}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.site-footer .brand-mark{padding:4px;background:#fff}
@media(max-width:650px){.brand-mark{width:74px;height:48px;flex-basis:74px}.brand-mark img{width:100%;height:100%}}

/* Accessible, responsive flag language selector */
.language-switch{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.lang-flag{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:37px;border:2px solid transparent;border-radius:10px;text-decoration:none;font-size:24px;line-height:1;background:rgba(255,255,255,.09);transition:border-color .15s,background .15s,transform .15s}
.lang-flag:hover,.lang-flag:focus-visible{background:rgba(145,216,116,.19);transform:translateY(-1px)}
.lang-flag[aria-current="true"]{border-color:#95d875;background:rgba(149,216,117,.16)}
.main-nav>.language-switch{display:none}
@media(max-width:960px){.nav-actions>.language-switch{display:none}.main-nav>.language-switch{display:inline-flex;margin:12px 0 4px}}

/* Compact text-based language switch: DE | EN */
.language-switch{gap:8px}
.lang-flag{min-width:auto;min-height:32px;padding:3px 7px;font-size:13px;font-weight:750;letter-spacing:.05em;border-radius:6px}
.language-divider{opacity:.6;font-size:14px;user-select:none}

/* BRIT Flow logo supplied by the owner: replace old BRIT GmbH + Flow header/footer branding */
.brand.brand-flow-logo{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;line-height:0;min-width:0}
.brand-flow-image{display:block;width:230px;max-width:100%;height:auto;max-height:78px;object-fit:contain}
.site-footer .brand.brand-flow-logo{background:none}
@media(max-width:1100px){.brand-flow-image{width:188px;max-height:64px}}
@media(max-width:650px){.brand-flow-image{width:145px;max-height:50px}}

/* BRIT FLOW MARKETING ONLY – dark/lime design refresh, 2026-10-13.
   Existing sections, links, forms and DE/EN behaviour are intentionally retained. */
:root{--flow-lime:#a6d52b;--flow-lime-light:#c5f43b;--flow-ink:#050f0c;--flow-header:#071510}
.site-header{height:88px;background:linear-gradient(100deg,#0c1d13 0%,#08120f 53%,#0b1c12 100%);border-bottom:1px solid #a6d52b32;box-shadow:0 6px 25px #0000001a;backdrop-filter:blur(16px)}
.nav-shell{width:min(1400px,calc(100% - 70px));gap:23px}
.site-header .brand-flow-image{width:230px;max-height:74px;filter:drop-shadow(0 2px 8px #0006)}
.site-header .main-nav{gap:clamp(13px,1.6vw,28px)}
.site-header .main-nav>a{position:relative;color:#e4ede7;font-size:14px;font-weight:600;padding:34px 0;white-space:nowrap}
.site-header .main-nav>a:hover,.site-header .main-nav>a:focus-visible{color:var(--flow-lime-light)}
.site-header .main-nav>a:first-child{color:var(--flow-lime-light)}
.site-header .main-nav>a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--flow-lime-light);border-radius:5px}
.site-header .login-link{color:#d4e6da;font-size:13px}
.site-header .login-link:hover{color:var(--flow-lime-light)}
.site-header .login-link span{color:var(--flow-lime-light)}
.site-header .language-switch{gap:5px}
.site-header .lang-flag{font-size:14px;font-weight:750;color:#edf6ec;padding:4px 5px;background:transparent;border:0;min-height:35px;letter-spacing:0}
.site-header .lang-flag[aria-current="true"]{color:var(--flow-lime-light);background:transparent}
.site-header .lang-flag:hover{color:var(--flow-lime-light);background:transparent;transform:none}
.site-header .language-divider{color:#e4ede7;opacity:.7}
.site-header .nav-cta{background:var(--flow-lime-light);color:#10200b;border:1px solid #d4ff58;border-radius:40px;padding:14px 20px;gap:12px;box-shadow:0 6px 20px #a6d52b19;font-size:13px}
.site-header .nav-cta:hover{background:#d9ff70;box-shadow:0 9px 30px #a6d52b55}
.hero{background:radial-gradient(ellipse 60% 60% at 79% 32%,#1d4c1b 0%,transparent 70%),linear-gradient(120deg,#030c0a 0%,#071512 55%,#0a2213 100%);isolation:isolate}
.hero-glow{background:radial-gradient(ellipse 46% 50% at 75% 82%,#9acd1b32,transparent 75%),radial-gradient(ellipse 30% 55% at 0% 70%,#255c1c2b,transparent 75%)}
.hero-lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.8;background:repeating-radial-gradient(ellipse 75% 44% at 88% 110%,transparent 0 22px,#b0e73512 23px,#b0e73512 24px,transparent 25px 41px);mask-image:linear-gradient(transparent 20%,#000 100%)}
.hero-grid{width:min(1400px,calc(100% - 70px));grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);min-height:655px;gap:38px;padding-top:90px;padding-bottom:92px}
.hero-copy{max-width:700px}
.hero .eyebrow{color:#c1d9bd;letter-spacing:2.4px;font-size:10px}
.hero .eyebrow-dot{background:var(--flow-lime-light);box-shadow:0 0 0 5px #b8eb3620}
.hero h1{font-size:clamp(43px,4.1vw,68px);letter-spacing:-2.9px;line-height:1.18;margin:29px 0 24px;white-space:nowrap}
.hero h1 em{color:var(--flow-lime-light);text-shadow:0 0 45px #a6d52b16}
.hero-lead{color:#c6d4cf;font-size:16px;line-height:1.8;max-width:590px}
.hero-actions{gap:14px;margin:34px 0 35px}
.hero-actions .btn{border-radius:40px;min-height:58px;font-size:14px;gap:20px;padding:15px 25px}
.hero-actions .btn-lime{background:var(--flow-lime-light);color:#0e1c0b;box-shadow:0 12px 45px #9dd32420}
.hero-actions .btn-lime:hover{background:#d7ff6c;box-shadow:0 15px 45px #a6d52b55}
.hero-actions .btn-outline{border:1px solid #c5f43b;color:#f4f8f0;background:#07171099}
.hero-actions .btn-outline:hover{background:#a6d52b1e}
.hero-points{color:#d7e5d7;font-size:12px;gap:15px 22px}
.hero-points svg{color:var(--flow-lime-light)}
.hero-visual{transform:translateX(0);padding:20px 0 20px 0;min-width:0}
.hero-visual .orbit{display:none}
.hero-visual .app-preview{width:670px;height:425px;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg) rotateZ(-1deg);border:6px solid #1a2628;border-radius:17px;box-shadow:0 20px 0 -10px #293a3b,0 32px 0 -16px #050b0c,0 45px 90px #000b,0 0 55px #9fce2622}
.hero-visual .preview-side{background:#071b18}
.hero-visual .preview-item.selected{background:#8ec21b33;color:#d8f7a0}
.hero-visual .preview-brand{margin:2px 3px 24px;min-height:26px}
.preview-brand-image{display:block;width:108px;height:auto;max-height:32px;object-fit:contain}
.hero-visual .preview-main{background:#f7f9f8}
.hero-visual .floating-card{display:none}
.feature-orbit{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:89px;height:86px;border-radius:16px;background:linear-gradient(145deg,#122a20ec,#071810f5);border:1px solid #a6d52b6b;box-shadow:0 10px 40px #0009,0 0 25px #a6d52b12;color:#e9f5e6;font-size:10px;font-weight:800;text-align:center;pointer-events:none}
.feature-orbit span{font-size:29px;color:var(--flow-lime-light);line-height:1}
.feature-orbit.orbit-top{left:-64px;top:-24px}
.feature-orbit.orbit-mid{left:-76px;top:139px}
.feature-orbit.orbit-bottom{left:-57px;bottom:-22px}
.feature-orbit.orbit-right-top{right:-42px;top:12px}
.feature-orbit.orbit-right-bottom{right:-45px;bottom:10px}
.hero-bottom{width:min(1400px,calc(100% - 70px));border-color:#a6d52b26;color:#b4c7b6}
.hero-bottom strong{color:#e9f6e3}
/* Other sections keep their existing light/dark alternating visual rhythm. */
@media(max-width:1350px){.site-header .brand-flow-image{width:190px}.site-header .main-nav{gap:14px}.site-header .main-nav>a{font-size:12px}.site-header .nav-cta{padding:12px 15px}.nav-actions{gap:12px}.hero-grid{gap:20px}.hero-visual{transform:scale(.9);transform-origin:left center}.feature-orbit.orbit-right-top,.feature-orbit.orbit-right-bottom{right:-5px}}
@media(max-width:1080px){.site-header .brand-flow-image{width:160px}.site-header .main-nav{gap:10px}.site-header .main-nav>a{font-size:11px}.site-header .login-link{display:none}.hero h1{font-size:clamp(38px,4.6vw,57px)}.hero-visual{transform:scale(.76);transform-origin:left center}}
@media(max-width:900px){.site-header{height:76px}.nav-shell{width:calc(100% - 42px)}.site-header .brand-flow-image{width:185px;max-height:68px}.site-header .main-nav{top:76px;background:#0a1d15;border-bottom:1px solid #a6d52b42;padding:15px 24px 25px;box-shadow:0 20px 35px #0007}.site-header .main-nav>a{color:#e4ede7;padding:13px 8px;font-size:14px;border-bottom:1px solid #ffffff19}.site-header .main-nav>a:first-child:after{display:none}.site-header .main-nav .mobile-login{color:var(--flow-lime-light)}.site-header .menu-toggle span{background:var(--flow-lime-light)}.hero-grid{width:calc(100% - 60px);grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:70px;min-height:0}.hero h1{font-size:clamp(40px,7vw,64px)}.hero-visual{transform:none;width:min(670px,100%);min-height:445px;padding:28px 0 0 45px}.hero-visual .app-preview{transform:scale(.86);transform-origin:top left}.feature-orbit.orbit-top{left:0;top:0}.feature-orbit.orbit-mid{left:0;top:160px}.feature-orbit.orbit-bottom{left:0;bottom:12px}.feature-orbit.orbit-right-top{right:0;top:0}.feature-orbit.orbit-right-bottom{right:0;bottom:20px}.hero-bottom{width:calc(100% - 60px)}}
@media(max-width:650px){.site-header{height:70px}.site-header .main-nav{top:70px}.site-header .brand-flow-image{width:151px}.hero-grid{width:calc(100% - 36px);padding-top:58px;padding-bottom:40px;gap:20px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(34px,8.8vw,50px);letter-spacing:-1.9px;white-space:normal}.hero-lead{font-size:14px}.hero-actions{margin:28px 0;gap:11px}.hero-actions .btn{font-size:12px;min-height:52px;min-width:0;flex:1;padding:12px 15px}.hero-visual{height:270px;min-height:0;padding:12px 0 0 8px;overflow:hidden}.hero-visual .app-preview{transform:scale(.48);transform-origin:top left}.feature-orbit{width:58px;height:58px;font-size:8px;border-radius:10px;gap:3px}.feature-orbit span{font-size:19px}.feature-orbit.orbit-top{left:0;top:0}.feature-orbit.orbit-mid{left:0;top:104px}.feature-orbit.orbit-bottom{left:0;bottom:7px}.feature-orbit.orbit-right-top{right:0;top:0}.feature-orbit.orbit-right-bottom{right:0;bottom:7px}.hero-bottom{width:calc(100% - 36px)}}
@media(max-width:380px){.hero-visual .app-preview{transform:scale(.41)}.hero-visual{height:232px}.hero-actions .btn{font-size:11px;padding:11px 12px}}

/* Ticket billing, rule-based automation and custom ticket pools */
.feature-icon-symbol{font-size:26px;font-weight:800;line-height:1;color:#a6d52b}
.feature-card-added{position:relative;overflow:hidden}
.billing-mini,.rules-mini,.pools-mini{margin-top:20px;border-radius:12px;background:#f3f8ea;border:1px solid #dce9c9;padding:14px;color:#24382b}
.billing-mini{display:grid;gap:9px}
.billing-mini>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}
.billing-mini strong{font-size:11px}
.rules-mini{display:grid;gap:9px}
.rules-mini span{font-size:11px;font-weight:750;padding:9px 10px;border-radius:8px;background:#fff}
.rules-mini span:last-child{background:#e1f3c4;color:#42691d}
.pools-mini{display:flex;flex-wrap:wrap;gap:8px}
.pools-mini span{border:1px solid #cce2a8;background:#fff;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:750}
.feature-orbit.orbit-extra{width:99px;height:91px;border-color:#b5ec5575;z-index:5}
.feature-orbit.orbit-extra strong{font-size:10px;line-height:1.15}
.feature-orbit.orbit-extra small{font-size:8px;color:#d2e5b2;font-weight:600}
.feature-orbit.orbit-extra-1{left:160px;bottom:-67px}
.feature-orbit.orbit-extra-2{right:91px;top:-76px}
.feature-orbit.orbit-extra-3{right:-62px;top:156px}
@media(max-width:1350px){.feature-orbit.orbit-extra-1{left:165px;bottom:-75px}.feature-orbit.orbit-extra-2{right:130px;top:-66px}.feature-orbit.orbit-extra-3{right:-10px;top:150px}}
@media(max-width:900px){.feature-orbit.orbit-extra-1{left:155px;bottom:-15px}.feature-orbit.orbit-extra-2{right:125px;top:-10px}.feature-orbit.orbit-extra-3{right:0;top:155px}}
@media(max-width:650px){
  .hero-visual{overflow:visible!important;height:330px!important;min-height:330px!important}
  .hero-visual .app-preview{transform:scale(.42)!important}
  .feature-orbit.orbit-extra{width:70px;height:67px;gap:2px;border-radius:11px}
  .feature-orbit.orbit-extra strong{font-size:8px}
  .feature-orbit.orbit-extra small{font-size:7px}
  .feature-orbit.orbit-extra-1{left:78px;bottom:0}
  .feature-orbit.orbit-extra-2{right:80px;top:0}
  .feature-orbit.orbit-extra-3{right:0;top:120px}
  .feature-orbit.orbit-extra span{font-size:19px}
}

/* Crisp, consistent SVG line icons instead of Unicode arrows / emoji. */
.ui-icon{display:inline-block;width:1.1em;height:1.1em;flex:0 0 auto;vertical-align:-.16em;stroke:currentColor;fill:none}
a .ui-icon,button .ui-icon{margin-left:.3em;transition:transform .2s ease}
a:hover .ui-icon,button:hover .ui-icon{transform:translate(2px,-2px)}
.btn .ui-icon{width:18px;height:18px;vertical-align:middle}
.feature-orbit .ui-icon{width:23px;height:23px;margin:0 auto;color:#c5f43b}
.feature-icon .ui-icon{width:25px;height:25px}
.feature-arrow .ui-icon,.adv-icon .ui-icon{width:22px;height:22px}
.float-icon .ui-icon{width:18px;height:18px}
.mini-icon .ui-icon{width:16px;height:16px}
.preview-top-icons .ui-icon{width:13px;height:13px;margin:0 5px;vertical-align:middle}
.preview-date .ui-icon{width:12px;height:12px}
.preview-stat small .ui-icon,.preview-table-head .ui-icon{width:12px;height:12px;margin-right:3px}
.footer-heart .ui-icon{width:13px;height:13px;color:#a6d52b}
.faq-items summary .ui-icon{width:18px;height:18px;vertical-align:middle}
.faq-items details[open] summary .ui-icon{transform:rotate(45deg)}
@media(max-width:650px){.feature-orbit .ui-icon{width:19px;height:19px}}