:root{--ink:#0B1F3A;--ink-2:#35506f;--ink-3:#6c819c;--ink-4:#9aabc0;--canvas:#F7F9FC;--surface:#ffffff;--surface-2:#f2f6fb;--line:#e3eaf3;--line-2:#d3dfec;--cyan:#6FD7EF;--sky:#109FFF;--grad-a:#4BA3E3;--grad-b:#1F6FB8;--orange:#E07B39;--beige:#F5F0E8;--ok:#12805c;--warn:#a4610d;--bad:#b42318;--pad:28px;--maxw:1180px;--maxw-wide:1320px;--maxw-prose:760px;--hdr-h:72px;--r-xs:8px;--r-sm:10px;--r-md:16px;--r-lg:26px;--shadow-1:0 1px 2px rgba(11,31,58,.05),0 8px 24px rgba(11,31,58,.06);--shadow-2:0 24px 60px rgba(11,31,58,.13),0 2px 8px rgba(11,31,58,.06);--shadow-3:0 40px 90px rgba(11,31,58,.18);--shadow-pop:0 20px 50px rgba(11,31,58,.16),0 2px 6px rgba(11,31,58,.07)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 16px)}.of-body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-poppins),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit}.of-wrap{max-width:var(--maxw)}.of-wrap,.of-wrap-wide{width:100%;margin:0 auto;padding:0 var(--pad)}.of-wrap-wide{max-width:var(--maxw-wide)}.of-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.of-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 var(--r-sm) 0;font-size:14px;text-decoration:none}.of-skip:focus{left:0}.of-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:4px}.of-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grad-b);margin:0 0 18px}.of-eyebrow-light{color:var(--cyan)}.of-h1{font-size:clamp(36px,5.2vw,60px);line-height:1.05;letter-spacing:-.03em;margin:0 0 20px}.of-h1,.of-h2{font-weight:600}.of-h2{font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.025em;margin:0 0 16px}.of-h3{font-size:clamp(20px,2.2vw,25px);line-height:1.22;letter-spacing:-.015em;margin:0 0 12px}.of-h3,.of-h4{font-weight:600}.of-h4{font-size:17px;line-height:1.35;letter-spacing:-.01em;margin:0 0 8px}.of-grad{font-style:normal;background:linear-gradient(100deg,var(--grad-a),var(--sky) 55%,var(--grad-b));-webkit-background-clip:text;background-clip:text;color:transparent}.of-lede{font-size:17.5px;color:var(--ink-2);margin:0 0 30px;max-width:56ch}.of-lede-lg{font-size:19px;max-width:62ch}.of-body-txt{font-size:15.5px;color:var(--ink-2);margin:0 0 14px}.of-muted{color:var(--ink-3)}.of-sec-head{text-align:center;max-width:760px;margin:0 auto 48px}.of-sec-head .of-lede{margin-left:auto;margin-right:auto;margin-bottom:0}.of-sec{padding:clamp(64px,8vw,108px) 0}.of-sec-tight{padding:clamp(48px,6vw,76px) 0}.of-sec-alt{background:var(--surface);border-block:1px solid var(--line)}.of-sec-ink{background:linear-gradient(135deg,#0B1F3A,#143a68 62%,#1F6FB8);color:#fff}.of-sec-ink .of-body-txt,.of-sec-ink .of-lede{color:#cfe2f5}.of-vision-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(32px,5vw,70px);align-items:center}.of-vision-copy .of-eyebrow,.of-vision-copy .of-h3{margin-bottom:13px}.of-vision-steps{display:grid;gap:15px;margin:24px 0 26px;padding:0;list-style:none}.of-vision-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:11px;align-items:start}.of-vision-steps>li>span{display:grid;width:27px;height:27px;border-radius:9px;place-items:center;background:#e4f2fd;color:var(--grad-b);font-size:12px;font-weight:700}.of-vision-steps strong{display:block;margin:1px 0 2px;color:var(--ink);font-size:14px;line-height:1.35}.of-vision-steps p{margin:0;color:var(--ink-3);font-size:13px;line-height:1.5}@media (max-width:1000px){.of-vision-showcase{grid-template-columns:minmax(0,1fr);gap:34px}.of-vision-copy{max-width:680px}}.of-btn,.of-sec-ink .of-h2,.of-sec-ink .of-h3{color:#fff}.of-btn{flex:none;border:0;border-radius:11px;font:inherit;font-size:15px;font-weight:600;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));padding:13px 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(31,111,184,.3);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.of-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(31,111,184,.34)}.of-btn:active:not(:disabled){transform:translateY(0)}.of-btn:disabled{filter:grayscale(.55) opacity(.55);cursor:not-allowed;box-shadow:none}.of-btn-ghost{background:#fff;color:var(--ink-2);border:1px solid var(--line-2);box-shadow:none}.of-btn-ghost:hover:not(:disabled){box-shadow:var(--shadow-1);color:var(--ink)}.of-btn-invert{background:#fff;color:var(--grad-b);box-shadow:0 10px 26px rgba(2,11,26,.3)}.of-btn-invert:hover:not(:disabled){box-shadow:0 14px 32px rgba(2,11,26,.36)}.of-btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38);box-shadow:none}.of-btn-outline-light:hover:not(:disabled){background:rgba(255,255,255,.1);box-shadow:none}.of-btn-sm{font-size:14px;padding:10px 16px;border-radius:9px}.of-btn-lg{font-size:16px;padding:15px 28px}.of-btn-wide{width:100%}.of-link-cta{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--grad-b);text-decoration:none}.of-link-cta svg{transition:transform .16s ease}.of-link-cta:hover svg{transform:translateX(3px)}.of-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.of-header{position:sticky;top:0;z-index:80;background:rgba(247,249,252,.82);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.of-header[data-stuck="1"]{border-bottom-color:var(--line);background:rgba(247,249,252,.93)}.of-header-row{height:var(--hdr-h);gap:18px}.of-brand,.of-header-row{display:flex;align-items:center}.of-brand{gap:10px;text-decoration:none;flex:none}.of-brand-mark{width:34px;height:34px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));display:grid;place-items:center;box-shadow:0 6px 16px rgba(31,111,184,.28)}.of-brand-word{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}.of-brand-sub{font-size:10.5px;font-weight:600;letter-spacing:.16em;color:var(--ink-3);padding-left:9px;margin-left:1px;border-left:1px solid var(--line-2)}.of-nav{display:flex;align-items:center;gap:2px;margin-left:8px}.of-nav-item{position:relative}.of-nav-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);background:transparent;border:0;border-radius:9px;padding:9px 12px;cursor:pointer;text-decoration:none;transition:background .14s ease,color .14s ease}.of-nav-btn:hover,.of-nav-btn[aria-expanded=true]{background:rgba(31,111,184,.07);color:var(--ink)}.of-nav-btn[data-active="1"]{color:var(--grad-b);font-weight:600}.of-nav-caret{transition:transform .18s ease}.of-nav-btn[aria-expanded=true] .of-nav-caret{transform:rotate(180deg)}.of-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.of-pop{position:absolute;top:calc(100% + 10px);left:0;z-index:90;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-pop);padding:16px;animation:of-pop-in .16s ease both}.of-pop-wide{left:50%;transform:translateX(-50%)}@keyframes of-pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.of-pop-wide{animation-name:of-pop-in-c}@keyframes of-pop-in-c{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.of-pop-grid{display:grid;gap:3px}.of-pop-3{grid-template-columns:repeat(3,minmax(190px,1fr));width:660px}.of-pop-2{grid-template-columns:repeat(2,minmax(230px,1fr));width:520px}.of-pop-1{grid-template-columns:minmax(280px,1fr);width:320px}.of-pop-link{display:flex;align-items:flex-start;gap:11px;padding:10px 11px;border-radius:11px;text-decoration:none;color:var(--ink);transition:background .13s ease}.of-pop-link:hover{background:var(--surface-2)}.of-pop-ico{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(75,163,227,.14),rgba(31,111,184,.1));color:var(--grad-b);margin-top:1px}.of-pop-txt{min-width:0}.of-pop-name{font-size:14px;font-weight:600;letter-spacing:-.005em;display:block}.of-pop-desc{font-size:12.5px;color:var(--ink-3);line-height:1.4;display:block;margin-top:1px}.of-pop-foot{margin-top:12px;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.of-pop-foot p{margin:0;font-size:13px;color:var(--ink-3)}.of-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line-2);border-radius:10px;cursor:pointer;color:var(--ink)}.of-mobile{position:fixed;inset:var(--hdr-h) 0 0 0;z-index:79;background:var(--canvas);overflow-y:auto;padding:12px var(--pad) 40px;animation:of-fade .16s ease both}@keyframes of-fade{0%{opacity:0}to{opacity:1}}.of-m-group{border-bottom:1px solid var(--line)}.of-m-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:16px;font-weight:600;color:var(--ink);background:transparent;border:0;padding:16px 2px;cursor:pointer;text-align:left;text-decoration:none}.of-m-btn svg{transition:transform .18s ease;color:var(--ink-3)}.of-m-btn[aria-expanded=true] svg{transform:rotate(180deg)}.of-m-panel{padding:0 2px 14px;display:grid;gap:2px}.of-m-link{display:block;padding:10px 12px;border-radius:9px;font-size:14.5px;color:var(--ink-2);text-decoration:none;background:#fff;border:1px solid var(--line)}.of-m-link:hover{color:var(--grad-b)}.of-m-actions{display:grid;gap:10px;margin-top:22px}.of-hero{position:relative;padding:clamp(48px,6vw,78px) 0 clamp(40px,5vw,64px)}.of-hero:before{content:"";position:absolute;inset:-220px 0 auto 0;height:680px;z-index:-1;background:radial-gradient(760px 420px at 78% 14%,rgba(111,215,239,.3),transparent 62%),radial-gradient(620px 380px at 10% 0,rgba(75,163,227,.17),transparent 60%);pointer-events:none}.of-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:56px;align-items:center}.of-hero-mid{text-align:center}.of-hero-mid .of-lede{margin-left:auto;margin-right:auto}.of-hero-mid .of-btn-row{justify-content:center}.of-pagehead{padding:clamp(40px,5vw,68px) 0 clamp(24px,3vw,36px)}.of-browser{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow-2)}.of-browser-shot{display:block;width:100%}.of-browser-crop{aspect-ratio:16/9;overflow:hidden}.of-browser-crop img{width:100%;height:100%;object-fit:cover;object-position:top left}.of-phone{width:100%;max-width:268px;aspect-ratio:1206/2622;border-radius:30px;overflow:hidden;background:#fff;border:6px solid #0b1f3a;box-shadow:var(--shadow-2)}.of-phone img{width:100%;height:100%;object-fit:cover;object-position:top center}.of-phone-sm{max-width:190px;border-width:5px;border-radius:24px}.of-photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-3);background:#dfe7f0}.of-photo img{width:100%;height:100%;object-fit:cover;display:block}.of-photo-43{aspect-ratio:4/3}.of-photo-169{aspect-ratio:16/9}.of-photo-219{aspect-ratio:21/9}.of-photo-sq{aspect-ratio:1/1}.of-photo-soft{border-radius:var(--r-md);box-shadow:var(--shadow-1)}.of-art{position:relative}.of-art-phone{position:absolute;left:-34px;bottom:-38px;width:148px;aspect-ratio:1206/2622;border-radius:22px;overflow:hidden;background:#fff;border:5px solid #0b1f3a;box-shadow:var(--shadow-2)}.of-art-phone img{width:100%;height:100%;object-fit:cover;object-position:top center}.of-art-card{position:absolute;right:-26px;bottom:-34px;width:58%;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--shadow-2);background:#fff}.of-fhero{position:relative;margin-bottom:38px}.of-fhero-plate{position:relative;width:72%}.of-fhero-img{aspect-ratio:4/3}.of-fhero-scrim{position:absolute;inset:0;border-radius:var(--r-lg);pointer-events:none;background:linear-gradient(118deg,rgba(11,31,58,.46),rgba(11,31,58,.12) 46%,rgba(11,31,58,.4))}.of-fhero-solo{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line-2);box-shadow:0 22px 48px -14px rgba(11,31,58,.34),0 3px 10px rgba(11,31,58,.12)}.of-fhero-solo img{display:block;width:100%}.of-fhero-lone{aspect-ratio:16/11}.of-fhero--console .of-fhero-plate,.of-fhero--console .of-fhero-shot{width:64%}.of-fhero-shot{position:absolute;right:-16px;bottom:-26px;width:70%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.62);box-shadow:0 22px 48px -12px rgba(11,31,58,.42),0 4px 12px rgba(11,31,58,.16);background:#fff}.of-fhero-shot img{display:block;width:100%}.of-fhero-phone{position:absolute;right:4%;bottom:-30px;width:28%;max-width:186px;aspect-ratio:1206/2622;border-radius:26px;overflow:hidden;background:#fff;border:5px solid #0b1f3a;box-shadow:0 24px 52px -14px rgba(11,31,58,.48),0 4px 12px rgba(11,31,58,.16)}.of-fhero-phone img{width:100%;height:100%;object-fit:cover;object-position:top center}.of-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}.of-chips li{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px 8px 12px;box-shadow:var(--shadow-1)}.of-chips svg{flex:none}.of-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grad-b);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;box-shadow:var(--shadow-1)}.of-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--sky);box-shadow:0 0 0 3px rgba(16,159,255,.16)}.of-ai-pill{display:inline-block;padding:2px 8px 3px;border-radius:999px;background:var(--ink);color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}.of-grid{display:grid;gap:22px}.of-grid>*{min-width:0}.of-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.of-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.of-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.of-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px 24px;box-shadow:var(--shadow-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.of-card p:last-child{margin-bottom:0}a.of-card{text-decoration:none;color:inherit;display:block}a.of-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-2)}.of-card-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(75,163,227,.15),rgba(31,111,184,.1));color:var(--grad-b);margin-bottom:16px}.of-card-ai .of-card-ico{background:var(--ink);color:var(--cyan)}.of-stat{text-align:left}.of-stat-n{font-size:clamp(30px,4vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(100deg,var(--grad-a),var(--sky) 55%,var(--grad-b));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 6px}.of-sec-ink .of-stat-n{background:none;-webkit-text-fill-color:#fff;color:#fff}.of-stat-l{font-size:13.5px;color:var(--ink-3);margin:0;line-height:1.45}.of-sec-ink .of-stat-l{color:#a9c6e4}.of-ticks{margin:0;padding:0;list-style:none;display:grid;gap:11px}.of-ticks li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--ink-2)}.of-ticks svg{flex:none;margin-top:3px;color:var(--ok)}.of-sec-ink .of-ticks li{color:#cfe2f5}.of-sec-ink .of-ticks svg{color:var(--cyan)}.of-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,64px);align-items:center}.of-split-art-first{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.of-split-art-first>:first-child{order:2}.of-split-art-first>:last-child{order:1}.of-split+.of-split{margin-top:clamp(56px,7vw,96px)}.of-logos-label{text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);margin:0 0 30px}.of-logos-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 54px}.of-logos-row img{height:34px;width:auto;opacity:.58;filter:grayscale(1);transition:opacity .18s ease}.of-logos-row img:hover{opacity:.82}.of-logos-row img[data-tall="1"]{height:46px}.of-logos-row img[data-small="1"]{height:22px}.of-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:30px 28px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:20px;height:100%}.of-quote blockquote{margin:0;font-size:16.5px;line-height:1.55;color:var(--ink);letter-spacing:-.005em}.of-quote-by{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;margin-top:auto}.of-quote-av{border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}.of-quote-av,.of-quote-init{width:42px;height:42px;flex:none}.of-quote-init{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}.of-quote-who{min-width:0}.of-quote-name{font-size:14px;font-weight:600;margin:0}.of-quote-role{font-size:12.5px;color:var(--ink-3);margin:0;line-height:1.35}.of-quote-mark{color:var(--cyan)}.of-quote-logo{grid-column:2;max-height:26px;max-width:130px;width:auto;object-fit:contain;object-position:left center;opacity:.5;filter:grayscale(1);margin-top:2px}.of-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.of-tab{flex:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:9px 17px;cursor:pointer;white-space:nowrap;transition:background .14s ease,color .14s ease,border-color .14s ease}.of-tab:hover{border-color:var(--grad-a)}.of-tab[aria-selected=true]{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(31,111,184,.26)}.of-walk{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.of-walk-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(180deg,#fbfcfe,#f6f9fd)}.of-walk-title{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em}.of-walk-sub{margin:3px 0 0;font-size:13.5px;color:var(--ink-3)}.of-walk-nav{display:flex;align-items:center;gap:8px;flex:none}.of-walk-count{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:54px;text-align:center}.of-walk-arrow{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid var(--line-2);border-radius:10px;color:var(--ink-2);cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.of-walk-arrow:hover:not(:disabled){border-color:var(--grad-a);color:var(--grad-b)}.of-walk-arrow:disabled{opacity:.4;cursor:not-allowed}.of-walk-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;padding:30px 26px 34px;align-items:start}.of-walk-pair{display:grid;gap:14px}.of-walk-cap{margin:0;font-size:13px;color:var(--ink-3)}.of-walk-copy .of-h3{margin-bottom:10px}.of-walk-copy p{font-size:15px;color:var(--ink-2);margin:0 0 14px}.of-walk-dots{display:flex;flex-wrap:wrap;gap:0;padding:0 26px 24px}.of-walk-dot{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}.of-walk-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-2);transition:background .14s ease,transform .14s ease}.of-walk-dot[data-on="1"]:before{background:var(--grad-b);transform:scale(1.25)}.of-cta{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,#0B1F3A,#143a68 62%,#1F6FB8);color:#fff;padding:clamp(38px,5vw,56px) clamp(24px,5vw,62px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;box-shadow:var(--shadow-2)}.of-cta:after{content:"";position:absolute;right:-120px;top:-140px;width:460px;height:460px;background:radial-gradient(circle,rgba(111,215,239,.3),transparent 62%);pointer-events:none}.of-cta h2{margin:0 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:600}.of-cta p{margin:0;color:#cfe2f5;font-size:15.5px;max-width:56ch}.of-cta-actions{position:relative;display:flex;flex-wrap:wrap;gap:12px;flex:none}.of-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.of-price{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px 20px;box-shadow:var(--shadow-1);display:flex;flex-direction:column}.of-price[data-featured="1"]{border-color:var(--grad-a);box-shadow:var(--shadow-2);position:relative}.of-price-flag{position:absolute;top:-12px;left:26px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px rgba(31,111,184,.3)}.of-price-name{font-size:17px;font-weight:600;margin:0 0 4px}.of-price-desc{font-size:13.5px;color:var(--ink-3);margin:0 0 20px;min-height:38px}.of-price-amt{font-size:38px;font-weight:600;letter-spacing:-.03em;margin:0;line-height:1.1}.of-price-per{font-size:13.5px;color:var(--ink-3);margin:2px 0 22px}.of-price .of-ticks{margin-bottom:26px}.of-price .of-ticks li{font-size:14px}.of-price-cta{margin-top:auto}.of-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.of-form label{display:block}.of-full{grid-column:1/-1}.of-lbl{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin:0 0 6px}.of-lbl i{color:var(--sky);font-style:normal}.of-in,.of-sel,.of-ta{width:100%;font:inherit;font-size:14.5px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.of-ta{resize:vertical;min-height:130px;line-height:1.55}.of-sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236c819c' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.of-in:focus,.of-sel:focus,.of-ta:focus{border-color:var(--sky);box-shadow:0 0 0 3.5px rgba(16,159,255,.13)}.of-in:disabled,.of-sel:disabled,.of-ta:disabled{background:#f4f7fb;color:var(--ink-2)}.of-in-bad,.of-sel-bad{border-color:#e8b4ae}.of-in-bad:focus{border-color:var(--bad);box-shadow:0 0 0 3.5px rgba(180,35,24,.12)}.of-hint{margin:6px 0 0;font-size:12px;color:var(--ink-3)}.of-err{margin:6px 0 0;font-size:12.5px;color:var(--bad);font-weight:500}.of-form-err{grid-column:1/-1;background:#fef3f2;border:1px solid #fbd5d1;color:#912018;border-radius:10px;padding:11px 14px;font-size:13.5px;margin:0}.of-spin{width:15px;height:15px;flex:none;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:of-spin .7s linear infinite}@keyframes of-spin{to{transform:rotate(1turn)}}.of-cb,.of-cb-btn{position:relative}.of-cb-btn{width:100%;font:inherit;font-size:14.5px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:11px 34px 11px 13px;text-align:left;cursor:pointer;outline:none;transition:border-color .16s ease,box-shadow .16s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-cb-btn:after{content:"";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:12px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236c819c' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%;transition:transform .18s ease}.of-cb-btn[aria-expanded=true]:after{transform:translateY(-50%) rotate(180deg)}.of-cb-btn:hover:not(:disabled){border-color:var(--line-2)}.of-cb-btn:focus-visible,.of-cb-btn[aria-expanded=true]{border-color:var(--sky);box-shadow:0 0 0 3.5px rgba(16,159,255,.13)}.of-cb-btn:disabled{background:#f4f7fb;color:var(--ink-3);cursor:not-allowed}.of-cb-btn[data-empty="1"]{color:#9aabc0}.of-cb-btn.of-in-bad{border-color:#e8b4ae}.of-cb-pop{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow-pop);overflow:hidden;animation:of-pop-in .14s ease both}.of-cb-pop[data-up="1"]{top:auto;bottom:calc(100% + 6px)}.of-cb-search{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfe}.of-cb-search svg{flex:none;color:var(--ink-3)}.of-cb-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:14px;color:var(--ink)}.of-cb-search input::placeholder{color:#9aabc0}.of-cb-list{max-height:244px;overflow-y:auto;padding:5px;margin:0;list-style:none;overscroll-behavior:contain}.of-cb-opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--ink-2);cursor:pointer;scroll-margin:5px}.of-cb-opt[data-active="1"]{background:var(--surface-2);color:var(--ink)}.of-cb-opt[aria-selected=true]{color:var(--grad-b);font-weight:600}.of-cb-opt mark{background:rgba(111,215,239,.38);color:inherit;border-radius:3px;padding:0 1px}.of-cb-opt-tick{margin-left:auto;flex:none;color:var(--grad-b)}.of-cb-none{padding:18px 12px;text-align:center;font-size:13.5px;color:var(--ink-3)}.of-cb-count{padding:8px 12px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-3);background:#fbfcfe;display:flex;justify-content:space-between;gap:10px}.of-scrim{position:fixed;inset:0;z-index:120;background:rgba(9,22,40,.5);backdrop-filter:blur(3px);display:grid;justify-items:center;align-content:center;align-content:safe center;padding:20px 20px max(20px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;animation:of-fade .18s ease both}.of-modal{width:100%;background:var(--surface);border-radius:20px;box-shadow:0 40px 100px rgba(6,17,33,.38);animation:of-rise .22s cubic-bezier(.2,.7,.3,1) both;display:flex;flex-direction:column}@keyframes of-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.of-modal-lg{max-width:860px}.of-modal-sm{max-width:470px}.of-modal-head{padding:26px 30px 0;flex:none;position:relative}.of-modal-head h2{margin:0 0 7px;font-size:22px;font-weight:600;letter-spacing:-.02em}.of-modal-head p{margin:0;color:var(--ink-2);font-size:14.5px}.of-modal-x{position:absolute;top:20px;right:22px;width:34px;height:34px;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:var(--ink-3);cursor:pointer;transition:background .14s ease,color .14s ease}.of-modal-x:hover{background:var(--surface-2);color:var(--ink)}.of-modal-body{padding:22px 30px;overflow:visible;flex:none}.of-modal-foot{flex:none;padding:16px 30px 24px;display:flex;gap:10px;justify-content:flex-end;align-items:center;border-top:1px solid var(--line);background:#fbfcfe;border-radius:0 0 20px 20px}.of-modal-foot-note{margin:0 auto 0 0;font-size:12.5px;color:var(--ink-3)}.of-badge{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.of-badge-ok{background:#e6f6f0;color:var(--ok)}.of-badge-warn{background:#fef3e2;color:var(--warn)}.of-cal-wrap{grid-column:1/-1}.of-cal-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 4px}.of-cal-count{font-size:12px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.of-cal-count[data-set="1"]{color:var(--ok)}.of-cal{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;margin-top:10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);padding:16px}.of-cal-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.of-cal-mname{font-size:14.5px;font-weight:600;letter-spacing:-.01em}.of-cal-nav{display:flex;gap:6px}.of-cal-arrow{width:30px;height:30px;display:grid;place-items:center;background:#fff;border:1px solid var(--line-2);border-radius:8px;color:var(--ink-2);cursor:pointer;transition:border-color .14s ease,color .14s ease}.of-cal-arrow:hover:not(:disabled){border-color:var(--grad-a);color:var(--grad-b)}.of-cal-arrow:disabled{opacity:.38;cursor:not-allowed}.of-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:5px}.of-cal-dow span{text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:4px 0}.of-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.of-cal-day{aspect-ratio:1/1;display:grid;place-items:center;font:inherit;font-size:13px;font-weight:500;color:var(--ink);background:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;position:relative;transition:background .13s ease,color .13s ease,border-color .13s ease}.of-cal-day:hover:not(:disabled){border-color:var(--grad-a);background:#fbfdff}.of-cal-day:disabled{color:var(--ink-4);background:transparent;cursor:not-allowed}.of-cal-day[data-empty="1"]{background:transparent;border:0;cursor:default}.of-cal-day[data-today="1"]{font-weight:700;color:var(--grad-b)}.of-cal-day[data-sel="1"]{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;font-weight:600;border-color:transparent}.of-cal-day-markers{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:2px;min-width:4px;height:4px}.of-cal-day-marker{display:block;width:4px;height:4px;border-radius:50%;background:var(--ok)}.of-cal-day[data-sel="1"] .of-cal-day-marker{background:#fff}.of-cal-times{min-width:0}.of-cal-times-h{font-size:12.5px;font-weight:600;color:var(--ink-2);margin:0 0 9px}.of-cal-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:232px;overflow-y:auto;padding-right:2px}.of-slot{font:inherit;font-size:12.5px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:8px 4px;cursor:pointer;text-align:center;white-space:nowrap;transition:border-color .13s ease,background .13s ease,color .13s ease}.of-slot:hover:not(:disabled){border-color:var(--grad-a);background:#fbfdff}.of-slot[aria-pressed=true]{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff;font-weight:600}.of-slot:disabled{opacity:.45;cursor:not-allowed}.of-cal-empty{font-size:13px;color:var(--ink-3);margin:0;padding:26px 4px}.of-picks{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.of-picks li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:9px;padding:9px 11px;font-size:13.5px;color:var(--ink)}.of-picks-n{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--grad-b);color:#fff;font-size:11px;font-weight:700}.of-picks-x{margin-left:auto;flex:none;width:26px;height:26px;display:grid;place-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink-3);cursor:pointer}.of-picks-x:hover{background:#fef3f2;color:var(--bad)}.of-prose{max-width:var(--maxw-prose);font-size:15.5px;color:var(--ink-2)}.of-prose h2{font-size:22px;letter-spacing:-.02em;margin:42px 0 12px}.of-prose h2,.of-prose h3{font-weight:600;color:var(--ink)}.of-prose h3{font-size:17px;margin:28px 0 8px}.of-prose h2:first-child,.of-prose h3:first-child{margin-top:0}.of-prose p{margin:0 0 14px;line-height:1.7}.of-prose ol,.of-prose ul{margin:0 0 16px;padding-left:22px}.of-prose li{margin-bottom:7px;line-height:1.65}.of-prose a{color:var(--grad-b);text-decoration:underline;text-underline-offset:2px}.of-prose strong{color:var(--ink);font-weight:600}.of-prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}.of-prose td,.of-prose th{border:1px solid var(--line);padding:9px 12px;text-align:left}.of-prose th{background:var(--surface-2);font-weight:600;color:var(--ink)}.of-prose-meta{font-size:13px;color:var(--ink-3);border-left:3px solid var(--line-2);padding-left:14px;margin:0 0 32px}.of-footer{background:var(--surface);border-top:1px solid var(--line);padding:clamp(48px,6vw,72px) 0 34px;margin-top:0}.of-footer-top{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(0,1fr));gap:36px 28px;padding-bottom:40px;border-bottom:1px solid var(--line)}.of-footer-brand p{margin:16px 0 0;font-size:13.5px;color:var(--ink-3);max-width:30ch;line-height:1.6}.of-footer-col h3{margin:0 0 14px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.of-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.of-footer-col a{font-size:13.5px;color:var(--ink-3);text-decoration:none;transition:color .14s ease}.of-footer-col a:hover{color:var(--grad-b)}.of-footer-bottom{padding-top:24px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-3)}.of-footer-bottom nav{display:flex;flex-wrap:wrap;gap:8px 20px}.of-footer-bottom a{color:var(--ink-3);text-decoration:none}.of-footer-bottom a:hover{color:var(--grad-b)}.of-footer-stores{display:flex;gap:10px;margin-top:18px}.of-footer-stores img{height:34px;width:auto}@media (max-width:1080px){.of-nav{display:none}.of-burger{display:inline-flex}.of-header-actions .of-hide-md{display:none}.of-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.of-footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}.of-footer-brand{grid-column:1/-1}}@media (max-width:1140px){.of-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin:0 auto}}@media (max-width:1000px){.of-hero-grid{grid-template-columns:1fr;gap:44px}.of-art{order:2;margin-top:6px}.of-art-phone{left:auto;right:16px;bottom:-32px;width:126px}.of-split,.of-split-art-first{grid-template-columns:1fr;gap:34px}.of-split-art-first>:first-child,.of-split-art-first>:last-child{order:0}.of-cta,.of-walk-body{grid-template-columns:1fr;gap:24px}.of-price-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}@media (max-width:820px){.of-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.of-cal{grid-template-columns:1fr}.of-cal-slots{max-height:none;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}@media (max-width:620px){:root{--pad:20px}.of-grid-2,.of-grid-3,.of-grid-4{grid-template-columns:minmax(0,1fr)}.of-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.of-logos-row{gap:20px 32px}.of-logos-row img{height:26px}.of-logos-row img[data-tall="1"]{height:36px}.of-form{grid-template-columns:1fr}.of-modal-body,.of-modal-foot,.of-modal-head{padding-left:20px;padding-right:20px}.of-modal-foot{flex-wrap:wrap}.of-modal-foot .of-btn{flex:1 1 auto}.of-modal-foot-note{order:3;width:100%;margin:4px 0 0;text-align:center}.of-art-phone{display:none}.of-btn-row .of-btn{width:100%}.of-brand-sub{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.of-spin{animation:of-spin 1.6s linear infinite!important}}.of-gfx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:34px 36px}.of-gfx-band{margin-top:30px}.of-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}.of-ba-head{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-4)}.of-ba-head-on{color:var(--sky)}.of-ba-pile{margin:0;padding:0;list-style:none;display:grid;gap:9px}.of-ba-pile li{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line-2);border-radius:11px;padding:10px 14px;font-size:14px;color:var(--ink-3);box-shadow:0 1px 2px rgba(11,31,58,.05);width:fit-content;max-width:100%}.of-ba-pile li:nth-child(2n){margin-left:auto}.of-ba-ico{flex:none;width:26px;height:26px;display:grid;place-items:center}.of-ba-ico img,.of-ba-ico svg{width:24px;height:24px;display:block}.of-ba-arrow{color:var(--ink-4);width:34px}.of-ba-arrow svg{width:34px;height:16px;display:block}.of-ba-board{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-2)}.of-ba-board-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:13.5px;font-weight:600;color:var(--ink)}.of-ba-board-bar .of-brand-mark{width:24px;height:24px;border-radius:7px;box-shadow:none}.of-ba-live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ok)}.of-ba-live i{width:6px;height:6px;border-radius:50%;background:var(--ok)}.of-ba-rows{margin:0;padding:12px 14px;list-style:none;display:grid;gap:10px}.of-ba-rows li{display:flex;align-items:center;gap:9px}.of-ba-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--sky)}.of-ba-dot-warn{background:var(--orange)}.of-ba-row-label{font-size:12.5px;color:var(--ink-2);flex:none;width:118px}.of-ba-bar{flex:1 1 auto;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.of-ba-bar i{display:block;height:100%;border-radius:4px;background:#bcdcf5}.of-ba-fill-warn{background:#f4cba8!important}@media (max-width:820px){.of-ba{grid-template-columns:1fr;gap:24px}.of-ba-arrow{justify-self:center;transform:rotate(90deg)}.of-ba-pile li:nth-child(2n){margin-left:0}.of-ba-row-label{width:96px}}.of-ab{position:relative;padding-bottom:84px}.of-ab-hero{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-2)}.of-ab-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.of-ab-rules{position:absolute;left:-16px;bottom:26px;width:64%;max-width:350px;aspect-ratio:16/7;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 48px -12px rgba(11,31,58,.42),0 4px 12px rgba(11,31,58,.16)}.of-ab-rules img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.of-ab-phone{position:absolute;right:7%;bottom:0;width:22%;max-width:138px;aspect-ratio:1206/2622;overflow:hidden;border-radius:20px;background:#fff;border:4px solid #0b1f3a;box-shadow:0 24px 52px -14px rgba(11,31,58,.48),0 4px 12px rgba(11,31,58,.16)}.of-ab-phone img{width:100%;height:100%;object-fit:cover;object-position:top center}@media (max-width:1080px){.of-ab{padding-bottom:74px}.of-ab-rules{left:-8px;width:62%}.of-ab-phone{width:24%;right:2%}}@media (max-width:1000px){.of-ab{padding-bottom:clamp(52px,7vw,96px)}.of-ab-rules{width:60%;max-width:none}.of-ab-phone{width:20%;max-width:none;right:4%}}@media (max-width:720px){.of-ab{padding-bottom:0;display:grid;gap:16px}.of-ab-phone,.of-ab-rules{position:static;inset:auto;width:100%;max-width:none}.of-ab-rules{aspect-ratio:16/8;border-color:var(--line-2)}.of-ab-phone{aspect-ratio:auto;max-width:230px;justify-self:center;border-radius:26px;border-width:5px}.of-ab-phone img{height:auto;object-fit:contain}}.of-sf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr) minmax(0,1fr);gap:clamp(20px,3.2vw,44px);align-items:center}.of-sf-head{margin:0 0 15px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-4)}.of-sf-cap{margin:0;padding:0;list-style:none;display:grid;gap:10px}.of-sf-cap li{display:grid;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 15px;box-shadow:0 1px 2px rgba(11,31,58,.05)}.of-sf-cap strong{font-size:14.5px;font-weight:600;color:var(--ink)}.of-sf-cap span{font-size:12.5px;color:var(--ink-3)}.of-sf-core{background:linear-gradient(150deg,var(--grad-a),var(--grad-b));border-radius:var(--r-md);padding:30px 26px;text-align:center;color:#fff;box-shadow:0 18px 44px rgba(31,111,184,.28)}.of-sf-core .of-brand-mark{width:46px;height:46px;border-radius:13px;margin:0 auto 14px;background:rgba(255,255,255,.17);box-shadow:none}.of-sf-core-t{margin:0 0 6px;font-size:22px;font-weight:600;letter-spacing:-.2px}.of-sf-core-s{margin:0;font-size:13px;color:#d6ecfa;line-height:1.55}.of-sf-logos{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.of-sf-logos li{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-size:12.5px;font-weight:500;color:var(--ink-2);box-shadow:0 1px 2px rgba(11,31,58,.05)}.of-sf-logo{flex:none;width:26px;height:26px;display:grid;place-items:center}.of-sf-logo img,.of-sf-logo svg{max-width:26px;max-height:22px;width:auto;height:auto;display:block}@media (max-width:980px){.of-sf{grid-template-columns:1fr;gap:26px}.of-sf-core{padding:24px 20px}.of-sf-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.of-sf-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}.of-loop{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.of-loop li{display:grid;gap:6px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 20px 22px;box-shadow:0 1px 2px rgba(11,31,58,.05)}.of-loop-n{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e4f2fd;color:var(--grad-b);font-size:13px;font-weight:700;margin-bottom:4px}.of-loop strong{font-size:16.5px;font-weight:600;color:var(--ink)}.of-loop-d{font-size:13.5px;line-height:1.55;color:var(--ink-3)}@media (max-width:900px){.of-loop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.of-loop{grid-template-columns:1fr}}@media (max-width:760px){.of-gfx-card{padding:20px 18px;border-radius:var(--r-md)}}.of-painlist{margin:0;padding:0;list-style:none;display:grid;gap:22px}.of-painlist li{display:grid;gap:4px;padding-left:18px;border-left:3px solid var(--cyan)}.of-painlist strong{font-size:16.5px;font-weight:600;color:var(--ink)}.of-painlist span{font-size:14.5px;line-height:1.62;color:var(--ink-3)}.of-painlist-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}@media (max-width:860px){.of-painlist-row{grid-template-columns:1fr;gap:18px;margin-top:26px}}.of-footer-top>*,.of-form>*,.of-hero-grid>*,.of-pop-grid>*,.of-price-grid>*,.of-split>*,.of-walk-body>*,.of-walk-pair>*{min-width:0}@media (max-width:860px){.of-cb-btn,.of-cb-search input,.of-in,.of-sel,.of-ta{font-size:16px}}@media (max-width:760px){.of-art-card{right:-8px;bottom:-20px}.of-fhero-shot{right:-6px;bottom:-18px;width:76%}.of-fhero{margin-bottom:26px}.of-fhero-plate{width:82%}.of-fhero-phone{right:5%;bottom:-18px;width:34%}}@media (max-width:720px){.of-logos-row{gap:22px 34px}.of-logos-row img{height:27px}.of-logos-row img[data-tall="1"]{height:37px}.of-logos-row img[data-small="1"]{height:18px}}@media (max-width:1120px){.of-logos-row{gap:22px 38px}}.of-split-media{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;align-items:start}.of-split-phone{display:flex;justify-content:center}@media (max-width:1000px){.of-split-media{grid-template-columns:minmax(0,1fr)}.of-split-phone{margin-top:8px}}.of-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.of-screen{margin:0;min-width:0}.of-screen-cap{margin-top:9px;font-size:13px;color:var(--ink-3)}@media (max-width:900px){.of-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.of-screens{grid-template-columns:minmax(0,1fr)}}.of-screen-phone{display:flex;justify-content:center}.of-screen-phone .of-phone-sm{max-width:170px}.of-cust-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.of-cust-thumb{border-radius:0}.of-cust-thumb img{transition:transform .3s ease}a.of-cust-card:hover .of-cust-thumb img{transform:scale(1.045)}.of-cust-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.of-cust-card .of-link-cta{margin-top:auto}@media (max-width:700px){.of-cust-body{padding:18px 18px 20px}}.of-logo-photo{position:relative}.of-logo-chip{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:124px;height:46px;padding:7px 12px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(11,22,39,.18)}.of-logo-chip img{max-width:100%;max-height:100%;object-fit:contain;display:block}@media (max-width:700px){.of-logo-chip{width:104px;height:40px;left:11px;bottom:11px}}.of-mailto{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.of-mailto-fallback{font-size:13.5px;line-height:1.4;color:#cfe2f5;max-width:34ch}.of-mailto-fallback a{color:#fff;text-decoration:underline;text-underline-offset:2px}.of-si{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,5vw,68px) 0 clamp(52px,6.5vw,88px)}.of-si>.of-wrap{position:relative;z-index:1}.of-si-back{position:absolute;inset:0;z-index:0;pointer-events:none}.of-si-back-wash{position:absolute;inset:-240px 0 auto 0;height:720px;background:radial-gradient(760px 420px at 82% 8%,rgba(111,215,239,.32),transparent 62%),radial-gradient(640px 400px at 8% 2%,rgba(75,163,227,.18),transparent 60%)}.of-si-back-rule{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(31,111,184,.07) 1px,transparent 0),linear-gradient(180deg,rgba(31,111,184,.07) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(120% 78% at 50% 26%,#000 22%,transparent 72%);mask-image:radial-gradient(120% 78% at 50% 26%,#000 22%,transparent 72%)}.of-si-back-photo{position:absolute;left:0;right:0;bottom:0;height:48%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 88%);mask-image:linear-gradient(180deg,transparent,#000 88%)}.of-si-back-img,.of-si-back-img img{width:100%;height:100%}.of-si-back-img img{object-fit:cover;object-position:50% 42%;opacity:.34}.of-si-head{text-align:center;max-width:900px;margin:0 auto clamp(32px,4vw,46px)}.of-si-head .of-lede{margin:0 auto;max-width:60ch}.of-si-resume{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:14px 18px;margin:0 0 22px;overflow:hidden}.of-si-resume-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(18,128,92,.13)}.of-si-resume-txt{margin:0;flex:1 1 260px;font-size:14.5px;color:var(--ink-2)}.of-si-resume-txt strong{color:var(--ink);font-weight:600}.of-si-resume-acts{display:flex;gap:9px;flex:none}.of-si-resume-bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));animation:of-si-countdown 3s linear forwards}@keyframes of-si-countdown{0%{width:100%}to{width:0}}.of-si-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}.of-si-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-2);transition:transform .18s ease,box-shadow .18s ease}.of-si-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.of-si-card-legacy{background:linear-gradient(168deg,#16222f,#0d1621);border-color:rgba(255,255,255,.13)}.of-si-art{position:relative;height:clamp(186px,20vw,248px);overflow:hidden;flex:none}.of-si-card-ai .of-si-art{background:linear-gradient(155deg,#eaf4fd,#d6e9fa)}.of-si-card-legacy .of-si-art{background:linear-gradient(155deg,#24313f,#131c27)}.of-si-art-grid{position:absolute;inset:0;background-image:radial-gradient(currentColor 1px,transparent 0);background-size:15px 15px}.of-si-card-ai .of-si-art-grid{color:rgba(31,111,184,.5);opacity:.17}.of-si-card-legacy .of-si-art-grid{color:rgba(111,215,239,.6);opacity:.13}.of-si-art-plate{position:absolute;left:26px;top:24px;right:-34px;bottom:-30px}.of-si-art-plate .of-browser{height:100%;border-radius:11px;box-shadow:0 20px 44px -16px rgba(6,17,33,.5),0 3px 10px rgba(6,17,33,.16)}.of-si-card-legacy .of-si-art-plate .of-browser{background:#2C313A;border-color:rgba(255,255,255,.16)}.of-si-art-plate .of-browser img{display:block;width:866px;max-width:none;height:auto}.of-si-chip{position:absolute;left:22px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 12px;border-radius:11px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border:1px solid rgba(11,31,58,.09);box-shadow:0 10px 26px -8px rgba(11,31,58,.4)}.of-si-card-legacy .of-si-chip{background:rgba(20,29,41,.9);border-color:rgba(255,255,255,.16)}.of-si-chip-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(18,128,92,.16);animation:of-si-pulse 2.6s ease-in-out infinite}.of-si-card-legacy .of-si-chip-dot{background:var(--cyan);box-shadow:0 0 0 3px rgba(111,215,239,.18)}@keyframes of-si-pulse{0%,to{opacity:1}50%{opacity:.45}}.of-si-chip-txt{display:grid;gap:1px;line-height:1.25}.of-si-chip-txt strong{font-size:13px;font-weight:600;color:var(--ink)}.of-si-chip-txt em{font-style:normal;font-size:11.5px;color:var(--ink-2)}.of-si-card-legacy .of-si-chip-txt strong{color:#fff}.of-si-card-legacy .of-si-chip-txt em{color:#9fb4cb}.of-si-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}.of-si-badge{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(31,111,184,.1);color:var(--grad-b);margin:0 0 14px}.of-si-card-legacy .of-si-badge{background:rgba(111,215,239,.14);color:var(--cyan)}.of-si-name{font-size:clamp(23px,2.6vw,28px);line-height:1.15;letter-spacing:-.025em;font-weight:600;margin:0 0 7px}.of-si-card-legacy .of-si-name{color:#fff}.of-si-tag{margin:0 0 8px;font-size:15.5px;color:var(--ink-2)}.of-si-use{margin:0 0 20px;font-size:14.5px;color:var(--ink-3)}.of-si-use code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.of-si-card-legacy .of-si-use{color:#9fb4cb}.of-si-card-legacy .of-si-use code{color:#cfe2f5;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}.of-si-card-legacy .of-si-tag{color:#a9c0d6}.of-si-ticks{flex:1;align-content:start;margin:0 0 24px}.of-si-ticks li{font-size:14.5px}.of-si-card-legacy .of-si-ticks li{color:#cfe2f5}.of-si-card-legacy .of-si-ticks svg circle{fill:rgba(111,215,239,.16)}.of-si-card-legacy .of-si-ticks svg path{stroke:var(--cyan)}.of-si-foot{display:grid;gap:11px;justify-items:center}.of-si-host{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:-.01em;color:var(--ink-2)}.of-si-card-legacy .of-si-host{color:#8ea6be}.of-si-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.of-si-remember{text-align:center;margin:26px 0 0}.of-si-check{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-2);cursor:pointer}.of-si-check input{width:17px;height:17px;accent-color:var(--grad-b);cursor:pointer}.of-si-check-note{margin:7px 0 0;font-size:12.5px;color:var(--ink-2)}.of-si-help-h{text-align:center;margin-bottom:30px}.of-si-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.of-si-help-item .of-card-ico{margin-bottom:14px}.of-si-help-item .of-body-txt{font-size:14.5px;margin-bottom:10px}.of-si-help-item code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.of-si-help-foot{text-align:center;margin:0 auto;max-width:62ch;font-size:15.5px}.of-si-help-foot a{color:var(--grad-b);font-weight:600;text-decoration:none}.of-si-help-foot a:hover{text-decoration:underline}@media (max-width:900px){.of-si-grid{gap:22px}.of-si-grid,.of-si-help{grid-template-columns:1fr}.of-si-help{gap:24px}.of-si-art{height:clamp(200px,34vw,300px)}}@media (max-width:620px){.of-si-art{height:178px}.of-si-art-plate{left:18px;top:18px;right:-26px;bottom:-24px}.of-si-chip{left:16px;bottom:14px;padding:8px 12px 8px 10px}.of-si-body{padding:20px 19px 22px}.of-si-resume{padding:13px 15px}.of-si-resume-acts{width:100%}.of-si-resume-acts .of-btn{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.of-si-resume-bar{animation:none;width:100%}.of-si-chip-dot{animation:none}.of-si-card:hover{transform:none}}.of-blog-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(52px,7vw,92px) 0 clamp(64px,8vw,104px)}.of-blog-hero:before{content:"";position:absolute;inset:-180px -10% auto;z-index:-1;height:720px;pointer-events:none;background:radial-gradient(680px 390px at 78% 31%,rgba(111,215,239,.25),transparent 68%),radial-gradient(700px 430px at 13% 9%,rgba(75,163,227,.15),transparent 66%)}.of-blog-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(48px,7vw,88px);align-items:center}.of-blog-hero-copy{min-width:0}.of-blog-hero-copy .of-h1{max-width:12ch}.of-blog-hero-copy .of-lede{max-width:54ch}.of-blog-brand-figure{width:min(100%,570px);margin:0 0 0 auto}.of-blog-brand-art{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(31,111,184,.16);border-radius:clamp(20px,3vw,32px);background:#fff;box-shadow:0 36px 80px -30px rgba(11,31,58,.38),var(--shadow-1)}.of-blog-brand-art:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);pointer-events:none}.of-blog-brand-art img{width:100%;height:100%;object-fit:cover}.of-blog-brand-figure figcaption,.of-blog-figure figcaption,.of-blog-main-figure figcaption{color:var(--ink-2);font-size:12.5px;line-height:1.55}.of-blog-brand-figure figcaption{max-width:58ch;margin:13px 4px 0}.of-blog-index-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,70px);align-items:end;padding-bottom:34px;margin-bottom:28px;border-bottom:1px solid var(--line-2)}.of-blog-index-head .of-eyebrow{margin-bottom:12px}.of-blog-index-head .of-h2,.of-blog-index-head .of-lede{margin-bottom:0}.of-blog-directory{min-width:0}.of-blog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(255,255,255,.86);box-shadow:var(--shadow-1)}.of-blog-search{min-width:0;height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:11px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.of-blog-search svg{flex:none}.of-blog-search:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px rgba(16,159,255,.15)}.of-blog-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:15px}.of-blog-search input::placeholder{color:var(--ink-3);opacity:1}.of-blog-search input::-webkit-search-cancel-button{cursor:pointer}.of-blog-sort{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center}.of-blog-sort>span{color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap}.of-blog-sort select{min-width:150px;height:48px;padding:0 38px 0 13px;border:1px solid var(--line-2);border-radius:11px;color:var(--ink);background-color:var(--surface);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.of-blog-sort select:focus-visible{border-color:var(--sky);outline:2px solid var(--sky);outline-offset:2px}.of-blog-count{margin:20px 2px 16px;color:var(--ink-2);font-size:13.5px;font-weight:500}.of-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.of-blog-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.of-blog-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:var(--shadow-2)}.of-blog-card-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}.of-blog-card-image:after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(11,31,58,.08);pointer-events:none}.of-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.of-blog-card:hover .of-blog-card-image img{transform:scale(1.018)}.of-blog-card-body{min-width:0;flex:1;display:flex;flex-direction:column;padding:clamp(22px,3vw,30px)}.of-blog-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;color:var(--ink-2);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.of-blog-card .of-h3{margin-bottom:10px}.of-blog-card .of-h3 a{color:var(--ink);text-decoration:none}.of-blog-card .of-h3 a:hover{color:var(--grad-b)}.of-blog-card-body>p{margin:0 0 22px;color:var(--ink-2);font-size:15px;line-height:1.68}.of-blog-card-foot{display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center;justify-content:space-between;padding-top:17px;margin-top:auto;border-top:1px solid var(--line)}.of-blog-card-foot>span{color:var(--ink-2);font-size:12.5px}.of-blog-grid>.of-blog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr)}.of-blog-grid>.of-blog-card:only-child .of-blog-card-image{height:100%;aspect-ratio:auto;min-height:290px;padding:13px}.of-blog-grid>.of-blog-card:only-child .of-blog-card-image img{object-fit:contain}.of-blog-empty{max-width:650px;margin:0 auto;padding:clamp(34px,6vw,58px) 24px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-md);background:rgba(255,255,255,.66)}.of-blog-empty .of-h3{margin-bottom:7px}.of-blog-empty p{margin:0 0 20px;color:var(--ink-2)}.of-blog-article{background:var(--canvas)}.of-blog-post-head{position:relative;isolation:isolate;overflow:hidden;padding:clamp(42px,6vw,78px) 0 clamp(44px,6vw,74px)}.of-blog-post-head:before{content:"";position:absolute;inset:-260px -10% auto;z-index:-1;height:780px;pointer-events:none;background:radial-gradient(700px 410px at 83% 23%,rgba(111,215,239,.24),transparent 66%),radial-gradient(690px 420px at 8% 2%,rgba(75,163,227,.15),transparent 68%)}.of-blog-post-head .of-wrap{max-width:1040px}.of-blog-breadcrumb{display:flex;flex-wrap:wrap;gap:7px 9px;align-items:center;margin-bottom:38px;color:var(--ink-2);font-size:13px;font-weight:500}.of-blog-breadcrumb a{color:inherit;text-decoration:none}.of-blog-breadcrumb a:hover{color:var(--grad-b);text-decoration:underline;text-underline-offset:3px}.of-blog-post-head .of-eyebrow{margin-bottom:15px}.of-blog-post-head h1{max-width:980px;margin:0 0 22px;color:var(--ink);font-size:clamp(40px,6vw,70px);font-weight:600;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}.of-blog-deck{max-width:790px;margin:0 0 29px;color:var(--ink-2);font-size:clamp(18px,2vw,21px);line-height:1.62}.of-blog-byline{display:flex;gap:12px;align-items:center}.of-blog-byline>div{display:grid;gap:1px}.of-blog-byline strong{color:var(--ink);font-size:13.5px;font-weight:600}.of-blog-byline div>span{color:var(--ink-2);font-size:12.5px}.of-blog-author-mark{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--grad-a),var(--grad-b));box-shadow:0 7px 18px rgba(31,111,184,.22);font-size:16px;font-weight:700}.of-blog-main-figure{max-width:1124px;margin:0 auto clamp(58px,7vw,88px)}.of-blog-platforms{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr);gap:clamp(20px,3vw,34px);align-items:center;padding:clamp(18px,3.2vw,36px);border:1px solid var(--line-2);border-radius:clamp(17px,2.5vw,26px);background:linear-gradient(145deg,#f7f9fc,#edf4fa);box-shadow:0 30px 70px -30px rgba(11,31,58,.38),var(--shadow-1)}.of-blog-platform-console,.of-blog-platform-mobile>div{min-width:0;display:grid;gap:10px}.of-blog-platform-console>span,.of-blog-platform-mobile span{color:var(--ink-2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.of-blog-platform-console .of-browser{border-radius:12px;box-shadow:0 18px 42px -20px rgba(11,31,58,.36),var(--shadow-1)}.of-blog-platform-mobile{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:end}.of-blog-platform-mobile .of-phone{max-width:156px;border-width:4px;border-radius:20px;box-shadow:0 18px 38px -18px rgba(11,31,58,.45),var(--shadow-1)}.of-blog-platforms-composite{display:block}.of-blog-platforms-image{display:block;width:100%;height:auto;border-radius:14px}.of-blog-main-figure figcaption{max-width:80ch;margin:13px 4px 0}.of-blog-post-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:190px minmax(0,760px);gap:clamp(42px,6vw,76px);align-items:start;justify-content:center}.of-blog-rail{position:sticky;top:calc(var(--hdr-h) + 24px);padding:18px 0 18px 18px;border-left:2px solid var(--line-2)}.of-blog-rail>p{margin:0 0 12px;color:var(--ink);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.of-blog-rail nav{display:grid;gap:2px}.of-blog-rail a{display:block;padding:7px 0;color:var(--ink-2);font-size:12.5px;line-height:1.45;text-decoration:none}.of-blog-rail a:hover{color:var(--grad-b)}.of-blog-prose{min-width:0;color:var(--ink-2);font-size:17px;line-height:1.78}.of-blog-prose>p,.of-blog-prose>section>p{margin:0 0 21px}.of-blog-prose>section{scroll-margin-top:calc(var(--hdr-h) + 24px);margin-top:clamp(52px,7vw,78px)}.of-blog-prose h2{max-width:22ch;margin:0 0 19px;color:var(--ink);font-size:clamp(28px,3.4vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.16;text-wrap:balance}.of-blog-standfirst{padding-bottom:28px;margin-bottom:30px!important;border-bottom:1px solid var(--line-2);color:var(--ink)!important;font-size:clamp(20px,2.4vw,24px);font-weight:500;letter-spacing:-.012em;line-height:1.58}.of-blog-pullquote{position:relative;margin:36px 0 8px;padding:26px 28px 27px 31px;overflow:hidden;border:1px solid rgba(31,111,184,.16);border-radius:var(--r-md);background:linear-gradient(135deg,rgba(75,163,227,.1),rgba(111,215,239,.1))}.of-blog-pullquote:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--cyan),var(--grad-b))}.of-blog-pullquote p{margin:0;color:var(--ink);font-size:clamp(19px,2.5vw,23px);font-weight:500;letter-spacing:-.015em;line-height:1.5}.of-blog-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0 0;padding:0;list-style:none}.of-blog-capabilities li{min-width:0;display:grid;gap:5px;align-content:start;padding:19px 19px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 8px 24px rgba(11,31,58,.045)}.of-blog-capabilities strong{color:var(--grad-b);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.of-blog-capabilities span{color:var(--ink-2);font-size:14px;line-height:1.55}.of-blog-figure{max-width:100%;margin:clamp(44px,6vw,64px) 0}.of-blog-figure>.of-browser{border-radius:16px;box-shadow:0 22px 52px -24px rgba(11,31,58,.42),var(--shadow-1)}.of-blog-figure figcaption{margin:12px 3px 0;padding-left:12px;border-left:2px solid var(--line-2)}.of-blog-figure-pair{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,.55fr);gap:clamp(20px,4vw,34px);align-items:end;margin:clamp(50px,7vw,72px) 0}.of-blog-figure-pair .of-blog-figure{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;margin:0}.of-blog-phone-figure .of-phone{width:min(100%,210px);margin:0 auto;border-radius:25px;border-width:5px}.of-blog-end-card{margin-top:clamp(58px,8vw,84px);padding:clamp(28px,5vw,46px);overflow:hidden;border:1px solid rgba(31,111,184,.18);border-radius:clamp(17px,2.5vw,24px);background:radial-gradient(360px 220px at 100% 0,rgba(111,215,239,.23),transparent 72%),linear-gradient(145deg,#fff,#eff7fd);box-shadow:var(--shadow-1)}.of-blog-end-card .of-eyebrow{margin-bottom:11px}.of-blog-end-card h2{max-width:16ch;margin:0 0 12px;color:var(--ink);font-size:clamp(27px,3.5vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.14}.of-blog-end-card>p:not(.of-eyebrow){max-width:57ch;margin:0;color:var(--ink-2)}.of-blog-end-card .of-btn-row{margin-top:25px}.of-blog-author{max-width:760px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:clamp(58px,8vw,88px) auto clamp(70px,9vw,112px);padding:25px 0 0;border-top:1px solid var(--line-2)}.of-blog-author>div{min-width:0}.of-blog-author p{margin:0 0 2px;color:var(--ink);font-size:13.5px;font-weight:600}.of-blog-author div>span{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.55}.of-blog-author>.of-link-cta{white-space:nowrap}@media (max-width:1000px){.of-blog-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}.of-blog-hero-copy{max-width:720px}.of-blog-brand-figure{width:min(100%,520px);margin:0}.of-blog-post-grid{grid-template-columns:minmax(0,760px);gap:46px}.of-blog-platforms{grid-template-columns:minmax(0,1fr);gap:30px}.of-blog-platform-mobile{grid-template-columns:repeat(2,minmax(0,156px));justify-content:center;gap:22px}.of-blog-rail{position:static;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-1)}.of-blog-rail nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px 22px}.of-blog-rail a{padding:6px 0}}@media (max-width:820px){.of-blog-index-head{grid-template-columns:minmax(0,1fr);gap:17px}.of-blog-index-head .of-lede{max-width:58ch}.of-blog-tools{grid-template-columns:minmax(0,1fr)}.of-blog-sort{justify-content:space-between}.of-blog-sort select{min-width:180px}.of-blog-grid{grid-template-columns:minmax(0,1fr)}.of-blog-grid>.of-blog-card:only-child{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.of-blog-grid>.of-blog-card:only-child .of-blog-card-image{min-height:300px}.of-blog-main-figure{margin-bottom:54px}.of-blog-figure-pair{grid-template-columns:minmax(0,1.5fr) minmax(180px,.6fr)}.of-blog-author{grid-template-columns:auto minmax(0,1fr)}.of-blog-author>.of-link-cta{grid-column:2;justify-self:start}}@media (max-width:660px){.of-blog-hero{padding-top:44px}.of-blog-hero-copy .of-h1{max-width:none}.of-blog-brand-figure figcaption,.of-blog-main-figure figcaption{margin-left:2px;margin-right:2px}.of-blog-tools{padding:12px}.of-blog-sort{grid-template-columns:minmax(0,1fr);gap:6px;justify-content:stretch}.of-blog-sort select{width:100%;min-width:0}.of-blog-search input,.of-blog-sort select{font-size:16px}.of-blog-card{border-radius:16px}.of-blog-grid>.of-blog-card:only-child{display:flex}.of-blog-grid>.of-blog-card:only-child .of-blog-card-image{height:auto;min-height:0;aspect-ratio:16/9}.of-blog-card-body{padding:22px 20px}.of-blog-card-foot{align-items:flex-start}.of-blog-post-head{padding-top:34px}.of-blog-breadcrumb{margin-bottom:30px}.of-blog-post-head h1{font-size:clamp(36px,11vw,48px)}.of-blog-platforms{border-radius:16px}.of-blog-main-figure{margin-bottom:45px}.of-blog-rail nav{grid-template-columns:minmax(0,1fr);gap:0}.of-blog-rail a{min-height:38px;display:flex;align-items:center}.of-blog-prose{font-size:16.5px;line-height:1.75}.of-blog-prose>section{margin-top:52px}.of-blog-standfirst{font-size:20px}.of-blog-pullquote{padding:22px 20px 23px 24px}.of-blog-capabilities,.of-blog-figure-pair{grid-template-columns:minmax(0,1fr)}.of-blog-figure-pair{gap:42px}.of-blog-phone-figure .of-phone{width:min(64vw,220px)}.of-blog-phone-figure figcaption{max-width:38ch;margin-left:auto;margin-right:auto}.of-blog-end-card{padding:27px 21px}.of-blog-author{margin-bottom:76px}.of-blog-author>.of-link-cta{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.of-blog-card,.of-blog-card-image img{transition:none}.of-blog-card:hover,.of-blog-card:hover .of-blog-card-image img{transform:none}}