@font-face{font-family:Manrope;font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/manrope-400.woff2') format('woff2')}@font-face{font-family:Manrope;font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/manrope-500.woff2') format('woff2')}@font-face{font-family:Manrope;font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/manrope-700.woff2') format('woff2')}@font-face{font-family:Manrope;font-weight:800;font-style:normal;font-display:swap;src:url('/fonts/manrope-800.woff2') format('woff2')}
:root{--ink:#10251f;--green:#176b58;--muted:#68766f;--line:#dce6e1;--paper:#fff;--wash:#f5f8f6;--flow-progress:0%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%}.shell{width:min(1184px,calc(100% - 48px));margin-inline:auto}.flow-progress{position:fixed;z-index:100;left:0;top:0;width:var(--flow-progress);height:3px;background:var(--green);pointer-events:none}.topbar{position:sticky;z-index:80;top:0;height:72px;padding-inline:max(28px,calc((100% - 1184px)/2));display:flex;align-items:center;gap:36px;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(220,230,225,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:20px;letter-spacing:-.8px}.mark{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.mark i{background:var(--ink);border-radius:6px 2px 2px}.mark i:nth-child(2),.mark i:nth-child(3){background:var(--green)}.mark i:nth-child(4){border-radius:2px 2px 6px 2px}.topbar nav{display:flex;gap:26px;margin-left:auto}.topbar nav a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:700}.topbar nav a:hover{color:var(--green)}.nav-action{background:var(--ink);color:#fff;text-decoration:none;padding:10px 15px;border-radius:9px;font-weight:700;font-size:12px}.menu{display:none;margin-left:auto;border:1px solid var(--line);background:white;padding:8px 11px;border-radius:8px;color:var(--ink);font:700 12px Manrope}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--green);margin:0}.flow-hero{min-height:calc(100vh - 72px);padding-block:70px;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:70px;position:relative}.flow-hero:after{content:'PRIVATE  /  FAST  /  LOCAL';position:absolute;right:0;bottom:24px;color:#829089;font-size:9px;letter-spacing:2px;font-weight:800;writing-mode:vertical-rl}.hero-copy{position:relative;z-index:2}.flow-hero h1{font-size:clamp(54px,7vw,92px);line-height:.91;letter-spacing:-5px;margin:15px 0 23px;max-width:720px}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:590px}.flow-hero picture{display:block}.flow-hero img{display:block;width:100%;height:min(54vh,500px);object-fit:contain;transform:translate3d(0,calc(var(--flow-hero-y) * 28px),0) rotate(calc(var(--flow-hero-y) * -2deg));filter:drop-shadow(0 28px 24px rgba(16,37,31,.16));will-change:transform}.flow-actions{display:flex;align-items:center;gap:18px;margin-top:29px}.flow-actions a{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:10px;padding:13px 16px;font-size:12px;font-weight:800}.flow-actions a:hover{background:var(--green)}.flow-actions a b{font-size:16px}.flow-actions span{font-size:10px;color:var(--muted)}.workflow{position:relative;border-top:1px solid var(--line)}.workflow:before{content:'';position:absolute;left:max(24px,calc((100% - 1184px)/2));top:0;bottom:0;width:1px;background:linear-gradient(var(--green),var(--line) 24%,var(--line) 76%,var(--green));opacity:.45}.flow-group{min-height:88vh;padding:90px max(24px,calc((100% - 1184px)/2));display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:start;position:relative;overflow:hidden}.flow-group:nth-child(2){background:var(--wash)}.group-intro{position:sticky;top:150px;display:flex;gap:18px;padding-left:24px}.group-intro>span{position:relative;color:var(--green);font-size:11px;font-weight:800;padding-top:7px}.group-intro>span:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);left:-29px;top:4px;box-shadow:0 0 0 6px rgba(23,107,88,.13)}.group-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-2px;margin:7px 0 13px}.group-intro div>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.flow-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-tools>a{min-height:164px;display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:15px;text-decoration:none;padding:8px 18px 8px 5px;opacity:0;transform:translate3d(0,26px,0);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.75,.2,1) var(--delay,0ms),border-color .18s,box-shadow .18s}.flow-group.is-visible .flow-tools>a{opacity:1;transform:translate3d(0,0,0)}.flow-tools>a:hover{transform:translate3d(5px,-2px,0);border-color:#91b4a7;box-shadow:0 16px 35px rgba(16,37,31,.09)}.flow-tools img{width:108px;height:130px;object-fit:contain;transform:translate3d(0,calc((.5 - var(--flow-local,0)) * 16px),0) rotate(calc((.5 - var(--flow-local,0)) * 3deg));filter:drop-shadow(0 12px 10px rgba(16,37,31,.13));will-change:transform}.flow-tools span{font-size:9px;letter-spacing:1.4px;color:var(--green);font-weight:800}.flow-tools h3{font-size:18px;letter-spacing:-.4px;margin:4px 0}.flow-tools p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.flow-tools>a>b{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--green);transition:.18s}.flow-tools>a:hover>b{background:var(--green);border-color:var(--green);color:white}.privacy{padding:70px max(24px,calc((100% - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:var(--ink);color:white;opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.privacy.is-visible{opacity:1;transform:none}.privacy>div{display:grid;grid-template-columns:auto 1fr;column-gap:13px}.privacy-dot{grid-row:1/3;width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:50%;position:relative}.privacy-dot:after{content:'';position:absolute;inset:10px;background:#79bea8;border-radius:50%}.privacy .eyebrow{color:#79bea8}.privacy h2{font-size:30px;letter-spacing:-1.2px;margin:3px 0}.privacy>p{font-size:15px;line-height:1.7;color:#afbeb8;max-width:520px;margin:0}.about{padding-block:110px 70px}.about-intro{max-width:800px}.about h2,.faq h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-3px;margin:12px 0 22px}.about-intro>p:last-child{font-size:16px;line-height:1.8;color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.about-grid article{border-top:1px solid var(--line);padding-top:20px}.about-grid h3{font-size:17px}.about-grid p{font-size:13px;line-height:1.7;color:var(--muted)}.faq{padding-block:60px 120px;max-width:900px}.faq h2{font-size:clamp(36px,4.5vw,54px)}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--green);font-size:20px}.faq details[open] summary:after{content:'\\2212'}.faq details p{color:var(--muted);line-height:1.7;max-width:720px}footer{background:var(--wash);border-top:1px solid var(--line)}.foot{padding-block:45px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:35px}.foot>p{color:var(--muted);font-size:12px}.foot nav{display:grid;grid-template-columns:repeat(3,auto);gap:10px 24px}.foot nav a{text-decoration:none;color:var(--muted);font-size:11px}.foot nav a:hover{color:var(--green)}
@media(max-width:900px){.flow-hero{grid-template-columns:1fr 330px;gap:30px}.flow-group{grid-template-columns:1fr;min-height:auto}.group-intro{position:relative;top:auto;max-width:540px}.about-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.foot nav{justify-content:start}}
@media(max-width:700px){.shell{width:min(100% - 40px,1184px)}.topbar{padding-inline:18px}.topbar nav,.nav-action{display:none}.menu{display:block}.topbar nav.open{display:flex;position:absolute;left:12px;right:12px;top:64px;padding:18px;background:white;border:1px solid var(--line);border-radius:12px;flex-direction:column;box-shadow:0 18px 40px rgba(23,45,36,.14)}.flow-hero{min-height:auto;padding-block:55px 35px;grid-template-columns:1fr}.flow-hero:after{display:none}.flow-hero h1{font-size:52px;letter-spacing:-3px}.flow-hero img{height:300px;transform:none}.flow-actions{align-items:flex-start;flex-direction:column;gap:10px}.workflow:before{left:20px}.flow-group{padding:58px 20px 58px 38px;gap:26px}.group-intro{padding-left:10px}.group-intro>span:before{left:-23px}.flow-tools{grid-template-columns:1fr}.flow-tools>a{min-height:140px;grid-template-columns:88px 1fr auto}.flow-tools img{width:84px;height:105px;transform:none}.privacy{grid-template-columns:1fr;padding-block:50px;opacity:1;transform:none}.about{padding-block:80px 40px}.faq{padding-block:45px 90px}.foot nav{grid-template-columns:1fr 1fr}.flow-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-progress{display:none}.flow-hero img,.flow-tools img,.flow-tools>a,.privacy{transform:none!important;transition:none!important;opacity:1!important}}
/* Canonical brand lockup and practical above-the-fold density. */
.brand-logo{display:block;width:132px;height:auto}
.flow-hero{min-height:0;padding-block:72px 58px}
.flow-hero img{height:360px}
@media(min-width:1400px){.flow-hero{padding-block:82px 66px}}
@media(max-width:700px){.brand-logo{width:116px}.flow-hero{padding-block:48px 30px}.flow-hero img{height:250px}}

/* Persistent light and dark theme control. */
.theme-toggle{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:700 18px/1 Manrope;cursor:pointer}.theme-toggle:hover{border-color:var(--green);color:var(--green)}
:root[data-theme=dark]{--ink:#eef4f1;--green:#79bea8;--muted:#aebdb7;--line:#34433c;--paper:#111815;--wash:#18221e;color-scheme:dark}
:root[data-theme=dark] body{background:var(--paper)}
:root[data-theme=dark] .topbar{background:rgba(17,24,21,.9);border-color:rgba(52,67,60,.9)}
:root[data-theme=dark] .topbar nav.open{background:#18221e}
:root[data-theme=dark] .nav-action{background:#eef4f1;color:#10251f}
:root[data-theme=dark] .brand{background:#fff;border-radius:8px;padding:5px 8px}
:root[data-theme=dark] .flow-tools>a{background:#18221e}
:root[data-theme=dark] .flow-tools img,:root[data-theme=dark] .flow-hero img{filter:drop-shadow(0 18px 16px rgba(0,0,0,.34))}
:root[data-theme=dark] .privacy{background:#0b100e}
:root[data-theme=dark] footer{background:#151e1a}
:root[data-theme=dark] .about-grid article,:root[data-theme=dark] .faq details{border-color:var(--line)}
@media(max-width:700px){.theme-toggle{margin-left:auto}.nav-action{display:none}.menu{margin-left:0}:root[data-theme=dark] .menu{background:#18221e;color:#eef4f1}}
/* Desktop density: sections size to their content instead of reserving a viewport. */
@media(min-width:901px){.flow-group{min-height:0;padding-block:64px}.group-intro{position:relative;top:auto}.flow-tools{align-content:start}.flow-group:first-child .flow-tools{grid-auto-rows:164px}}
/* Softer dark theme and minimal tool rows. */
.flow-tools>a{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 12px 14px 4px;box-shadow:none}
.flow-tools>a:hover{background:color-mix(in srgb,var(--green) 6%,transparent);border-color:var(--green);border-radius:14px;box-shadow:none}
.flow-tools>a>b{background:transparent}
:root[data-theme=dark]{--ink:#f1f5f3;--green:#8bc9b5;--muted:#bdc9c4;--line:#45564e;--paper:#202b27;--wash:#293630}
:root[data-theme=dark] body{background:#202b27}
:root[data-theme=dark] .topbar{background:rgba(32,43,39,.92);border-color:#45564e}
:root[data-theme=dark] .topbar nav.open{background:#293630}
:root[data-theme=dark] .flow-group:nth-child(2){background:#293630}
:root[data-theme=dark] .flow-tools>a{background:transparent;border-color:#45564e}
:root[data-theme=dark] .flow-tools>a:hover{background:#31413a;border-color:#8bc9b5}
:root[data-theme=dark] .flow-tools>a>b{border-color:#5a6c64;color:#9ed5c3}
:root[data-theme=dark] .privacy{background:#2b3933}
:root[data-theme=dark] footer{background:#293630}
:root[data-theme=dark] .theme-toggle{background:#293630}
/* Professional layered gradient tool cards. */
.flow-tools>a{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:18px;padding:12px 18px 12px 6px;background:radial-gradient(circle at 14% 18%,rgba(121,190,168,.22),transparent 38%),linear-gradient(135deg,#ffffff 0%,#f7fbf9 52%,#edf5f1 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(18,45,35,.07)}
.flow-tools>a:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.55) 48%,transparent 70%);transform:translateX(-110%);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.flow-tools>a:hover{border:1px solid color-mix(in srgb,var(--green) 55%,var(--line));border-radius:18px;background:radial-gradient(circle at 16% 18%,rgba(121,190,168,.3),transparent 40%),linear-gradient(135deg,#ffffff 0%,#f3faf6 55%,#e8f3ee 100%);box-shadow:0 18px 40px rgba(18,45,35,.12)}
.flow-tools>a:hover:before{transform:translateX(110%)}
.flow-tools>a>*{position:relative;z-index:1}
:root[data-theme=dark] .flow-tools>a{border:1px solid #4d655b;background:radial-gradient(circle at 14% 18%,rgba(139,201,181,.2),transparent 40%),linear-gradient(140deg,#35463f 0%,#303f39 52%,#293730 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(5,12,9,.16)}
:root[data-theme=dark] .flow-tools>a:before{background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 48%,transparent 70%)}
:root[data-theme=dark] .flow-tools>a:hover{border-color:#79aa99;background:radial-gradient(circle at 16% 18%,rgba(139,201,181,.28),transparent 42%),linear-gradient(140deg,#3b4e46 0%,#34453e 55%,#2d3d36 100%);box-shadow:0 20px 42px rgba(4,10,8,.24)}
/* Proper dark lockup and accessible primary action. */
:root[data-theme=dark] .brand{background:transparent;padding:0;border-radius:0}
:root[data-theme=dark] .brand-logo{content:url('/brand/ofyz-logo-dark.svg')}
:root[data-theme=dark] .flow-actions a{background:#8bc9b5;color:#10251f}
:root[data-theme=dark] .flow-actions a:hover{background:#a6d8c8;color:#0b1c17}
/* Neutral graphite dark theme and simplified card action. */
.card-action{justify-self:end;color:var(--green);font-size:11px!important;letter-spacing:.04em!important;font-weight:800;text-transform:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.flow-tools>a:hover .card-action{color:var(--ink)}
.flow-tools>a>b{display:none}
:root[data-theme=dark]{--ink:#f3f5f4;--green:#9bc9b9;--muted:#c8ceca;--line:#5a605c;--paper:#343835;--wash:#3d423e}
:root[data-theme=dark] body{background:#343835}
:root[data-theme=dark] .topbar{background:rgba(52,56,53,.94);border-color:#5a605c}
:root[data-theme=dark] .topbar nav.open{background:#414642}
:root[data-theme=dark] .flow-group:nth-child(2){background:#3d423e}
:root[data-theme=dark] .flow-tools>a{border-color:#626964;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.08),transparent 38%),linear-gradient(140deg,#4b504c 0%,#454a46 52%,#3f4440 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(16,18,17,.12)}
:root[data-theme=dark] .flow-tools>a:hover{border-color:#858d87;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.12),transparent 40%),linear-gradient(140deg,#535955 0%,#4b514d 55%,#454a46 100%);box-shadow:0 18px 36px rgba(15,17,16,.18)}
:root[data-theme=dark] .flow-tools>a:before{background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 70%)}
:root[data-theme=dark] .privacy{background:#414642}
:root[data-theme=dark] footer{background:#3b403c}
:root[data-theme=dark] .theme-toggle{background:#454a46}
:root[data-theme=dark] .flow-actions a{background:#f0f3f1;color:#202522}
:root[data-theme=dark] .flow-actions a:hover{background:#ffffff;color:#10251f}
:root[data-theme=dark] .card-action{color:#d8dedb}
:root[data-theme=dark] .flow-tools>a:hover .card-action{color:#ffffff}
/* Custom launch glyph replaces text/card arrows. */
.card-action{width:28px;height:28px;padding:0;border:0;display:grid;place-items:center;color:var(--green)}
.card-action svg{width:22px;height:22px;overflow:visible;transition:transform .22s ease}
.card-action path{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-tools>a:hover .card-action{color:var(--ink)}
.flow-tools>a:hover .card-action svg{transform:translate3d(2px,-2px,0)}
:root[data-theme=dark] .card-action{color:#d8dedb}
:root[data-theme=dark] .flow-tools>a:hover .card-action{color:#fff}
.card-action svg{width:23px;height:23px}.card-action path{stroke-width:1.8}

/* Larger artwork and restrained premium card surfaces. */
.flow-tools>a{min-height:188px;grid-template-columns:150px 1fr auto;padding:12px 20px 12px 4px;border-color:rgba(23,107,88,.18);background:linear-gradient(142deg,#ffffff 0%,#fafcfb 48%,#f0f6f3 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(18,45,35,.065)}
.flow-tools>a:before{inset:0 auto 0 0;width:42%;background:radial-gradient(circle at 42% 48%,rgba(121,190,168,.18),transparent 68%);transform:none;transition:opacity .25s ease;opacity:.72}
.flow-tools>a:hover:before{transform:none;opacity:1}
.flow-tools>a:hover{border-color:rgba(23,107,88,.34);background:linear-gradient(142deg,#ffffff 0%,#f8fbf9 48%,#ebf3ef 100%);box-shadow:0 16px 36px rgba(18,45,35,.1)}
.flow-tools img{width:145px;height:164px}
.flow-group:first-child .flow-tools{grid-auto-rows:188px}
:root[data-theme=dark] .flow-tools>a{border-color:#646b66;background:linear-gradient(142deg,#525753 0%,#494e4a 52%,#424743 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 26px rgba(12,14,13,.12)}
:root[data-theme=dark] .flow-tools>a:before{background:radial-gradient(circle at 42% 48%,rgba(255,255,255,.075),transparent 68%)}
:root[data-theme=dark] .flow-tools>a:hover{border-color:#7b837d;background:linear-gradient(142deg,#585e59 0%,#4f5550 52%,#474d48 100%);box-shadow:0 16px 34px rgba(10,12,11,.16)}
@media(max-width:700px){.flow-tools>a{min-height:158px;grid-template-columns:116px 1fr auto;padding-left:2px}.flow-tools img{width:112px;height:136px}}
/* Unified rounded-outline UI icon language. */
.card-action{width:34px;height:34px;color:#444947}
.card-action svg{width:30px;height:30px}
.card-action path,.theme-icon path,.theme-icon circle{stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.theme-icon{width:22px;height:22px;display:block}
.theme-toggle{color:#444947}
.flow-tools>a:hover .card-action{color:var(--green)}
:root[data-theme=dark] .card-action,:root[data-theme=dark] .theme-toggle{color:#e0e5e2}
:root[data-theme=dark] .flow-tools>a:hover .card-action{color:#fff}
/* Direct sharp card arrow. */
.card-action path{stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter}

/* Preserve raster sharpness: no fractional parallax transforms. */
.flow-hero img,.flow-tools img{transform:none!important;will-change:auto}