:root{--green:#16ca66;--green-dark:#07984a;--green-soft:#e9fff2;--pink:#ff66cc;--pink-soft:#fff0fa;--blue:#358ac4;--ink:#172033;--muted:#5d6678;--line:#e5e9ef;--surface:#f7f9fc;--shadow:0 24px 70px rgba(13,31,56,.1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:92px 0}.section-soft{background:var(--surface)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--green-dark);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow::before{content:"";width:26px;height:3px;background:linear-gradient(90deg,var(--green),var(--pink));border-radius:9px}.section-title{margin:0;max-width:800px;font-size:clamp(2rem,3.9vw,3.1rem);letter-spacing:-.045em;line-height:1.18}.section-lead{max-width:720px;color:var(--muted);margin:20px 0 0;font-size:1.02rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid transparent;border-radius:999px;padding:13px 22px;font-weight:700;font-size:.87rem;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(110deg,var(--green-dark),var(--green));box-shadow:0 12px 28px #16ca6630}.btn-secondary{background:#fff;border-color:var(--line)}.text-link{color:var(--green-dark);font-weight:600}.skip-link{position:fixed;top:10px;left:10px;z-index:500;background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{flex:0 0 118px}.brand img{width:118px}.main-nav{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:600}.main-nav a:hover{color:var(--green-dark)}.main-nav .btn{min-height:42px;padding:9px 17px;color:#fff}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px}.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;position:relative;width:20px;height:2px;background:var(--ink);margin:auto;content:""}.menu-toggle span::before{position:absolute;top:-6px}.menu-toggle span::after{position:absolute;top:6px}
.hero{overflow:hidden;padding:74px 0 68px;background:radial-gradient(circle at 5% 20%,#16ca661a,transparent 33%),radial-gradient(circle at 90% 10%,#ff66cc19,transparent 32%),linear-gradient(#fff,#f8fbff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.hero h1{margin:0;font-size:clamp(2.6rem,4.8vw,4rem);line-height:1.12;letter-spacing:-.055em}.hero h1 span{color:var(--green-dark)}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin:24px 0 0;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:26px 0 0;list-style:none;font-size:.75rem;font-weight:600;color:var(--muted)}.hero-proof li::before{content:"✓";color:var(--green-dark);margin-right:6px}
.ticket-demo{padding:24px;border:1px solid #dce4ec;border-radius:30px;background:linear-gradient(140deg,#10233d,#18355a);box-shadow:var(--shadow);color:#fff}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.demo-heading strong{font-size:.88rem}.demo-heading span{color:#bdcad9;font-size:.64rem}.demo-tabs{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.demo-tabs button{padding:8px 12px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff09;color:#ccd6e1;font-size:.7rem;font-weight:600}.demo-tabs button[aria-pressed=true]{background:#dcffea;color:#0b7940;border-color:#dcffea}.ticket-sheet{background:#fff;border-radius:20px;padding:22px;color:var(--ink)}.ticket-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.protocol{color:var(--muted);font-size:.65rem;font-weight:600}.status{display:inline-block;padding:5px 9px;border-radius:99px;background:var(--green-soft);color:#08713b;font-size:.63rem;font-weight:600}.ticket-sheet h2{font-size:1.25rem;line-height:1.3;margin:16px 0 18px;letter-spacing:-.025em}.ticket-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticket-meta div{padding:12px;background:var(--surface);border-radius:12px}.ticket-meta dt{font-size:.6rem;color:var(--muted)}.ticket-meta dd{margin:4px 0 0;font-size:.74rem;font-weight:600}.ticket-tag{font-size:.65rem;color:#a6297b;background:var(--pink-soft);border-radius:9px;padding:5px 9px}.ticket-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.ticket-history{border-top:1px solid var(--line);padding-top:16px}.ticket-history>strong{font-size:.72rem}.ticket-history ol{padding-left:17px;margin:13px 0 0;border-left:2px solid #ccebd9;list-style:none}.ticket-history li{position:relative;padding:0 0 13px 3px;font-size:.68rem;color:var(--muted)}.ticket-history li::before{position:absolute;content:"";left:-23px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid #fff}.ticket-history li:last-child{padding-bottom:0}.ticket-history b{display:block;color:var(--ink);font-weight:600}.demo-note{margin:14px 0 0;color:#c3cfdd;font-size:.65rem;line-height:1.5}
.benefit-strip{border-bottom:1px solid var(--line);padding:28px 0}.benefit-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.benefit-strip strong{display:block;font-size:.92rem}.benefit-strip span{display:block;color:var(--muted);font-size:.79rem;margin-top:5px}.benefit-strip article+article{border-left:1px solid var(--line);padding-left:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading .section-title{max-width:710px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.feature-card{padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 26px #0d1f3805}.feature-number{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--green-soft);color:var(--green-dark);font-size:.78rem;font-weight:700;margin-bottom:20px}.feature-card:nth-child(even) .feature-number{background:var(--pink-soft);color:#b12b84}.feature-card h3{margin:0;font-size:1.08rem;line-height:1.35;letter-spacing:-.025em}.feature-card p{margin:10px 0 0;color:var(--muted);font-size:.85rem}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px;counter-reset:step}.workflow article{border-top:2px solid #bbe9cf;padding-top:20px;counter-increment:step}.workflow article::before{content:"0" counter(step);color:var(--green-dark);font-weight:700;font-size:.85rem}.workflow h3{margin:14px 0 8px;font-size:1rem}.workflow p{margin:0;color:var(--muted);font-size:.85rem}
.context-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.context-visual{padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.context-client{padding:16px 18px;background:var(--green-soft);border-radius:15px}.context-client strong{display:block;font-size:.92rem}.context-client span{color:var(--muted);font-size:.73rem}.context-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.context-links a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;font-size:.77rem;font-weight:600}.context-links img{width:27px;height:27px;object-fit:contain}.context-resolution{border:1px solid #f8c9eb;border-radius:15px;padding:17px;background:var(--pink-soft)}.context-resolution strong{display:block;font-size:.86rem}.context-resolution span{color:var(--muted);font-size:.74rem}.compact-list{padding-left:20px;margin:24px 0 0;color:var(--muted);font-size:.89rem}.compact-list li{padding-left:3px;margin-bottom:9px}.compact-list li::marker{color:var(--green-dark)}.context-copy .text-link{display:inline-block;margin-top:20px;font-size:.86rem}
.flows{background:radial-gradient(circle at 0% 100%,#16ca6619,transparent 40%),radial-gradient(circle at 100% 0%,#ff66cc1f,transparent 40%),#fff}.flows-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.flow-economy{display:inline-flex;gap:10px;margin-top:22px;border-radius:12px;padding:11px 16px;background:var(--green-soft);color:#08713b;font-weight:600;font-size:.84rem}.flow-footnote{color:var(--muted);font-size:.74rem;max-width:560px;margin:16px 0 0}.flow-footnote a{text-decoration:underline}.flow-form{width:min(100%,340px);margin-inline:auto;padding:22px;border:1px solid #c9e6d5;border-radius:28px;background:#e8f4ec;box-shadow:var(--shadow)}.flow-form>span:not(.flow-submit){display:block;font-size:.72rem;color:#37604a;font-weight:600;letter-spacing:.05em}.flow-form h3{margin:20px 0 14px;font-size:1.12rem}.flow-field{padding:13px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:11px;background:#fff}.flow-field small{display:block;color:var(--muted);font-size:.62rem}.flow-field strong{display:block;font-size:.78rem;font-weight:500;margin-top:5px}.flow-submit{display:block;border-radius:11px;background:#0b7940;color:#fff;padding:12px;text-align:center;font-size:.77rem;font-weight:600}.flow-form>p{font-size:.64rem;color:#37604a;margin:12px 0 0}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.use-cases article{border-left:3px solid var(--green);padding-left:20px}.use-cases article:nth-child(2){border-color:var(--pink)}.use-cases h3{font-size:1rem;margin:0 0 9px}.use-cases p{font-size:.85rem;color:var(--muted);margin:0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:.93rem;font-weight:600;cursor:pointer}.faq-list p{font-size:.85rem;color:var(--muted);margin:14px 0 0}.faq-list a{color:var(--green-dark);text-decoration:underline}
.contact-section{padding:84px 0;background:#0d1f38;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:64px;align-items:start}.contact-section .eyebrow{color:#79f2ac}.contact-section .section-lead{color:#c1cddd}.contact-points{display:grid;gap:12px;margin-top:27px;font-size:.85rem;color:#cbd8e8}.contact-points a:hover{color:#79f2ac}.form-card{padding:28px;background:#fff;border-radius:26px;color:var(--ink)}.form-card h3{font-size:1.22rem;line-height:1.3;margin:0}.form-card>p{color:var(--muted);font-size:.8rem;margin:12px 0 18px}.form-placeholder{color:var(--muted);font-size:.82rem;padding:22px 0}.form-card .hs-form-frame{min-height:180px}footer{padding:45px 0 28px;background:#09172a;color:#c3cfdd;font-size:.8rem}.footer-top{display:flex;justify-content:space-between;gap:32px;align-items:start;margin-bottom:25px}.footer-brand img{width:118px;background:#fff;padding:10px;border-radius:10px}.footer-brand p{max-width:370px;margin:14px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px}.footer-links a:hover{color:#79f2ac}.flugo-related-pages{border-top:1px solid #ffffff20;padding-top:20px}.flugo-related-pages__title{font-weight:600;margin:0 0 10px}.flugo-related-pages__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;font-size:.74rem}.flugo-related-pages__list a:hover{color:#79f2ac}.page-ending{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff20;margin-top:24px;padding-top:20px;font-size:.68rem}.cookie-settings{background:none;border:0;padding:0;color:#c3cfdd;font-size:.72rem;text-decoration:underline}
.cookie-banner{position:fixed;bottom:18px;right:18px;z-index:201;width:min(530px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow:auto;background:#fff;padding:24px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);color:var(--ink)}.cookie-overlay{position:fixed;inset:0;background:#0d1f3855;z-index:200}.cookie-banner h2{font-size:1.15rem;margin:0 0 10px}.cookie-banner p{color:var(--muted);font-size:.79rem;margin:0 0 18px}.cookie-row{display:grid;gap:16px}.cookie-links{display:flex;gap:16px;align-items:center;font-size:.75rem}.cookie-links button{border:0;background:transparent;color:var(--green-dark);font-size:.75rem;padding:0}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{border:0;border-radius:999px;font-size:.72rem;font-weight:600;padding:10px 13px}.cookie-btn-primary{background:var(--green-dark);color:#fff}.cookie-btn-secondary{background:#edf2f7;color:var(--ink)}.cookie-btn-reject{background:var(--pink-soft);color:#a82c7d}.cookie-prefs{margin-top:18px;border-top:1px solid var(--line)}.cookie-option{display:flex;justify-content:space-between;gap:15px;padding:15px 0;font-size:.75rem}.cookie-option small{display:block;color:var(--muted)}.cookie-switch{flex:0 0 44px;border:0;border-radius:99px;width:44px;height:24px;background:#cbd5e1;position:relative}.cookie-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.cookie-switch.on{background:var(--green-dark)}.cookie-switch.on::after{transform:translateX(20px)}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.js .reveal.visible{opacity:1;transform:none}
.btn-primary{background:linear-gradient(110deg,#067339,#07833f)}.cookie-btn-primary{background:#067339}
@media(max-width:980px){.hero-grid{gap:30px}.main-nav{gap:16px}.context-grid,.flows-grid,.contact-grid{gap:34px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem)}}
@media(max-width:860px){.section{padding:68px 0}.header-inner{min-height:76px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:85px;left:20px;right:20px;max-height:calc(100dvh - 110px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav .btn{margin-top:8px}.hero{padding:48px 0}.hero-grid,.context-grid,.flows-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(2.5rem,6.8vw,3.8rem)}.ticket-demo{max-width:620px;width:100%;margin:auto}.workflow{grid-template-columns:repeat(2,1fr)}.benefit-strip .container{gap:18px}.benefit-strip article+article{padding-left:18px}.faq-grid{gap:34px}.contact-section{padding:68px 0}.footer-top{flex-direction:column}.section-heading{align-items:start;flex-direction:column}.use-cases{gap:18px}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.hero-actions .btn{width:100%}.hero-proof{gap:8px 14px}.hero h1{font-size:2.7rem}.ticket-demo{padding:17px;border-radius:24px}.ticket-sheet{padding:18px}.demo-heading{align-items:start;flex-direction:column;gap:4px}.benefit-strip .container,.feature-grid,.workflow,.use-cases{grid-template-columns:1fr}.benefit-strip article+article{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.section{padding:56px 0}.feature-card{padding:24px}.context-visual{padding:20px}.context-links a{padding:12px;font-size:.7rem}.context-links img{width:22px;height:22px}.workflow{gap:28px}.form-card{padding:22px}.page-ending{align-items:start;flex-direction:column}.flow-economy{font-size:.76rem;line-height:1.5}.cookie-banner{padding:20px}.cookie-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
