@font-face{font-family:Bricolage;src:url('assets/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#302a3b;--muted:#706879;--violet:#6656d9;--violet2:#4f3dbd;--lav:#eee8ff;--mint:#dff7ec;--peach:#ffe7d9;--cream:#fffaf4;--line:#ded7e7;--white:#fff;--shadow:0 22px 70px rgba(75,57,110,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 0,#def7eb 0,transparent 25%),radial-gradient(circle at 5% 18%,#eee8ff 0,transparent 27%),#fbfaf7;font-family:Bricolage,"Segoe UI",sans-serif;font-size:18px}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-weight:800}.mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#7d6ce6,#5542c0);box-shadow:0 9px 25px #c9bffa;font-size:20px}.navlinks{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:10px;color:white;background:var(--violet);font-weight:750;box-shadow:0 10px 28px rgba(102,86,217,.22);border:0}.button:hover{background:var(--violet2);transform:translateY(-1px)}.button.ghost{color:var(--ink);background:white;border:1px solid var(--line);box-shadow:none}.hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center;padding:70px 0 100px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#6656d9;font-weight:800}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.96;letter-spacing:-.065em;margin:18px 0 25px}.hero h1 span{color:var(--violet)}.lede{font-size:20px;line-height:1.55;color:var(--muted);max-width:640px}.actions{display:flex;gap:12px;margin-top:30px}.trust{display:flex;gap:24px;margin-top:28px;color:#6e6678;font-size:13px}.trust span:before{content:'✓';color:#31916a;margin-right:7px}.app-shot{position:relative;border:1px solid var(--line);background:white;border-radius:20px;padding:16px;box-shadow:var(--shadow);transform:rotate(1deg)}.appbar{display:flex;gap:6px;padding:3px 3px 14px}.appbar i{width:9px;height:9px;border-radius:50%;background:#d7d0df}.appbar i:nth-child(1){background:#ffb99c}.appbar i:nth-child(2){background:#ffdc92}.appbar i:nth-child(3){background:#8eddbb}.mock{height:420px;display:grid;grid-template-columns:30% 1fr;border:1px solid #e4dfea;border-radius:12px;overflow:hidden;background:#fbf9fd}.mock-side{padding:18px 11px;background:#f3effb;border-right:1px solid #e2dbe9}.mock-brand{font-weight:800;margin-bottom:24px}.mock-step{padding:10px;margin:7px 0;border-radius:7px;background:white;border:1px solid #e2dbe8;font-size:10px}.mock-main{padding:20px}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title b{font-size:16px}.pill{font-size:9px;padding:5px 8px;border-radius:99px;color:#347f5d;background:#e5f8ef}.table{margin-top:20px;border:1px solid #e2dce7;border-radius:8px;overflow:hidden}.row{display:grid;grid-template-columns:1.4fr 1fr .8fr;font-size:9px}.row span{padding:11px;border-right:1px solid #ebe6ef;border-bottom:1px solid #ebe6ef}.row.head{background:#f0ecf8;font-weight:800;color:#60586b}.float{position:absolute;padding:13px 16px;border-radius:12px;background:white;box-shadow:0 14px 40px rgba(64,49,90,.18);font-size:13px;font-weight:750}.float.one{left:-38px;bottom:68px}.float.two{right:-34px;top:80px}.float b{color:var(--violet)}.section{padding:105px 0}.section-head{max-width:730px;margin-bottom:46px}.section-head h2,.page-hero h1{font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.section-head p,.page-hero p{color:var(--muted);line-height:1.6}.pas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pas article{padding:28px;border-radius:18px;border:1px solid var(--line);background:white}.pas article:nth-child(2){background:var(--peach)}.pas article:nth-child(3){background:var(--mint)}.pas b{display:block;font-size:12px;color:var(--violet);letter-spacing:.12em}.pas h3{font-size:26px;margin:13px 0}.pas p{font-size:15px;line-height:1.55;color:#655e6d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1200px}.flip{height:250px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip:hover .flip-inner,.flip:focus-within .flip-inner,.flip.flipped .flip-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;padding:28px;border:1px solid var(--line);border-radius:18px;backface-visibility:hidden;background:white;box-shadow:0 12px 30px rgba(75,57,110,.05)}.face.back{transform:rotateY(180deg);background:var(--lav);display:flex;flex-direction:column;justify-content:center}.face .icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--lav);font-size:22px}.face h3{font-size:22px;margin:25px 0 8px}.face p{font-size:14px;line-height:1.5;color:var(--muted)}.face small{font-size:11px;color:#8a8194}.face.back p{font-size:19px;color:#443a52;font-weight:700}.band{padding:55px;border-radius:25px;background:#322949;color:white;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.band h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}.band p{color:#cfc7db;margin:0}.band .button{background:#8f7ff0}.formats{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.formats span{padding:10px 14px;border:1px solid #ddd6e6;border-radius:99px;background:white;font-weight:700;font-size:13px}.footer{margin-top:80px;padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;color:#706879;font-size:14px}.footer-links{display:flex;gap:22px}.page-hero{padding:90px 0 55px;max-width:820px}.policy,.use-grid{padding-bottom:80px}.policy article{max-width:900px;background:white;border:1px solid var(--line);border-radius:20px;padding:40px;box-shadow:0 18px 55px rgba(70,54,98,.05)}.policy h2{margin-top:38px;font-size:25px}.policy h2:first-child{margin-top:0}.policy p,.policy li{color:#625b6b;line-height:1.7;font-size:16px}.use-grid{display:grid;gap:24px}.use-case{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px;border:1px solid var(--line);background:white;border-radius:20px;box-shadow:0 14px 45px rgba(70,54,98,.05)}.use-case:nth-child(even) .use-copy{order:2}.path{font-size:12px;color:var(--violet);font-weight:800;letter-spacing:.08em}.use-case h2{font-size:32px;margin:12px 0}.use-case p{color:var(--muted);line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:7px 10px;border-radius:99px;background:var(--lav);font-size:12px;font-weight:700}.viz{min-height:270px;border-radius:15px;background:#f7f4fb;display:grid;place-items:center;overflow:hidden}.viz svg{width:90%;height:230px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{padding:20px;border:1px solid var(--line);border-radius:13px;background:white}.faq summary{font-weight:750;cursor:pointer}.faq p{font-size:14px;line-height:1.5;color:var(--muted)}
@media(max-width:850px){body{font-size:16px}.navlinks a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-art{margin:20px 30px}.pas,.features{grid-template-columns:1fr}.flip{height:220px}.band{grid-template-columns:1fr;padding:35px}.use-case{grid-template-columns:1fr}.use-case:nth-child(even) .use-copy{order:0}.faq{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.float{display:none}}

/* Detailed landing-page sections */
.brand-icon{width:42px;height:42px;border-radius:12px;display:block;object-fit:cover;box-shadow:0 9px 25px #c9bffa}.lever-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lever{position:relative;min-height:260px;padding:30px;border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden}.lever:nth-child(2){background:var(--mint)}.lever:nth-child(3){background:var(--peach)}.lever:nth-child(4){background:var(--lav)}.lever-no{position:absolute;right:20px;top:4px;font-size:88px;font-weight:800;color:rgba(70,54,98,.07)}.lever h3{font-size:27px;margin:45px 0 10px}.lever p{color:var(--muted);font-size:15px;line-height:1.55}.lever strong{display:block;margin-top:18px;color:var(--violet);font-size:14px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px}.workflow article{position:relative;padding:24px 18px;background:white;border:1px solid var(--line);border-right:0}.workflow article:first-child{border-radius:15px 0 0 15px}.workflow article:last-child{border-right:1px solid var(--line);border-radius:0 15px 15px 0}.workflow article:not(:last-child):after{content:'›';position:absolute;right:-10px;top:42%;z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--violet)}.workflow b{display:block;color:var(--violet);font-size:12px}.workflow h3{font-size:17px;margin:10px 0}.workflow p{font-size:12px;line-height:1.5;color:var(--muted)}.setup{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start;padding:45px;border-radius:24px;color:white;background:#322949}.setup h2{font-size:44px;line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px}.setup p{color:#d0c8db;line-height:1.6}.setup-note{padding:16px;border:1px solid #5c506f;border-radius:10px;color:#d9d0e5;background:#3a3051;font-size:13px}.os-tabs{display:flex;gap:7px;margin-bottom:12px}.os-tabs button{padding:8px 12px;color:#d4cbe1;background:transparent;border:1px solid #655877;border-radius:7px;cursor:pointer}.os-tabs button.active{color:#322949;background:#dff7ec;border-color:#dff7ec}.os-panel{display:none}.os-panel.active{display:block}.setup ol{margin:0;padding:0;list-style:none;counter-reset:setup}.setup li{counter-increment:setup;position:relative;margin:0 0 12px;padding:15px 16px 15px 52px;border-radius:10px;background:#403655;color:#eee9f3;font-size:14px;line-height:1.55}.setup li:before{content:counter(setup);position:absolute;left:15px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#322949;background:#8ee0bd;font-size:11px;font-weight:800}.setup code{display:block;margin-top:8px;padding:11px;border-radius:7px;color:#c8f7e4;background:#211a31;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-x:auto}.micro{font-size:12px!important;color:#a99fb8!important}.savings{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.savings-card{padding:32px;border:1px solid var(--line);border-radius:19px;background:white}.savings-card h3{font-size:26px;margin:5px 0 12px}.savings-card p{color:var(--muted);line-height:1.6;font-size:15px}.math{background:var(--lav)}.math strong{display:block;font-size:45px;color:var(--violet);letter-spacing:-.05em}.math span{display:block;margin-top:6px;color:#655d70}.good-read{max-width:760px;font-size:20px!important;line-height:1.65!important}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--violet);font-size:21px}.faq details[open] summary:after{content:'−'}
@media(max-width:850px){.lever-grid,.savings{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.workflow article,.workflow article:first-child,.workflow article:last-child{border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.workflow article:not(:last-child):after{display:none}.setup{grid-template-columns:1fr;padding:28px}.setup h2{font-size:36px}}
@media(max-width:850px){html,body{overflow-x:hidden}.hero>*{min-width:0}.hero-art{margin:20px 0}.app-shot{transform:none}.actions,.trust,.os-tabs{flex-wrap:wrap}.setup code{max-width:100%}}
.domain-list{display:grid;gap:12px}.domain-list details{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden;box-shadow:0 10px 32px rgba(70,54,98,.04)}.domain-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:22px 25px}.domain-list summary::-webkit-details-marker{display:none}.domain-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;color:#5747bd;background:var(--lav);font-size:21px}.domain-list details:nth-child(2n) .domain-icon{color:#347e60;background:var(--mint)}.domain-list details:nth-child(3n) .domain-icon{color:#a85536;background:var(--peach)}.domain-title b{display:block;font-size:19px}.domain-title small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.domain-chevron{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--violet);background:#f2edff;font-size:20px;transition:.25s}.domain-list details[open] .domain-chevron{transform:rotate(45deg)}.domain-body{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;padding:0 25px 25px 97px}.domain-block{padding:20px;border-radius:13px;background:#faf8fc}.domain-block:nth-child(2){background:#f1fbf6}.domain-block:nth-child(3){background:#fff8f3}.domain-block h3{margin:0 0 10px;font-size:13px;color:var(--violet);letter-spacing:.08em;text-transform:uppercase}.domain-block p,.domain-block li{color:#655d70;font-size:13px;line-height:1.55}.domain-block p{margin:0}.domain-block ol{margin:0;padding-left:19px}.domain-block li+li{margin-top:6px}@media(max-width:850px){.domain-list summary{grid-template-columns:45px 1fr auto;padding:18px 16px;gap:12px}.domain-icon{width:43px;height:43px}.domain-title small{display:none}.domain-body{grid-template-columns:1fr;padding:0 16px 16px}.domain-title b{font-size:16px}}
.band .formats span{color:#3f3948;background:#fff;border-color:#d8d0e1}
/* FlowOS field guide */
.flowos-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding:85px 0 60px}.flowos-hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.06em;margin:15px 0 24px}.flowos-hero>div>p:not(.eyebrow){max-width:760px;color:var(--muted);line-height:1.65}.flowos-map{padding:28px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow);display:grid;gap:10px;text-align:center}.flowos-map span,.flowos-map strong{font-size:11px;letter-spacing:.16em;color:var(--violet)}.flowos-map b{padding:15px;border-radius:11px;background:var(--lav);font-size:14px}.flowos-map b:nth-of-type(2){background:var(--mint)}.flowos-map b:nth-of-type(3){background:var(--peach)}.flowos-map i{font-style:normal;color:#948aa0}.flowos-intro{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}.flowos-intro div{padding:24px;border-right:1px solid var(--line)}.flowos-intro div:last-child{border:0}.flowos-intro strong,.flowos-intro span{display:block}.flowos-intro strong{font-size:26px;color:var(--violet)}.flowos-intro span{margin-top:5px;color:var(--muted);font-size:12px}.flowos-toc{position:sticky;top:10px;z-index:5;display:flex;gap:7px;justify-content:center;margin-top:28px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(70,54,98,.08);backdrop-filter:blur(12px)}.flowos-toc a{padding:9px 13px;border-radius:8px;font-size:12px;font-weight:750}.flowos-toc a:hover{color:var(--violet);background:var(--lav)}.flowos-category{padding-top:100px;scroll-margin-top:70px}.flowos-category-head{max-width:760px;margin-bottom:34px}.flowos-category-head h2{font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.05em;margin:12px 0}.flowos-feature{margin-bottom:24px;padding:30px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 16px 48px rgba(70,54,98,.05)}.flowos-feature>header{display:flex;gap:17px;align-items:center}.flowos-feature>header>span{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;color:#5747bd;background:var(--lav);font-size:22px}.flowos-feature:nth-of-type(3n+2)>header>span{color:#347e60;background:var(--mint)}.flowos-feature:nth-of-type(3n)>header>span{color:#a85536;background:var(--peach)}.flowos-feature header small{font-weight:800;color:var(--violet)}.flowos-feature h3{font-size:28px;margin:0}.flowos-feature header p{margin:4px 0 0;color:var(--muted);font-size:14px}.flowos-problem{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.flowos-problem>div{padding:18px;border-radius:12px;background:#faf8fc}.flowos-problem>div:nth-child(2){background:#f2fbf7}.flowos-problem b,.data-sample>b,.flow-steps>b{display:block;margin-bottom:8px;color:var(--violet);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.flowos-problem p{margin:0;color:#625b6b;font-size:14px;line-height:1.55}.flowos-example{display:grid;grid-template-columns:1fr .75fr 1fr;gap:12px}.data-sample,.flow-steps{min-width:0;padding:18px;border:1px solid #e8e2ec;border-radius:12px;background:#fff}.data-sample.output{background:#f2fbf7;border-color:#d6ede1}.data-sample table{width:100%;border-collapse:collapse;font-size:12px}.data-sample th,.data-sample td{padding:8px;text-align:left;border:1px solid #e7e1eb}.data-sample th{color:#5d5468;background:#f3eff9}.data-sample table+table{margin-top:9px}.flow-steps{background:#fff8f3}.flow-steps ol{margin:0;padding-left:18px;color:#625b6b;font-size:12px;line-height:1.55}.flow-steps li+li{margin-top:5px}.flowos-feature code{padding:2px 4px;border-radius:4px;background:#eee8ff;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.code-sample pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#4f465b;font:12px/1.65 ui-monospace,Consolas,monospace}.scope{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.scope b{color:var(--ink)}
/* VBA Export field guide */
.vba-web-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center;padding:85px 0 75px}.vba-web-hero h1{font-size:clamp(50px,6vw,78px);line-height:.97;letter-spacing:-.06em;margin:15px 0 24px}.vba-web-hero code,.vba-walkthrough code,.vba-mental code{padding:2px 5px;border-radius:5px;background:var(--lav);font:13px ui-monospace,Consolas,monospace}.vba-loop{padding:27px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow);display:grid;grid-template-columns:34px 1fr;gap:10px 12px;align-items:center}.vba-loop span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--violet);font-size:11px;font-weight:800}.vba-loop b{padding:13px;border-radius:10px;background:var(--lav);font-size:14px}.vba-loop i{grid-column:1/3;text-align:center;color:#958a9f;font-style:normal;height:14px}.vba-why{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.vba-why article{padding:27px;border:1px solid var(--line);border-radius:18px;background:white}.vba-why article:nth-child(2){background:var(--mint)}.vba-why article:nth-child(3){background:var(--peach)}.vba-why article>b{font-size:11px;letter-spacing:.12em;color:var(--violet)}.vba-why h2{font-size:24px;line-height:1.1;margin:13px 0}.vba-why p{font-size:14px;line-height:1.6;color:var(--muted)}.vba-compare{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center}.vba-compare>div{min-height:270px;padding:25px;border:1px solid var(--line);border-radius:17px;background:white}.vba-compare>div:nth-of-type(2){background:var(--lav)}.vba-compare>div:nth-of-type(3){background:var(--mint)}.vba-compare>i{font-size:30px;color:var(--violet);font-style:normal}.vba-compare span,.vba-compare strong{display:block}.vba-compare span{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--violet)}.vba-compare strong{margin:12px 0;font-size:22px}.vba-compare li{margin:7px 0;color:var(--muted);font-size:13px}.vba-compare pre{white-space:pre-wrap;font:12px/1.75 ui-monospace,Consolas,monospace;color:#4f465b}.vba-walkthrough{background:linear-gradient(180deg,transparent,#f4f0fb 8%,#f4f0fb 92%,transparent)}.vba-guide-step{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:center;padding:60px 0;border-bottom:1px solid #ddd5e7}.vba-guide-step.reverse .vba-step-copy{order:2}.vba-guide-step.reverse figure{order:1}.vba-step-copy>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:14px;color:white;background:var(--violet);font-size:14px;font-weight:800;box-shadow:0 10px 28px #c9bffa}.vba-step-copy h3{font-size:34px;line-height:1.05;margin:8px 0 15px}.vba-step-copy>p:not(.eyebrow),.vba-step-copy li{color:var(--muted);font-size:14px;line-height:1.65}.vba-step-copy ol{padding-left:20px}.vba-step-copy li+li{margin-top:6px}.vba-guide-step figure{margin:0}.vba-guide-step figure img{display:block;width:100%;border-radius:20px;box-shadow:0 22px 65px rgba(68,50,100,.13)}.vba-guide-step figcaption{margin-top:11px;text-align:center;color:#7e7488;font-size:11px}.vba-callout{margin-top:18px;padding:13px 15px;border-left:4px solid #4dab7d;border-radius:8px;background:#e8f8f0;color:#355e4b;font-size:12px;line-height:1.55}.vba-callout.warning{border-color:#d78b52;background:#fff0e7;color:#755038}.vba-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vba-support-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.vba-support-grid article:nth-child(2){background:var(--mint)}.vba-support-grid article:nth-child(3){background:var(--peach)}.vba-support-grid article:nth-child(4){background:var(--lav)}.vba-support-grid h3{font-size:23px;margin:0 0 10px}.vba-support-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.vba-large{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding:44px;border-radius:24px;color:white;background:#322949}.vba-large h2{font-size:42px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px}.vba-large p{color:#cec6da;line-height:1.65}.vba-large ol{margin:0;padding:0;list-style:none;counter-reset:large}.vba-large li{position:relative;counter-increment:large;padding:13px 15px 13px 48px;border-bottom:1px solid #554a65}.vba-large li:before{content:counter(large);position:absolute;left:5px;top:11px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#322949;background:#8ee0bd;font-size:10px;font-weight:800}.vba-large b,.vba-large span{display:block}.vba-large b{font-size:14px}.vba-large span{margin-top:3px;color:#bfb5cc;font-size:12px}.navlinks [aria-current="page"]{color:var(--violet)}
@media(max-width:900px){.vba-web-hero{grid-template-columns:1fr;gap:30px}.vba-why{grid-template-columns:1fr}.vba-compare{grid-template-columns:1fr}.vba-compare>i{transform:rotate(90deg);text-align:center}.vba-guide-step,.vba-large{grid-template-columns:1fr}.vba-guide-step.reverse .vba-step-copy,.vba-guide-step.reverse figure{order:initial}.vba-support-grid{grid-template-columns:1fr}.vba-guide-step{gap:28px}.vba-large{padding:28px}}
/* VBA editable parameter help */
.parameter-hero{max-width:900px}.parameter-intro{padding-top:45px}.parameter-anatomy,.parameter-scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.parameter-anatomy article,.parameter-scenarios article{padding:27px;border:1px solid var(--line);border-radius:18px;background:white}.parameter-anatomy article.editable{background:#fff8cd;border-color:#e7d36e}.parameter-anatomy span,.parameter-sheet .head,.example-result span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--violet)}.parameter-anatomy h3,.parameter-scenarios h3{margin:10px 0 8px}.parameter-anatomy p,.parameter-scenarios p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.parameter-example{background:#f3eff9}.parameter-sheet{overflow:auto;border:1px solid #d9d0e5;border-radius:16px;background:white;box-shadow:var(--shadow)}.parameter-row{min-width:760px;display:grid;grid-template-columns:1fr 1.4fr 1.3fr .75fr 1.15fr}.parameter-row span{padding:15px;border-right:1px solid #e7e1eb;border-bottom:1px solid #e7e1eb;font-size:13px}.parameter-row.head{background:#e9e2f6}.parameter-row .edit-cell{background:#fff8cd;font-weight:700}.parameter-row.changed .edit-cell{box-shadow:inset 4px 0 #5ca77f}.parameter-row del{color:#9a6973;margin-right:8px}.example-result{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:22px}.example-result>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:white}.example-result strong{display:block;margin:9px 0}.example-result p{margin:0;color:var(--muted);font-size:13px}.example-result i{font-size:30px;color:var(--violet)}.parameter-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:param}.parameter-steps li{position:relative;counter-increment:param;padding:20px 24px 20px 76px;border:1px solid var(--line);border-radius:14px;background:white}.parameter-steps li:before{content:counter(param);position:absolute;left:22px;top:17px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--lav);color:var(--violet);font-weight:800}.parameter-steps b,.parameter-steps span{display:block}.parameter-steps span{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.55}.parameter-warning,.parameter-promo{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:40px;border-radius:22px;background:#322949;color:white}.parameter-warning h2,.parameter-promo h2{font-size:38px;line-height:1.05;margin:8px 0 14px}.parameter-warning p,.parameter-promo p,.parameter-warning li{color:#cec6da;line-height:1.6}.parameter-warning li+li{margin-top:8px}.parameter-promo{grid-template-columns:1fr auto;background:linear-gradient(120deg,#322949,#5c4bb5)}.parameter-promo .button{white-space:nowrap;background:#8f7ff0}@media(max-width:800px){.parameter-anatomy,.parameter-scenarios,.example-result,.parameter-warning,.parameter-promo{grid-template-columns:1fr}.example-result i{transform:rotate(90deg);text-align:center}.parameter-warning,.parameter-promo{padding:27px}}
@media(max-width:850px){.flowos-hero{grid-template-columns:1fr;gap:28px;padding-top:55px}.flowos-intro{grid-template-columns:1fr 1fr}.flowos-intro div:nth-child(2){border-right:0}.flowos-intro div:nth-child(-n+2){border-bottom:1px solid var(--line)}.flowos-toc{position:static;justify-content:flex-start;overflow-x:auto}.flowos-toc a{white-space:nowrap}.flowos-problem,.flowos-example{grid-template-columns:1fr}.flowos-feature{padding:20px}.flowos-category{padding-top:75px}}