/*
Theme Name: Ocean Freight OS
Theme URI: https://oceanfreightos.com/
Author: Ocean Freight OS
Description: Premium enterprise SaaS marketing theme for Ocean Freight OS.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ocean-freight-os
*/

:root{
  --ofs-navy:#06162d;
  --ofs-navy-2:#0a2142;
  --ofs-navy-3:#0d2d58;
  --ofs-blue:#2f6bff;
  --ofs-blue-2:#5a8cff;
  --ofs-cyan:#20c7d9;
  --ofs-teal:#2ce0bc;
  --ofs-ink:#0b1d36;
  --ofs-muted:#61728d;
  --ofs-line:#dfe7f2;
  --ofs-soft:#f4f7fb;
  --ofs-soft-blue:#edf4ff;
  --ofs-white:#fff;
  --ofs-success:#12a66a;
  --ofs-warning:#e6a400;
  --ofs-radius:24px;
  --ofs-shadow:0 28px 80px rgba(6,22,45,.13);
  --ofs-shadow-dark:0 35px 90px rgba(0,8,25,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ofs-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} button,input,textarea,select{font:inherit}
.ofs-container{width:min(1240px,calc(100% - 48px));margin:0 auto}.ofs-narrow{max-width:850px}.ofs-section{padding:110px 0;position:relative}.ofs-section--soft{background:linear-gradient(180deg,#f8fbff 0%,#f1f6fd 100%)}.ofs-section--dark{background:var(--ofs-navy);color:#fff;overflow:hidden}.ofs-section--dark:before{content:"";position:absolute;inset:auto -10% -35% 45%;height:650px;background:radial-gradient(circle,rgba(47,107,255,.22),transparent 64%);pointer-events:none}
.ofs-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--ofs-blue);font-weight:850;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.ofs-eyebrow:before{content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--ofs-blue),var(--ofs-cyan))}.ofs-section--dark .ofs-eyebrow{color:#86a8ff}.ofs-title{margin:18px 0 20px;font-size:clamp(42px,5vw,68px);line-height:1.01;letter-spacing:-.055em}.ofs-title-sm{margin:14px 0 18px;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.045em}.ofs-lead{color:var(--ofs-muted);font-size:19px;max-width:760px}.ofs-section--dark .ofs-lead{color:#b8c8dc}.ofs-kicker{font-size:15px;font-weight:800;color:#8797ad}

/* Header */
.ofs-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(221,231,244,.8)}body.admin-bar .ofs-header{top:32px}.ofs-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.ofs-brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:-.03em;font-size:20px;white-space:nowrap}.ofs-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;background:linear-gradient(135deg,var(--ofs-blue),var(--ofs-cyan));box-shadow:0 12px 28px rgba(47,107,255,.32);position:relative;overflow:hidden}.ofs-brand-mark:after{content:"";position:absolute;width:34px;height:80px;background:rgba(255,255,255,.2);transform:rotate(35deg);left:-25px;top:-20px}.ofs-menu{display:flex;align-items:center;gap:30px;margin-left:auto}.ofs-menu a{font-size:14px;font-weight:800;color:#344761}.ofs-menu a:hover{color:var(--ofs-blue)}.ofs-actions{display:flex;align-items:center;gap:12px}.ofs-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 23px;border-radius:13px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.ofs-btn:hover{transform:translateY(-2px)}.ofs-btn--primary{background:linear-gradient(135deg,var(--ofs-blue),#1456f2);color:#fff;box-shadow:0 14px 34px rgba(47,107,255,.3)}.ofs-btn--primary:hover{box-shadow:0 18px 42px rgba(47,107,255,.38)}.ofs-btn--ghost{border-color:#cfdaea;background:rgba(255,255,255,.86);color:var(--ofs-ink)}.ofs-btn--light{background:#fff;color:var(--ofs-navy);box-shadow:0 12px 34px rgba(0,0,0,.14)}.ofs-mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--ofs-line);background:#fff;border-radius:12px}.ofs-mobile-toggle span{display:block;width:20px;height:2px;background:var(--ofs-navy);margin:4px auto}

/* Hero V2 */
.ofs-hero-stage{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#041329 0%,#082b55 52%,#07223f 100%);padding:105px 0 118px}.ofs-hero-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.ofs-glow-orb{position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}.ofs-glow-orb--one{width:620px;height:620px;right:-120px;top:-190px;background:radial-gradient(circle,rgba(32,199,217,.26),transparent 66%)}.ofs-glow-orb--two{width:520px;height:520px;left:-240px;bottom:-230px;background:radial-gradient(circle,rgba(47,107,255,.32),transparent 66%)}.ofs-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center;position:relative;z-index:2}.ofs-hero-copy h1{margin:18px 0 24px;font-size:clamp(52px,6.2vw,86px);line-height:.94;letter-spacing:-.065em;max-width:740px}.ofs-gradient-text{background:linear-gradient(90deg,#fff 0%,#b9d1ff 34%,#6ee6ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ofs-hero-copy p{max-width:720px;color:#c5d3e6;font-size:19px}.ofs-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.ofs-hero-stage .ofs-btn--ghost{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.ofs-proof{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.ofs-proof span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;color:#d8e3f3}.ofs-proof span:before{content:"✓";color:var(--teal,#2ce0bc);margin-right:7px}.ofs-hero-note{margin-top:18px;color:#7f94b2;font-size:12px}

.ofs-product-window{border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(7,26,51,.78);box-shadow:var(--ofs-shadow-dark);overflow:hidden;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);transform-origin:center;position:relative}.ofs-product-window:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(87,141,255,.45),transparent 32%,transparent 70%,rgba(32,199,217,.28));pointer-events:none;z-index:4;border-radius:inherit}.ofs-product-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.ofs-window-dots{display:flex;gap:7px}.ofs-window-dots span{width:8px;height:8px;border-radius:50%;background:#617493}.ofs-product-title{font-size:12px;font-weight:800;color:#b9c9de}.ofs-live-badge{font-size:10px;padding:5px 8px;border:1px solid rgba(44,224,188,.3);background:rgba(44,224,188,.08);color:#70f2d6;border-radius:999px;font-weight:850}.ofs-app-shell{display:grid;grid-template-columns:150px 1fr;min-height:480px}.ofs-app-sidebar{background:#061a34;padding:20px 14px}.ofs-app-logo{display:flex;align-items:center;gap:8px;margin-bottom:26px;font-size:12px;font-weight:900;color:#fff}.ofs-app-mini-mark{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,var(--ofs-blue),var(--ofs-cyan));display:grid;place-items:center;font-size:9px}.ofs-app-nav{display:grid;gap:7px}.ofs-app-nav span{font-size:11px;color:#7990ad;padding:10px 11px;border-radius:9px;font-weight:700}.ofs-app-nav .active{background:linear-gradient(90deg,rgba(47,107,255,.28),rgba(47,107,255,.08));color:#e9f1ff;border:1px solid rgba(73,130,255,.2)}.ofs-app-main{background:#f7f9fd;color:var(--ofs-ink);padding:20px}.ofs-app-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ofs-app-head strong{font-size:18px;letter-spacing:-.02em}.ofs-app-primary{font-size:10px;font-weight:850;color:#fff;background:var(--ofs-blue);border-radius:9px;padding:8px 10px}.ofs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.ofs-kpi{background:#fff;border:1px solid #e2e9f3;border-radius:13px;padding:12px;box-shadow:0 8px 22px rgba(8,31,63,.05)}.ofs-kpi small{display:block;color:#8a9ab0;font-size:9px;font-weight:750}.ofs-kpi b{font-size:19px;letter-spacing:-.03em}.ofs-app-grid{display:grid;grid-template-columns:1.32fr .68fr;gap:12px}.ofs-rfq-board,.ofs-side-panel{background:#fff;border:1px solid #e2e9f3;border-radius:15px;overflow:hidden}.ofs-board-head{display:grid;grid-template-columns:1.2fr 1fr .75fr .6fr;padding:10px 12px;background:#f2f6fb;font-size:8px;color:#8090a5;font-weight:850;text-transform:uppercase}.ofs-board-row{display:grid;grid-template-columns:1.2fr 1fr .75fr .6fr;gap:6px;padding:11px 12px;border-top:1px solid #edf1f6;font-size:9px;color:#40536f;align-items:center}.ofs-board-row strong{color:#152943}.ofs-chip{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850}.ofs-chip--green{color:#087a53;background:#e8f7f1}.ofs-chip--blue{color:#2256b9;background:#edf3ff}.ofs-chip--amber{color:#9b6a00;background:#fff5d9}.ofs-side-panel{padding:14px}.ofs-side-panel h4{font-size:11px;margin:0 0 12px}.ofs-mini-flow{display:grid;gap:9px}.ofs-mini-flow div{border-left:2px solid #dbe5f4;padding-left:10px}.ofs-mini-flow b{display:block;font-size:9px}.ofs-mini-flow small{font-size:8px;color:#8090a5}.ofs-floating-card{position:absolute;right:-24px;bottom:35px;width:210px;border:1px solid rgba(255,255,255,.14);background:rgba(5,22,45,.9);backdrop-filter:blur(18px);border-radius:17px;padding:15px;box-shadow:0 20px 50px rgba(0,8,25,.42);z-index:5}.ofs-floating-card .label{font-size:9px;color:#7e95b5;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ofs-floating-card strong{display:block;font-size:20px;margin:3px 0 7px}.ofs-floating-card .bar{height:6px;border-radius:99px;background:#12365f;overflow:hidden}.ofs-floating-card .bar span{display:block;width:76%;height:100%;background:linear-gradient(90deg,var(--ofs-blue),var(--ofs-cyan))}

/* Product narrative */
.ofs-logo-band{border-bottom:1px solid var(--ofs-line);background:#fff}.ofs-logo-band-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ofs-logo-band strong{font-size:13px;color:#6d7f98}.ofs-chip-row{display:flex;gap:9px;flex-wrap:wrap}.ofs-chip-row span{font-size:11px;font-weight:850;color:#334966;border:1px solid #dce5f1;background:#f8fbff;border-radius:999px;padding:7px 10px}.ofs-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ofs-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.ofs-card{background:#fff;border:1px solid var(--ofs-line);border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(9,32,63,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ofs-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(9,32,63,.1);border-color:#cddcf1}.ofs-card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#f7fbff);color:var(--ofs-blue);font-weight:900;font-size:12px;border:1px solid #e0e9f6}.ofs-card h3{margin:18px 0 8px;font-size:21px;letter-spacing:-.025em}.ofs-card p{margin:0;color:var(--ofs-muted)}.ofs-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.ofs-card li{color:#51647f;font-size:14px}.ofs-card li:before{content:"✓";color:var(--ofs-success);margin-right:8px;font-weight:900}.ofs-feature-meta{display:inline-flex;margin-top:17px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#5b76a0}.ofs-roadmap{color:#8a6300;background:#fff1c2;border:1px solid #f2d77b;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}

.ofs-product-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.ofs-product-section--reverse{grid-template-columns:1.1fr .9fr}.ofs-product-section--reverse .ofs-product-copy{order:2}.ofs-product-section--reverse .ofs-product-visual{order:1}.ofs-product-copy h2{margin:14px 0 18px;font-size:clamp(36px,4vw,54px);line-height:1.03;letter-spacing:-.05em}.ofs-product-copy p{color:var(--ofs-muted);font-size:18px}.ofs-bullet-stack{display:grid;gap:13px;margin-top:24px}.ofs-bullet{display:flex;gap:12px;align-items:flex-start}.ofs-bullet i{font-style:normal;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:var(--ofs-blue);font-weight:900;flex:0 0 auto}.ofs-bullet b{display:block;font-size:14px}.ofs-bullet small{color:var(--ofs-muted);font-size:13px}.ofs-product-visual{border-radius:26px;background:linear-gradient(145deg,#081a34,#0b2c58);padding:22px;box-shadow:var(--ofs-shadow);position:relative;overflow:hidden}.ofs-product-visual:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-100px;background:radial-gradient(circle,rgba(32,199,217,.22),transparent 70%)}.ofs-ui-card{position:relative;z-index:2;background:#fff;border-radius:18px;border:1px solid #dfe7f2;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.18)}.ofs-ui-head{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6edf5}.ofs-ui-head strong{font-size:13px}.ofs-ui-body{padding:16px}.ofs-scenario-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ofs-scenario-tabs span{font-size:9px;font-weight:850;border:1px solid #dfe7f2;border-radius:999px;padding:6px 8px}.ofs-scenario-tabs .active{background:#eaf1ff;color:#2559c5;border-color:#c9d9ff}.ofs-scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ofs-scenario{border:1px solid #e1e8f2;border-radius:12px;padding:11px}.ofs-scenario small{display:block;color:#8a9ab0;font-size:8px;text-transform:uppercase;font-weight:850}.ofs-scenario b{font-size:12px}.ofs-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ofs-calc div{border:1px solid #e1e8f2;border-radius:12px;padding:12px}.ofs-calc small{display:block;font-size:8px;color:#8898ad;text-transform:uppercase;font-weight:850}.ofs-calc b{font-size:15px}.ofs-cbm-result{margin-top:12px;border-radius:14px;background:linear-gradient(135deg,#0b2b55,#0a3b6f);color:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between}.ofs-cbm-result small{color:#a9bdd5}.ofs-cbm-result strong{font-size:23px}.ofs-quote-list{display:grid;gap:10px}.ofs-quote-row{border:1px solid #e1e8f2;border-radius:12px;padding:12px;display:grid;grid-template-columns:1.2fr .7fr .6fr;align-items:center;gap:8px}.ofs-quote-row small{color:#8090a5;font-size:9px}.ofs-quote-row b{font-size:11px}.ofs-quote-price{color:#0f784f;font-size:13px!important;text-align:right}.ofs-mail-row{display:flex;gap:10px;align-items:center;border:1px solid #e1e8f2;border-radius:12px;padding:11px;margin-bottom:9px}.ofs-mail-dot{width:30px;height:30px;border-radius:10px;background:#eaf1ff;display:grid;place-items:center;color:var(--ofs-blue);font-size:11px;font-weight:900}.ofs-mail-row b{display:block;font-size:10px}.ofs-mail-row small{font-size:8px;color:#8595aa}.ofs-mail-status{margin-left:auto;font-size:8px;font-weight:900;color:#0b8f61;background:#eaf8f2;padding:4px 7px;border-radius:999px}

/* Workflow */
.ofs-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.ofs-workflow-step{position:relative;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px}.ofs-workflow-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#5f82b4;font-weight:900;z-index:4}.ofs-workflow-num{font-size:10px;font-weight:900;color:#76a0ff}.ofs-workflow-step b{display:block;margin-top:9px;font-size:14px}.ofs-workflow-step small{display:block;color:#8ea3bf;font-size:11px;margin-top:4px}.ofs-module-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.ofs-module-strip span{border:1px solid #dce5f1;background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850}.ofs-section--dark .ofs-module-strip span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:#d9e5f5}

/* CTA / page hero / panels */
.ofs-cta-box{border-radius:28px;padding:52px 58px;background:linear-gradient(125deg,#0a2c59,#0e5c90 62%,#0d8399);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px;box-shadow:0 28px 70px rgba(5,45,85,.23);position:relative;overflow:hidden}.ofs-cta-box:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;top:-180px;background:radial-gradient(circle,rgba(68,230,224,.3),transparent 66%)}.ofs-cta-box h2{margin:0 0 9px;font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;position:relative}.ofs-cta-box p{margin:0;color:#cce0ef;max-width:720px;position:relative}.ofs-page-hero{padding:105px 0 82px;background:linear-gradient(180deg,#f7fbff,#fff);border-bottom:1px solid #edf2f7}.ofs-panel{background:#fff;border:1px solid var(--ofs-line);border-radius:24px;padding:28px;box-shadow:var(--ofs-shadow)}.ofs-split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.ofs-flow{display:grid;gap:12px}.ofs-flow-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--ofs-line);border-radius:15px;padding:15px}.ofs-flow-num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ofs-navy);color:#fff;font-weight:900;font-size:12px;flex:0 0 auto}.ofs-flow-item strong{display:block;font-size:14px}.ofs-flow-item small{display:block;color:var(--ofs-muted);font-size:12px}.ofs-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ofs-price-card{position:relative;background:#fff;border:1px solid var(--ofs-line);border-radius:24px;padding:30px;box-shadow:0 12px 36px rgba(7,26,51,.06)}.ofs-price-card.is-featured{border-color:#9ab8ff;box-shadow:0 24px 60px rgba(47,107,255,.15);transform:translateY(-7px)}.ofs-badge{position:absolute;right:20px;top:18px;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;background:#eaf1ff;color:#245ac2;border-radius:999px;padding:6px 9px}.ofs-price-card h3{font-size:22px;margin:0 0 14px}.ofs-price{font-size:31px;font-weight:900;letter-spacing:-.04em}.ofs-price-sub{color:var(--ofs-muted);font-size:13px}.ofs-price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.ofs-price-card li{color:#50617a;font-size:14px}.ofs-price-card li:before{content:"✓";color:var(--ofs-success);margin-right:8px;font-weight:900}

/* Forms */
.ofs-form{display:grid;gap:16px}.ofs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ofs-field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.ofs-field input,.ofs-field textarea,.ofs-field select{width:100%;border:1px solid #cfd9e7;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ofs-ink);outline:none}.ofs-field input:focus,.ofs-field textarea:focus,.ofs-field select:focus{border-color:var(--ofs-blue);box-shadow:0 0 0 3px rgba(47,107,255,.1)}.ofs-field textarea{min-height:140px;resize:vertical}.ofs-notice{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:700}.ofs-notice--success{background:#e9f8f2;color:#087a53}.ofs-notice--error{background:#fff1f1;color:#9d2b2b}.ofs-hp{position:absolute!important;left:-9999px!important}

/* Footer */
.ofs-footer{background:#041329;color:#fff;padding:78px 0 28px}.ofs-footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1fr;gap:38px}.ofs-footer p,.ofs-footer a{color:#9fb3ce}.ofs-footer h4{margin:0 0 14px}.ofs-footer-links{display:grid;gap:9px}.ofs-footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#7086a2;font-size:12px}

/* Reveal */
.ofs-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.ofs-reveal.is-visible{opacity:1;transform:none}.ofs-delay-1{transition-delay:.08s}.ofs-delay-2{transition-delay:.16s}.ofs-delay-3{transition-delay:.24s}

@media(max-width:1050px){body.admin-bar .ofs-header{top:46px}.ofs-menu,.ofs-actions .ofs-btn--ghost{display:none}.ofs-mobile-toggle{display:block}.ofs-header.is-open .ofs-menu{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 24px 24px;border-bottom:1px solid var(--ofs-line);box-shadow:0 18px 40px rgba(7,26,51,.1)}.ofs-hero-grid,.ofs-product-section,.ofs-product-section--reverse,.ofs-split{grid-template-columns:1fr}.ofs-product-section--reverse .ofs-product-copy,.ofs-product-section--reverse .ofs-product-visual{order:initial}.ofs-product-window{transform:none}.ofs-floating-card{right:14px;bottom:14px}.ofs-workflow{grid-template-columns:1fr 1fr}.ofs-workflow-step:after{display:none}.ofs-grid-3,.ofs-pricing{grid-template-columns:1fr 1fr}.ofs-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.ofs-container{width:min(100% - 28px,1240px)}.ofs-section{padding:78px 0}.ofs-nav{height:72px}.ofs-header.is-open .ofs-menu{top:72px}.ofs-brand{font-size:17px}.ofs-brand-mark{width:36px;height:36px}.ofs-actions>.ofs-btn--primary{display:none}.ofs-hero-stage{padding:72px 0 80px}.ofs-hero-copy h1{font-size:clamp(44px,14vw,64px)}.ofs-app-shell{grid-template-columns:1fr}.ofs-app-sidebar{display:none}.ofs-app-grid{grid-template-columns:1fr}.ofs-floating-card{display:none}.ofs-kpis{grid-template-columns:1fr 1fr}.ofs-board-head,.ofs-board-row{grid-template-columns:1.2fr 1fr .7fr}.ofs-board-head>:last-child,.ofs-board-row>:last-child{display:none}.ofs-grid-3,.ofs-grid-2,.ofs-pricing,.ofs-form-row,.ofs-scenario-grid,.ofs-calc,.ofs-workflow{grid-template-columns:1fr}.ofs-quote-row{grid-template-columns:1.2fr .7fr}.ofs-quote-row>:last-child{grid-column:1/-1;text-align:left}.ofs-cta-box{padding:34px 26px;flex-direction:column;align-items:flex-start}.ofs-footer-grid{grid-template-columns:1fr}.ofs-footer-bottom{flex-direction:column}.ofs-price-card.is-featured{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ofs-reveal{opacity:1;transform:none;transition:none}.ofs-btn,.ofs-card{transition:none}.ofs-product-window{transform:none}}
