/* Futvio / Matchday — shared visual system */
:root{--ink:#0b1017;--panel:#131b25;--line:#2a3543;--muted:#b2becb;--lime:#c4f45e;--paper:#f5f7fa}
body{background:var(--ink);color:#f8fafc;line-height:1.7}html{scroll-padding-top:110px}::selection{background:var(--lime);color:var(--ink)}
.wrap{width:min(1240px,calc(100% - 80px))}.topbar{background:#0b1017ed;border-color:#25303e}.nav{height:88px}.brand{font-size:28px;letter-spacing:-1.4px}.brandmark{background:var(--lime);color:var(--ink);transform:none;border-radius:10px;width:37px;height:39px}.navlinks{gap:30px}.navlinks a{color:#c6ced8}.navlinks a:hover,.navlinks a[aria-current=page],.languages a[aria-current=true]{color:var(--lime)}.languages a{color:#bcc6d2}.languages{font-size:14px}.languages span{color:#8491a2}.nav-actions{gap:26px}
.button{border-radius:100px;background:var(--lime);color:#11180a;padding:16px 26px;font-size:15px;box-shadow:0 4px 18px #0001}.button:hover{background:#d6ff82;transform:translateY(-2px)}.button.secondary{border-color:#526171;background:#ffffff05;color:#f8fafc}.button.secondary:hover{background:#ffffff12}.button.small{padding:12px 21px}.menu-toggle{border-radius:9px;border-color:#526171}.skip{background:var(--lime);color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#79bbff}
.hero{grid-template-columns:1fr 1.1fr;gap:64px;padding:94px 0 76px;position:relative}.hero>div:first-child{min-width:0}.hero h1{font-size:clamp(56px,6.05vw,86px);letter-spacing:-4.6px;line-height:1.04;margin-bottom:28px}.hero h1 em,.language-main h1 em{color:var(--lime)}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:1.8px;margin-bottom:24px}.eyebrow:before{display:none}.hero-lead{font-size:17px;color:#bac5d2;max-width:500px}.hero-actions{margin-top:31px;gap:12px}.hero .micro{font-size:12px;max-width:440px;color:#95a3b5}.hero-proof{font-size:13px;color:#d2dae4;gap:22px}.hero-proof span:before{color:var(--lime)}
.hero-art{padding:28px 24px 0;margin:0;background:radial-gradient(ellipse at 70% 10%,#c4f45e17,transparent 65%),#131b25;border:1px solid #364352;border-radius:26px;box-shadow:0 30px 80px #0004;position:relative}.art-top{background:none;color:#d5dce6;border-radius:0;padding:0 0 22px;font-size:11px;letter-spacing:1.2px;gap:15px}.art-top span:last-child{color:#9aaaBD}.product-window{transform:none;border-radius:12px;border-color:#3e4a58;background:#0c1118;padding-top:14px;box-shadow:0 15px 35px #0005}.window-chrome{margin-bottom:14px}.window-chrome i{width:6px;height:6px;background:#768597}.window-chrome span{font-size:11px;color:#b8c4d2}.product-window img{height:auto;aspect-ratio:1.49;object-fit:contain;filter:none;background:#101010}.art-badge{transform:none;width:100%;margin:0;padding:22px 0 14px;background:none;color:var(--lime);box-shadow:none;border-radius:0;font-size:17px}.art-badge small{color:#c2cbd6;font-size:13px;margin-top:3px}.art-note{margin:0;padding:0 0 23px;color:#9caabd;font-size:12px}
.ribbon{border-color:var(--line);padding:30px 0;background:#10161f}.ribbon .wrap{gap:25px}.ribbon strong{font-size:24px;letter-spacing:-.7px}.ribbon small{color:#aab8ca;font-size:13px;margin-top:3px}.ribbon-label{color:#aab8ca;font-size:12px}.ribbon div.item{border-color:#33404f;padding-left:36px}
.section{padding:100px 0}.section h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-2.2px;line-height:1.12}.section-head{gap:50px;margin-bottom:46px}.section-head .section-intro{max-width:420px}.section-intro,.muted{color:var(--muted);font-size:16px}.text-link{border-color:#627388;font-size:14px}.text-link:hover,.footer-links a:hover{color:var(--lime)}.grid3{gap:24px}.grid2{gap:50px;align-items:start}.card{background:var(--panel);border-color:var(--line);border-radius:20px;padding:32px}.card h3{font-size:25px;letter-spacing:-.8px;margin:22px 0 15px}.card p{font-size:16px;color:var(--muted)}.card-number{color:var(--lime);font-size:12px;letter-spacing:1.3px}.guide-card{min-height:300px}.guide-card:hover{border-color:#9aba62}.guide-card .text-link{margin-top:20px}.risk{border-color:#7c8c9f;background:#ffffff04;padding:16px 20px;color:#b9c5d4;border-radius:0 10px 10px 0;margin-top:28px}.light{background:var(--paper);color:var(--ink)}.light .eyebrow{color:#406017}.light .section-intro,.light .muted{color:#4d5b6d}.light .text-link{border-color:#9da8b8}.light .text-link:hover{color:#406017}.light .card{background:white;border-color:#d8dfe8}.light .card p{color:#4d5b6d}
.automation-section{background:#f5f7fa;color:var(--ink)}.automation-section .eyebrow{color:#45651c}.automation-section .section-intro{color:#4d5b6d}.automation-steps{gap:22px;border:0;counter-reset:none}.automation-steps li,.automation-steps li+li{padding:30px;border:1px solid #dae1e9;background:white;border-radius:20px}.automation-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9f6d2;color:#3c5519;font-size:13px;letter-spacing:0}.automation-steps h3{font-size:26px;letter-spacing:-.8px;margin:28px 0 18px}.automation-steps h3 span{color:#576576}.automation-steps p{font-size:16px;color:#4e5d6f}.automation-explain{padding:30px 4px 48px;grid-template-columns:230px 1fr}.automation-explain p{color:#526073}.automation-label{color:#40531f}.automation-extras{gap:24px}.automation-extras article{border-radius:20px;padding:34px}.pack-feature{background:#e9f5d6;border-color:#d5e5bd}.history-feature{background:white;border-color:#dae1e9}.automation-extras h3{font-size:29px}.automation-extras p:not(.eyebrow){color:#4b5a68;font-size:16px}.history-note{border-color:#d7dfe7}.history-feature .text-link{color:#273b15}.workflow-source{color:#59677a;font-size:12px}.history-note p{color:#526073!important}
.community-section{background:#0f1620;border-color:var(--line)}.result-grid{gap:24px}.result-card{border-radius:20px;background:#19222e;border-color:#334151;transition:transform .2s,border-color .2s}.result-card:hover{transform:translateY(-4px);border-color:#829864}.result-image{padding:20px;background:#080c12}.result-image img{height:245px}.result-card figcaption{padding:25px;border-color:#334151}.result-card h3{font-size:21px;letter-spacing:-.5px}.result-card .micro{color:#afbdd0}.image-enlarge{background:var(--lime);color:#17210b;border-radius:50px}.result-context{color:#a6b5c7}.more-results summary{border-color:#5a6b81;border-radius:50px;padding:13px 23px}.result-dialog{background:#101722;border-color:#52677f;border-radius:20px}.dialog-close{background:#243246;border-color:#697d96;border-radius:50px}.result-dialog::backdrop{background:#02060ce8}
.calc{background:white;color:var(--ink);border-color:#dbe2ea;border-radius:24px;padding:34px;box-shadow:0 20px 60px #182b4410}.calc input{background:#f7f9fc;border-color:#b5c2d2;border-radius:10px;color:#142030;padding:14px}.calc-results{background:#101b29;border-radius:16px;padding:25px}.calc-results span{color:#b1c1d4;font-size:13px}.calc-results .positive{color:var(--lime)}.calc-results output{font-size:29px}.calc .micro{color:#5c6b7d}.calc-error{color:#a42118}.light .button.secondary{color:#142030;border-color:#7a8a9e}
.step{border-color:var(--line);padding:27px 0}.step:before{color:var(--lime)}.step p{color:var(--muted);font-size:16px}.faq{max-width:920px}.faq details{padding:24px 27px;margin-bottom:12px;background:#18212d;border:1px solid #334052;border-radius:14px}.faq summary{font-size:17px}.faq details[open]{border-color:#769247}.faq details p{color:#bec9d8;padding:0;font-size:16px}.cta-panel{border-radius:28px;padding:58px;background:var(--lime);color:#152009}.cta-panel h2{letter-spacing:-2px}.cta-panel .button{background:#101722;color:white}.cta-panel p{color:#34451d}.footer{background:#090e14;padding:65px 0 30px;border-color:var(--line)}.footer-bottom{border-color:var(--line)}.footer-links{font-size:14px}.micro{color:#a2b0c3;font-size:12px}
.article-hero{padding:78px 0 56px;max-width:1040px}.article-hero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-3px}.article-hero .lead{color:#b5c2d2;max-width:830px}.breadcrumb,.article-meta{color:#a9b7c9}.article-layout{gap:60px;grid-template-columns:minmax(0,820px) 280px}.prose{color:#c3cedc;font-size:17px}.prose h2,.prose h3{color:#f8fafc}.prose a:not(.button){color:#c4f45e}.prose td,.prose th{border-color:#344255}.prose th{background:#192536;color:#f0f5fc}.aside{background:#141e2a;border-color:#344255;border-radius:18px;padding:26px}.aside a:not(.button){border-color:#344255;color:#c3d0df}.callout{background:#1c2a3b;border-radius:14px}.price-card{display:flex;flex-direction:column}.price-card .button{margin-top:auto}.price-card.featured{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.price{color:white}.price small{color:#aebeD0}.price-card ul{margin-bottom:30px}.price-card li{border-color:#334151}.pill{background:#273648;color:#d6e2f1;border-radius:50px;font-size:12px;align-self:start}.language-page{background:var(--ink)}.language-main{max-width:1000px}.language-page .nav{border-color:var(--line)}
@media(min-width:1600px){.hero{padding:100px 0 90px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.hero h1{font-size:clamp(54px,6.7vw,75px);letter-spacing:-3.5px}.hero-art{padding:21px 19px 0}.navlinks{gap:19px}.nav-actions{gap:18px}.nav{gap:20px}.hero-proof{flex-wrap:wrap;gap:8px 18px}.art-top{font-size:10px}.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}.automation-steps li,.automation-steps li+li{padding:25px}.automation-steps h3{font-size:24px}.grid2{gap:32px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.navlinks{top:76px;background:#111c2a;border-color:#415269}.nav-actions{gap:17px}.hero{grid-template-columns:1fr;padding:55px 0 48px;gap:38px}.hero h1{font-size:clamp(54px,10vw,76px);letter-spacing:-3px}.hero-lead{max-width:570px}.hero-art{max-width:600px;width:100%;padding:24px 22px 0;margin:auto}.hero-actions .button{width:auto}.hero-proof{margin-top:22px}.section{padding:65px 0}.section-head{gap:10px;margin-bottom:32px}.section h2{font-size:clamp(33px,6.5vw,45px);letter-spacing:-1.6px}.ribbon .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.ribbon-label{grid-column:1/-1}.ribbon strong{font-size:19px}.ribbon small{font-size:12px;line-height:1.6}.ribbon div.item{padding-left:0;border:0}.automation-steps{gap:15px}.automation-steps li,.automation-steps li+li{padding:26px}.automation-steps h3{margin:19px 0 14px}.automation-explain{grid-template-columns:1fr;gap:10px}.automation-extras article{padding:27px}.result-image img{height:auto;max-height:360px}.result-card figcaption{padding:23px}.image-enlarge{opacity:1}.grid2{gap:30px}.article-layout{grid-template-columns:1fr}.article-hero{padding:45px 0 38px}.article-hero h1{letter-spacing:-2px}.cta-panel{padding:34px;border-radius:22px}.cta-panel h2{font-size:36px;letter-spacing:-1.5px}.mobile-cta{background:#101823f5;border-color:#3e4e63;padding-left:20px;padding-right:20px}.mobile-cta small{color:#bbc9da}.mobile-cta strong{font-size:13px}.mobile-cta .button{padding:12px 20px}.footer{padding-top:45px}.footer-links{line-height:2}.guide-card{min-height:250px}}
@media(max-width:440px){.hero h1{font-size:clamp(47px,13vw,58px);letter-spacing:-2.6px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hero-lead{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr;gap:11px}.hero-actions .button{width:100%}.hero-art{padding:20px 15px 0;border-radius:20px}.art-top{font-size:9px;gap:10px;letter-spacing:.6px}.art-badge{font-size:16px}.art-note{font-size:12px}.brand{font-size:24px}.brandmark{width:32px;height:34px}.nav-actions{gap:12px}.languages{font-size:12px}.menu-toggle{padding:8px 10px}.card{padding:26px}.calc{padding:23px}.calc-results{padding:22px}.calc-results output{font-size:28px}.faq details{padding:21px}.faq summary{font-size:16px}.automation-extras h3{font-size:26px}.article-hero h1{font-size:40px}.section h2 br{display:none}.cta-panel{padding:29px}.ribbon strong{font-size:17px}.hero-proof{font-size:12px}.footer .micro{font-size:12px}}
.section-head>div,.grid2>div,.grid3>div{min-width:0;max-width:100%}.section h2,.article-hero h1{overflow-wrap:break-word}.result-card .card-number{display:block;overflow-wrap:anywhere;line-height:1.6}