:root{--font-display:var(--font-newsreader), ui-serif, Georgia, "Noto Serif JP", serif;--font-sans:var(--font-inter), var(--font-noto-sans-jp), -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, monospace;--marketing-nav-offset:calc(4.5rem + env(safe-area-inset-top,0px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:400;line-height:1.05}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-size:11px}.eyebrow .dot{background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.h-xl{font-size:clamp(44px,6.4vw,88px)}.h-lg{font-size:clamp(36px,4.4vw,60px)}.h-md{font-size:clamp(28px,3vw,40px)}.lede{color:var(--ink-2);max-width:58ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;font-size:14.5px;font-weight:500;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent)}.btn-ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.btn-ghost:hover{background:var(--paper-2);border-color:var(--ink)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-ink)}.btn svg{width:14px;height:14px}.nav{z-index:1000;box-sizing:border-box;width:100%;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f3ece0;transition:background .2s;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:#f7f3ecf0}.nav-inner{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;display:flex}.logo-mark{text-indent:-9999px;background-image:url(/onelearn-site/assets/logos/onelearn.png);background-position:50%;background-size:cover;border-radius:8px;width:30px;height:30px;display:block;overflow:hidden}.logo-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:32px;height:32px;display:block}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--ink-2);font-size:14px}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:10px;display:flex}.lang-switch{font-family:var(--font-mono);border:1px solid var(--line);background:#ffffff80;border-radius:999px;padding:4px;font-size:11px;display:inline-flex}.lang-switch button{color:var(--ink-3);letter-spacing:.1em;background:0 0;border:0;border-radius:999px;padding:4px 10px}.lang-switch button.active{background:var(--ink);color:var(--paper)}.nav-toggle{border:1px solid var(--line-2);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle:hover{background:var(--paper-2)}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle-bars{flex-direction:column;justify-content:space-between;width:18px;height:12px;display:inline-flex}.nav-toggle-bars span{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .15s;display:block}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.mobile-menu{left:0;right:0;top:var(--marketing-nav-offset,64px);max-height:calc(100dvh - var(--marketing-nav-offset,64px));background:var(--paper);border-bottom:1px solid var(--line);box-sizing:border-box;z-index:999;padding:12px 20px 24px;display:none;position:fixed;overflow-y:auto;box-shadow:0 12px 32px -16px #1a19152e}.mobile-menu[hidden]{display:none}.mobile-menu.open{display:block}.mobile-menu-links{flex-direction:column;gap:0;padding:4px 0 12px;display:flex}.mobile-menu-links a{font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--line);padding:14px 4px;font-size:20px;text-decoration:none;display:block}.mobile-menu-links a:last-child{border-bottom:0}.mobile-menu-cta{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 0 12px;display:flex}.mobile-menu-btn{text-align:center;justify-content:center;width:100%;padding:14px 18px;font-size:15px}.mobile-menu-lang{justify-content:center;padding-top:4px;display:flex}@media (max-width:900px){.nav-inner{gap:12px}.logo span{font-size:18px}.nav-links,.nav-cta{display:none}.nav-toggle{display:inline-flex}}.hero{padding:calc(64px + var(--marketing-nav-offset)) 0 40px;position:relative}.hero:has(.integrations-strip){padding-bottom:0}.onelearn-landing-root main.section{padding-top:calc(1.75rem + var(--marketing-nav-offset))}@keyframes ol-marketing-page-in{0%{opacity:0}to{opacity:1}}.marketing-template-root{animation:.5s cubic-bezier(.22,1,.36,1) both ol-marketing-page-in}@media (prefers-reduced-motion:reduce){.marketing-template-root{opacity:1;animation:none}}.hero-grid{display:block}.hero-copy{text-align:center;max-width:40rem;margin-left:auto;margin-right:auto}.hero-eyebrow{margin-bottom:22px}.hero h1{margin:0 0 24px}.hero h1 em{color:var(--accent);font-style:italic}.hero h1 .hero-title-keep{white-space:nowrap}.hero .lede{margin-bottom:32px;margin-left:auto;margin-right:auto}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.hero-meta{color:var(--ink-3);font-size:13px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta .check{background:var(--sage);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:inline-grid}.product-shot{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;position:relative;overflow:hidden;box-shadow:0 1px #00000008,0 20px 50px -20px #1a19152e,0 40px 80px -40px #c8532b1a}.ps-chrome{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:8px;padding:10px 14px;display:flex}.ps-dot{background:var(--line-2);border-radius:50%;width:10px;height:10px}.ps-dot:first-child{background:#e97f6a}.ps-dot:nth-child(2){background:#e3be5e}.ps-dot:nth-child(3){background:#7fa973}.ps-url{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--line);background:#fff;border-radius:6px;margin-left:10px;padding:3px 10px;font-size:11px}.dash{grid-template-columns:180px 1fr;min-height:420px;display:grid}.dash-side{border-right:1px solid var(--line);color:var(--ink-2);background:#fafaf6;padding:16px 12px;font-size:12px}.dash-side .brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;margin-bottom:18px;font-size:15px;display:flex}.dash-side .brand .mini-mark{background:linear-gradient(135deg, var(--brand-blue), var(--brand-pink));border-radius:4px;width:18px;height:18px}.dash-side .nav-item{border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 10px;display:flex}.dash-side .nav-item.active{background:var(--accent-soft);color:var(--accent-ink)}.dash-side .nav-item .gl{background:var(--line-2);border-radius:3px;width:12px;height:12px}.dash-side .nav-item.active .gl{background:var(--accent)}.dash-side .section-label{font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;margin:14px 10px 6px;font-size:10px}.dash-main{padding:18px 22px}.dash-topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dash-title{font-family:var(--font-display);font-size:22px}.dash-search{font-family:var(--font-mono);color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:11px}.dash-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--line);background:#fafaf6;border-radius:10px;padding:12px 14px}.kpi .label{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.kpi .val{font-family:var(--font-display);margin-top:4px;font-size:24px}.kpi .delta{color:var(--sage);font-size:11px;font-family:var(--font-mono)}.kpi .delta.neg{color:var(--accent)}.dash-table{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.dt-head,.dt-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr 90px;padding:10px 14px;font-size:12px;display:grid}.dt-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);background:#fafaf6;font-size:10px}.dt-row:last-child{border-bottom:0}.dt-row .student{color:var(--ink);align-items:center;gap:8px;display:flex}.dt-row .avatar{background:var(--paper-2);width:22px;height:22px;font-size:10px;font-family:var(--font-mono);color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.pill{font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:inline-flex}.pill.paid{background:var(--sage-soft);color:#39552f}.pill.due{color:var(--accent-ink);background:#fae8d8}.pill.enrolled{color:#324872;background:#e8ebf4}.float-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-size:12px;position:absolute;box-shadow:0 16px 40px -16px #1a191540}.float-card.line{align-items:flex-start;gap:10px;max-width:220px;display:flex;top:28%;left:-34px}.float-card.line .icon-line{color:#fff;width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.05em;background:#06c755;border-radius:8px;place-items:center;display:grid}.float-card.line .body{color:var(--ink-2)}.float-card.line .body strong{color:var(--ink);font-family:var(--font-sans);margin-bottom:2px;display:block}.float-card.payment{align-items:center;gap:12px;display:flex;bottom:-24px;right:-20px}.float-card.payment .amt{font-family:var(--font-display);color:var(--ink);font-size:22px}.float-card.payment .meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:10px}@media (max-width:960px){.float-card.line,.float-card.payment{display:none}}.trust{border-top:1px solid var(--line);margin-top:60px;padding:40px 0 24px}.trust-label{text-align:center;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;font-size:11px}.trust-row{opacity:.75;grid-template-columns:repeat(6,1fr);align-items:center;gap:20px;display:grid}.trust-logo{font-family:var(--font-display);color:var(--ink-2);text-align:center;letter-spacing:-.01em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:18px;font-style:italic}@media (max-width:900px){.trust-row{grid-template-columns:repeat(3,1fr)}}
section{position:relative}.section{padding:clamp(80px,9vw,140px) 0}#pillars.section{padding-top:clamp(40px,5vw,72px)}.section-paper{background:var(--paper)}.section-dark{background:var(--ink);color:var(--paper)}.section-dark .display,.section-dark .h-xl,.section-dark .h-lg,.section-dark .h-md{color:var(--paper)}.section-dark .lede{color:#f7f3ecb3}.section-dark .eyebrow{color:#f7f3ec99}.section-dark hr{border-color:#ffffff1a}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:56px;display:grid}.section-head h2,.section-head .lede{margin:0}@media (max-width:900px){.section-head{grid-template-columns:1fr;gap:20px}}#pricing .section-head{align-items:start}#pricing .section-head>:last-child{flex-direction:column;align-items:flex-start;gap:20px;display:flex}@media (min-width:901px){#pricing .section-head>:last-child{padding-top:32px}}.pillars{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.pillar{border-right:1px solid var(--line);cursor:default;padding:44px 32px 40px;transition:background .25s;position:relative}.pillar:last-child{border-right:0}.pillar:hover{background:#ffffff80}.pillar-index{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:60px;font-size:11px;display:flex}.pillar-glyph{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.pillar-glyph svg{width:18px;height:18px;color:var(--accent)}.pillar h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(26px,2.2vw,32px);font-weight:400;line-height:1.15}.pillar p{color:var(--ink-2);max-width:36ch;margin:0 0 28px;font-size:15px}.pillar ul{margin:0;padding:0;list-style:none}.pillar ul li{border-top:1px dashed var(--line);color:var(--ink-2);align-items:flex-start;gap:8px;padding:9px 0;font-size:13.5px;display:flex}.pillar ul li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}@media (max-width:900px){.pillars{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid var(--line)}.pillar:last-child{border-bottom:0}.pillar-index{margin-bottom:32px}}.deep{grid-template-columns:340px 1fr;gap:48px;display:grid}@media (max-width:1000px){.deep{grid-template-columns:1fr}}.deep-tabs{flex-direction:column;gap:2px;display:flex}.deep-tab{text-align:left;border:0;border-left:2px solid var(--line);color:var(--ink-3);font-family:var(--font-sans);background:0 0;padding:18px 20px;transition:all .2s}.deep-tab .tab-title{font-family:var(--font-display);color:var(--ink-2);font-size:20px;line-height:1.2}.deep-tab.active{border-left-color:var(--accent);color:var(--ink);background:linear-gradient(90deg,#c8532b0f,#0000 60%)}.deep-tab.active .tab-title{color:var(--ink)}.deep-tab:hover:not(.active){color:var(--ink-2);background:#00000005}.deep-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;min-height:460px;padding:32px;position:relative;overflow:hidden}.deep-panel:has(.feature-showcase){overflow:visible}.deep-panel-content{display:none}.deep-panel-content.active{animation:.4s fadeInUp;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel-head h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:30px;font-weight:400}.panel-head p{color:var(--ink-2);max-width:52ch;margin:0;font-size:15px}.deep-panel-content:has(.feature-showcase)>.panel-head{display:none}.panel-body{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.deep-panel .panel-body:has(>.panel-visual){grid-template-columns:minmax(240px,.82fr) minmax(300px,1.35fr);align-items:stretch;gap:22px 36px}.deep-panel .panel-body:not(:has(>.panel-visual)){grid-template-columns:1fr}@media (max-width:800px){.panel-body{grid-template-columns:1fr;align-items:start}.deep-panel .panel-body:has(>.panel-visual){grid-template-columns:1fr}}.panel-bullets{flex-direction:column;align-self:start;gap:14px;display:flex}.panel-bullets .b{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:12px;padding:14px;display:flex}.panel-bullets .b svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:2px}.panel-bullets .b strong{margin-bottom:2px;font-size:14px;font-weight:500;display:block}.panel-bullets .b span{color:var(--ink-2);font-size:13px;line-height:1.5}.panel-visual{min-height:0;font-family:var(--font-mono);color:var(--ink-3);background:0 0;border:none;border-radius:0;flex-direction:column;height:100%;padding:0;font-size:11px;display:flex}.deep-panel .panel-visual .frame{box-shadow:none;background:0 0;border:0}.deep-panel .panel-visual .frame[data-zoomable]:hover{transform:none;box-shadow:0 12px 32px -18px #1a19151f}.deep-panel .panel-visual .frame .frame__media{background:0 0}.deep-panel .panel-visual:not(.feature-stage):not(.line-stage)>.frame{flex-direction:column;flex:auto;width:100%;min-height:360px;margin:0;display:flex}.deep-panel .panel-visual:not(.feature-stage):not(.line-stage)>.frame .frame__media{flex:auto;min-height:360px;position:relative}.deep-panel .panel-visual:not(.feature-stage):not(.line-stage)>.frame .frame__media picture{display:block;position:absolute;inset:0}.deep-panel .panel-visual:not(.feature-stage):not(.line-stage)>.frame .frame__media img{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;width:100%;height:100%;display:block}.deep-panel .panel-body.panel-body--feature-showcase{flex-direction:column;gap:0;display:flex}.feature-showcase{box-sizing:border-box;flex-direction:column;gap:20px;margin-inline:-32px;padding-inline:32px;display:flex}.feature-shot{background:0 0;border:none;border-radius:0;padding:0}.feature-showcase .feature-shot>.panel-visual{background:0 0;border:0;flex:auto;height:auto;min-height:0;padding:0}.feature-showcase .feature-shot>.line-stage,.feature-showcase .feature-shot .line-stage--in-slide{background:0 0;border:0;min-height:0;margin:0;padding:0}.feature-shot>.frame{width:100%;min-height:0;margin:0;display:block}.feature-shot .frame__media{min-height:0;line-height:0;display:block;position:relative}.feature-shot .frame__media picture{width:100%;display:block;position:static}.feature-shot .frame__media img{width:100%;height:auto;display:block}.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame{flex:0 auto}.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame .stage-stack{aspect-ratio:unset;background:0 0;height:auto;min-height:0;position:relative}.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame .stage-slide{opacity:1;pointer-events:none;transition:none;display:none;position:static;inset:auto}.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame .stage-slide.active{pointer-events:auto;display:block}.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame .stage-slide img{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;width:100%;height:auto;display:block}.feature-showcase{flex-direction:column;display:flex}.feature-showcase .feature-strip-outer{order:1}.feature-showcase .feature-detail{order:2}.feature-showcase .feature-shot{order:3}.feature-strip-outer{padding:0 0 4px}.feature-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;padding:2px 2px 6px;scroll-padding-inline:4px 20px;display:flex;overflow:auto hidden}.feature-strip::-webkit-scrollbar{height:6px}.feature-strip::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px}.feature-tile{scroll-snap-align:start;scroll-snap-stop:normal;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--ink-2);box-sizing:border-box;border-radius:999px;flex-direction:row;flex:none;align-items:center;gap:6px;padding:6px 12px;transition:border-color .2s,box-shadow .2s,background .2s;display:inline-flex}@media (min-width:960px){.feature-strip{scroll-snap-type:none;flex-wrap:wrap;overflow-x:visible}.feature-tile{flex:none;width:auto;min-width:0;max-width:none}}@media (max-width:959px){.feature-strip{scroll-snap-type:x mandatory;scroll-padding-inline:4px 28px}.feature-tile{flex:none;min-width:0;max-width:100%}}.feature-tile:hover{border-color:var(--ink-3);background:#fff}.feature-tile.active{border-color:var(--ink);background:var(--ink);box-shadow:none;color:var(--paper)}.feature-tile.active .feature-tile-icon{color:var(--paper)}.feature-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feature-tile-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.feature-tile-label{letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2}.feature-detail{text-align:left;max-width:62ch;margin:0 0 24px;padding:12px 0 0}.feature-detail-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:30px;font-weight:400}.feature-detail-text{color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.mini-card{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:10px;padding:12px}.mini-row{color:var(--ink-2);font-size:12px;font-family:var(--font-sans);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.mini-row+.mini-row{border-top:1px dashed var(--line)}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:0;display:grid}@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-right:0;padding:28px;position:relative}.step:last-child{border-right:1px solid var(--line)}.step:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.step:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.step-num{font-family:var(--font-display);color:var(--accent);margin-bottom:24px;font-size:48px;line-height:1}.step h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:400}.step p{color:var(--ink-2);margin:0;font-size:14px}.step .timing{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}@media (max-width:900px){.step{border-right:1px solid var(--line);border-radius:0!important}.step+.step{border-top:0}.step:first-child{border-top-left-radius:var(--radius)!important;border-top-right-radius:var(--radius)!important}.step:last-child{border-bottom-left-radius:var(--radius)!important;border-bottom-right-radius:var(--radius)!important}}.stats{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat{border-left:1px solid #ffffff1f;padding:32px}.stat:first-child{border-left:0}.stat-num{font-family:var(--font-display);color:var(--paper);letter-spacing:-.02em;font-size:clamp(48px,5.5vw,72px);line-height:1}.stat-num .unit{color:var(--accent);margin-left:2px;font-size:.55em}.stat-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f7f3ec99;margin-top:16px;font-size:11px}.stat-desc{color:#f7f3eccc;max-width:24ch;margin-top:8px;font-size:14px}@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}.stat{border-top:1px solid #ffffff1f;border-left:0;padding:24px}.stat:first-child,.stat:nth-child(2){border-top:0}.stat:nth-child(odd){border-right:1px solid #ffffff1f}}.quote-wrap{grid-template-columns:1fr;align-items:start;gap:0;max-width:min(100%,720px);margin-inline:auto;display:grid}.quote-wrap>div{text-align:center;flex-direction:column;align-items:center;display:flex}blockquote.quote{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(26px,2.8vw,40px);font-weight:400;line-height:1.25}blockquote.quote:before{content:"“";color:var(--accent);vertical-align:-.2em;margin-right:6px;font-size:1.4em;line-height:0}.quote-meta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:32px;padding-top:24px;display:flex}.quote-avatar{color:#fff;width:48px;height:48px;font-family:var(--font-display);background:linear-gradient(135deg,#e3be5e,#c8532b);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}img.quote-avatar.quote-avatar--photo{-o-object-fit:cover;object-fit:cover;background:var(--paper-2);border:2px solid var(--line);width:56px;height:56px;padding:0;display:block}.quote-attribution{text-align:center;min-width:0}.quote-meta .name{font-size:15px;font-weight:500}.quote-meta .role{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.quote-visual{aspect-ratio:4/5;border-radius:var(--radius-lg);border:1px solid var(--line);background:repeating-linear-gradient(135deg, #c8532b0d 0 8px, transparent 8px 16px), var(--paper-2);position:relative;overflow:hidden}.quote-visual .label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);background:#f7f3ece6;border-radius:999px;padding:6px 10px;font-size:10px;position:absolute;bottom:20px;left:20px}.pricing-teaser-wrap{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:900px){.pricing-teaser-wrap{grid-template-columns:1fr}}.plan{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;padding:28px;display:flex;position:relative}.plan.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.plan.featured .plan-meta,.plan.featured .plan-feature{color:#f7f3ecb3}.plan.featured .plan-price{color:var(--paper)}.plan.featured .plan-price .period{color:#f7f3ec80}.plan-name{font-family:var(--font-display);margin-bottom:4px;font-size:22px}.plan-meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;font-size:11px}.plan-price{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;font-size:48px;line-height:1}.plan-price .period{color:var(--ink-3);font-size:14px;font-family:var(--font-sans);margin-left:4px}.plan-price-meta{color:var(--ink-3);font-size:12px;font-family:var(--font-mono);margin-bottom:24px}.plan-features{flex:1;margin:0 0 28px;padding:0;list-style:none}.plan-feature{color:var(--ink-2);align-items:flex-start;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.plan-feature:before{content:"";background:var(--sage-soft);color:#39552f;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339552F' stroke-width='3'><path d='M5 12l4 4L19 8'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;margin-top:3px;display:inline-grid}.plan.featured .plan-feature:before{background-color:#c8532b33;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5E3D6' stroke-width='3'><path d='M5 12l4 4L19 8'/></svg>")}.plan .btn{justify-content:center;width:100%}.plan-ribbon{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:10px;position:absolute;top:14px;right:14px}.billing-toggle{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;background:#fff;border-radius:999px;padding:4px;font-size:11px;display:inline-flex}.billing-toggle button{color:var(--ink-3);text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:6px 14px}.billing-toggle button.active{background:var(--ink);color:var(--paper)}.billing-toggle .save{color:var(--accent);margin-left:2px}.faq-wrap{max-width:820px;margin:0 auto}.faq-item{border-top:1px solid var(--line);padding:6px 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;font-family:var(--font-display);color:var(--ink);text-align:left;letter-spacing:-.01em;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(18px,1.8vw,22px);display:flex}.faq-q .plus{border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.faq-item.open .faq-q .plus{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(45deg)}.faq-a{max-height:0;color:var(--ink-2);transition:max-height .35s;overflow:hidden}.faq-item.open .faq-a{max-height:300px}.faq-a-inner{max-width:64ch;padding:0 0 22px;font-size:15px;line-height:1.65}.final-cta{border-radius:var(--radius-lg);background:var(--ink);color:var(--paper);padding:clamp(48px,6vw,88px);position:relative;overflow:hidden}.final-cta:before{content:"";pointer-events:none;background:radial-gradient(600px 300px at 100% 0,#c8532b40,#0000 60%),radial-gradient(500px 400px at 0 100%,#3b82f61f,#0000 60%);position:absolute;inset:0}.final-cta-inner{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;display:grid;position:relative}@media (max-width:800px){.final-cta-inner{grid-template-columns:1fr;gap:32px}}.final-cta h2{font-family:var(--font-display);color:var(--paper);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(36px,4vw,56px);line-height:1.05}.final-cta p{color:#f7f3ecbf;max-width:48ch;margin:0 0 28px;font-size:16px}.final-cta-actions{flex-wrap:wrap;gap:12px;display:flex}.final-cta .btn-primary{background:var(--paper);color:var(--ink)}.final-cta .btn-primary:hover{background:var(--accent);color:#fff}.final-cta .btn-ghost{color:var(--paper);border-color:#ffffff40}.final-cta .btn-ghost:hover{border-color:var(--paper);background:#ffffff14}.cta-aside{border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff1f;padding:24px}.cta-aside .label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f7f3ec80;margin-bottom:14px;font-size:10px}.cta-aside ul{margin:0;padding:0;list-style:none}.cta-aside li{color:#f7f3ecd9;border-top:1px dashed #ffffff1a;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;display:flex}.cta-aside li:first-child{border-top:0}.cta-aside li svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:2px}footer{border-top:1px solid var(--line);margin-top:80px;padding:80px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand{max-width:320px}.footer-brand p{color:var(--ink-2);margin-top:16px;font-size:14px}.footer-col h5{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:0 0 16px;font-size:11px}.footer-col a{color:var(--ink-2);padding:6px 0;font-size:14px;display:block}.footer-col a:hover{color:var(--accent)}.footer-base{box-sizing:border-box;width:100vw;max-width:100vw;padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:24px;font-size:11px;display:flex}.footer-base .legal{gap:20px;display:flex}.footer-base a:hover{color:var(--ink)}.tweaks-panel{border:1px solid var(--line);z-index:1100;background:#fff;border-radius:14px;width:280px;padding:16px;font-size:13px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 50px -20px #00000040}.tweaks-panel.show{display:block}.tweaks-panel h6{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:0 0 12px;font-size:11px}.tweak-row{margin-bottom:12px}.tweak-row label{color:var(--ink-3);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;display:block}.swatch-row{gap:6px;display:flex}.swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:28px;height:28px}.swatch.active{box-shadow:0 0 0 2px var(--ink)}@media (max-width:900px){.deep,.deep-panel,.deep-panel-content,.panel-body,.panel-body--feature-showcase,.feature-showcase,.feature-shot,.panel-visual,.panel-visual.feature-stage,.stage-frame,.stage-stack,.feature-strip,.feature-strip-outer,.feature-detail{min-width:0}.deep-panel{min-height:0;padding:20px}.panel-body--feature-showcase{align-items:stretch}.feature-showcase{align-self:stretch;width:auto;max-width:none;margin-inline:-20px;padding-inline:20px}.feature-shot,.panel-body--feature-showcase{box-sizing:border-box;width:100%;max-width:100%}.feature-shot{align-self:stretch}.deep-panel .panel-visual.feature-stage .stage-frame .stage-slide picture,.deep-panel .panel-visual.feature-stage .stage-frame .stage-slide img,.deep-panel .feature-showcase .feature-shot .panel-visual.feature-stage .stage-frame .stage-slide img{width:100%;max-width:100%;height:auto}.feature-strip{flex-wrap:nowrap;overflow-x:auto}}
.surfaces{flex-wrap:wrap;gap:6px;margin-top:24px;display:flex}.surface-chip{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--ink-2);background:#ffffff80;border-radius:999px;padding:4px 10px;font-size:10.5px}.roles{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}@media (max-width:1000px){.roles{grid-template-columns:1fr 1fr}}@media (max-width:600px){.roles{grid-template-columns:1fr}}.role{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;align-items:stretch;height:100%;min-height:0;padding:24px;display:flex}.role-top{flex-direction:column;flex:auto;min-height:0;margin-bottom:16px;display:flex}.role-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.role-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.role-icon{background:var(--paper);border:1px solid var(--line);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.role-icon svg{width:16px;height:16px}.role h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:400}.role h4.role-title-nowrap{white-space:nowrap;font-size:clamp(17px,1.5vw,22px)}.role .role-top>p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.role ul{flex:none;width:100%;margin:0;padding:0;list-style:none}.role ul li{color:var(--ink-2);border-top:1px dashed var(--line);flex-flow:row;align-items:baseline;gap:12px;min-width:0;margin:0;padding:10px 0;font-size:12.5px;line-height:1.45;display:flex}.role ul li:first-child{border-top:0}.role ul li .role-li-label{flex:1 1 0;min-width:0;line-height:1.45}.role ul li span.sub{min-width:0;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;text-align:right;flex:1 1 0;font-size:10px;line-height:1.45}.modules-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:32px;padding:24px}.modules-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.modules-head .title{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px}.modules-head .meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.modules-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}@media (max-width:1000px){.modules-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.modules-grid{grid-template-columns:1fr 1fr}}.module{border:1px solid var(--line);background:var(--paper);cursor:default;border-radius:10px;padding:14px;transition:all .2s;position:relative}.module.on{border-color:var(--accent);background:#fff}.module.on .toggle{background:var(--accent)}.module.on .toggle:after{transform:translate(10px)}.module-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.module-icon{width:22px;height:22px;color:var(--ink-2)}.module-icon svg{shape-rendering:geometricprecision;width:22px;height:22px;display:block}.module.on .module-icon{color:var(--accent)}.toggle{background:var(--line-2);border-radius:10px;width:22px;height:12px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:1px;left:1px}.module h5{font-family:var(--font-sans);color:var(--ink);margin:0 0 4px;font-size:13px;font-weight:500}.module p{color:var(--ink-3);margin:0;font-size:11.5px;line-height:1.4}.integrations-strip{box-sizing:border-box;border-top:1px solid var(--line);width:100%;margin-top:60px;padding:28px 0 40px}.hero .integrations-strip{padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-left:0;margin-right:0;padding-bottom:28px}.integrations-label{text-align:center;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;font-size:11px}.integrations-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1000px){.integrations-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.integrations-row{grid-template-columns:repeat(2,1fr)}}.integration{text-align:center;border-right:1px solid var(--line);justify-content:center;align-items:center;min-height:88px;padding:18px 12px 20px;display:flex}.integration:last-child{border-right:0}.integration-inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:100%;transition:transform .2s,opacity .2s;display:flex}.integration:hover .integration-inner{opacity:1;transform:translateY(-1px)}.integration img{-o-object-fit:contain;object-fit:contain;opacity:.92;flex-shrink:0;width:auto;max-width:min(100%,120px);height:28px;transition:opacity .2s;display:block}.integration:hover img{opacity:1}.integration-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-align:center;max-width:11em;font-size:10px;font-weight:500;line-height:1.2}@media (max-width:1000px){.integration:nth-child(3n){border-right:0}}@media (max-width:600px){.integration:nth-child(n){border-right:1px solid var(--line)}.integration:nth-child(2n){border-right:0}}.surface-chip.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.product-shot-real{background:#f6f4f0}.product-shot-real .ps-img{aspect-ratio:2874/1446;width:100%;height:auto;display:block}.panel-visual.panel-carousel{background:0 0;flex-direction:column;gap:14px;min-height:0;padding:0;display:flex}.carousel-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;position:relative;overflow:hidden;box-shadow:0 22px 40px -30px #1a191547}.carousel-chrome{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:8px;padding:10px 14px;display:flex}.carousel-chrome .ps-dot{border-radius:50%;width:9px;height:9px}.carousel-chrome .ps-dot:first-child{background:#e97f6a}.carousel-chrome .ps-dot:nth-child(2){background:#e3be5e}.carousel-chrome .ps-dot:nth-child(3){background:#7fa973}.carousel-chrome .ps-url{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:6px;font-size:10.5px;overflow:hidden}.carousel-count{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 8px;font-size:10px}.carousel-scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow:auto hidden}.carousel-scroller::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;background:#fff;flex-direction:column;flex:0 0 100%;display:flex}.carousel-slide img{aspect-ratio:2;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:auto;display:block}.carousel-caption{font-family:var(--font-mono);color:var(--ink-3);border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;gap:12px;padding:10px 14px;font-size:11px;display:flex}.carousel-caption .c-title{color:var(--ink)}.carousel-nav{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--ink);z-index:2;background:#fff;border-radius:999px;place-items:center;transition:transform .15s,background .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 18px -10px #1a191559}.carousel-nav:hover{background:var(--ink);color:#fff;transform:translateY(-50%)scale(1.05)}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-nav svg{width:16px;height:16px}.carousel-nav[disabled]{opacity:.35;pointer-events:none}.carousel-dots{justify-content:center;align-items:center;gap:6px;padding-top:4px;display:flex}.carousel-dots .dot{background:var(--line-2);cursor:pointer;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:background .2s,width .2s}.carousel-dots .dot.active{background:var(--ink);width:22px}.quote-visual.quote-shot{border:1px solid var(--line);background:#fff;border-radius:16px;padding:0;overflow:hidden}.quote-visual.quote-shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;aspect-ratio:2/1.4;width:100%;height:100%;display:block}
.frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin:0;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 1px #00000008,0 20px 50px -20px #1a19152e,0 40px 80px -40px #c8532b1a}.frame[data-zoomable]{cursor:zoom-in}.frame[data-zoomable]:hover{transform:translateY(-2px);box-shadow:0 1px #00000008,0 28px 60px -22px #1a191547,0 50px 100px -50px #c8532b29}.frame__chrome{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:8px;padding:10px 14px;display:flex}.frame__dot{background:var(--line-2);border-radius:50%;width:10px;height:10px}.frame__dot:first-child{background:#e97f6a}.frame__dot:nth-child(2){background:#e3be5e}.frame__dot:nth-child(3){background:#7fa973}.frame__url{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--line);background:#fff;border-radius:6px;margin-left:10px;padding:3px 10px;font-size:11px}.frame__badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;margin-left:auto;font-size:10px}.frame__media{background:var(--paper);display:block;position:relative;overflow:hidden}.frame__media img{width:100%;height:auto;display:block}.frame--phone{background:#1a1915;border:8px solid #1a1915;border-radius:36px;max-width:280px;box-shadow:0 1px #00000014,0 30px 60px -25px #1a191573}.frame--phone .frame__chrome{display:none}.frame--phone .frame__media{background:#fff;border-radius:28px}.frame--phone:before{content:"";z-index:2;background:#1a1915;border-radius:0 0 14px 14px;width:90px;height:18px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.frame--tablet{background:#1a1915;border:4px solid #1a1915;border-radius:22px}.frame--tablet .frame__chrome{display:none}.frame--tablet .frame__media{border-radius:18px}.frame--chromeless .frame__chrome{display:none}.frame--tilt-r{transform:perspective(1400px)rotateY(-4deg)rotateX(2deg)}.frame--tilt-l{transform:perspective(1400px)rotateY(4deg)rotateX(2deg)}.frame--tilt-r:hover,.frame--tilt-l:hover{transform:perspective(1400px)rotateY(0)rotateX(0)}.hero-tour{position:relative}.hero-tour .tour-controls,.hero-tour .tour-progress{display:none!important}.hero-tour .frame{margin:0}.hero-tour .frame__media{aspect-ratio:unset;min-height:0}.hero-tour .tour-stack{height:auto;position:relative}.hero-tour .tour-slide{opacity:1;pointer-events:none;display:none;position:static;inset:auto;transform:none}.hero-tour .tour-slide.active{pointer-events:auto;display:block}.hero-tour .tour-slide picture{width:100%;line-height:0;display:block}.hero-tour .tour-slide img{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;width:100%;height:auto;display:block}.tour-controls{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.tour-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}.tour-pill .tour-label-text{color:var(--ink)}.tour-dots{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#ffffffeb;border-radius:999px;gap:6px;margin-left:auto;padding:6px 10px;display:flex}.tour-dots button{background:var(--line-2);cursor:pointer;border:0;border-radius:2px;width:22px;height:4px;padding:0;transition:background .2s,width .2s}.tour-dots button.active{background:var(--accent);width:28px}.tour-dots button:hover:not(.active){background:var(--ink-3)}.tour-progress{z-index:3;background:#0000000f;height:2px;position:absolute;bottom:0;left:0;right:0}.feature-stage{flex:auto;grid-template-columns:1fr;gap:14px;min-height:0;display:grid}.stage-frame{flex:auto;margin:0}.stage-frame .stage-stack{aspect-ratio:16/10;background:0 0;min-height:clamp(320px,36vw,520px);position:relative}.deep-panel .panel-visual.feature-stage .stage-frame .stage-stack{aspect-ratio:2;min-height:0}.stage-frame .stage-slide{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.stage-frame .stage-slide.active{opacity:1;pointer-events:auto}.stage-frame .stage-slide img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;display:block}.deep-panel .panel-visual.feature-stage .stage-slide img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.stage-frame .frame__media>.stage-dots{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:auto;background:#1111118c;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.stage-frame .frame__media>.stage-dots .stage-dot{appearance:none;cursor:pointer;background:#ffffff80;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:background .16s,transform .16s,width .16s}.stage-frame .frame__media>.stage-dots .stage-dot:hover{background:#ffffffd9}.stage-frame .frame__media>.stage-dots .stage-dot.active{background:#fff;border-radius:999px;width:18px}@media (prefers-reduced-motion:reduce){.stage-frame .frame__media>.stage-dots .stage-dot{transition:none}}.stage-thumbs{flex-wrap:wrap;gap:8px;display:flex}.stage-thumb{border:1px solid var(--line);background:var(--paper);text-align:left;min-width:110px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;border-radius:10px;flex-direction:column;flex:1 1 0;gap:4px;padding:8px 10px;font-size:10px;transition:all .2s;display:flex;position:relative}.stage-thumb:hover{border-color:var(--ink-3);color:var(--ink-2)}.stage-thumb.active{border-color:var(--accent);color:var(--ink);background:#fff;box-shadow:0 6px 16px -10px #c8532b66}.stage-thumb .thumb-label{color:var(--ink-3);font-size:9px}.stage-thumb .thumb-title{font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink);font-size:12px;font-weight:500}.stage-thumb.active .thumb-label{color:var(--accent)}.line-stage{flex:auto;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px 32px;display:grid}@media (max-width:700px){.line-stage{grid-template-columns:1fr}}.line-stage .line-meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;font-size:11px}.line-phone{background:#1a1915;border:8px solid #1a1915;border-radius:32px;width:100%;max-width:300px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #1a191566}.line-phone:before{content:"";z-index:2;background:#1a1915;border-radius:0 0 12px 12px;width:80px;height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.line-phone .lp-screen{min-height:360px;font-family:var(--font-sans);background:#fff;border-radius:24px;padding:28px 12px 14px}.line-phone .lp-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px 10px;display:flex}.line-phone .lp-header .lp-avatar{color:#fff;background:#06c755;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid}.line-phone .lp-header .lp-name{font-size:12px;font-weight:500}.line-phone .lp-header .lp-sub{color:var(--ink-3);font-size:10px;font-family:var(--font-mono)}.line-phone .lp-bubble{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:14px 14px 14px 4px;max-width:80%;margin-bottom:8px;padding:10px 12px;font-size:12px;line-height:1.5}.line-phone .lp-bubble strong{color:var(--ink)}.line-phone .lp-bubble a{color:var(--accent);margin-top:4px;font-weight:500;display:inline-block}.line-phone .lp-status{background:var(--sage-soft);color:#39552f;border-radius:10px;margin-top:auto;margin-bottom:6px;padding:8px 10px;font-size:11px}.line-phone .lp-status .lp-row{justify-content:space-between;padding:3px 0;display:flex}.line-phone .lp-status .lp-row+.lp-row{border-top:1px dashed #39552f40}.line-phone .lp-rate{text-align:center;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;margin-top:8px;font-size:9px}.role-shot{border:1px solid var(--line);background:var(--paper);aspect-ratio:16/10;cursor:zoom-in;border-radius:10px;margin:0 0 16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 6px 18px -10px #1a19152e}.role-shot:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #1a191547}.role-shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:100%;display:block}.role-shot--parent{background:linear-gradient(#06c755 0%,#04a045 100%);justify-content:center;align-items:center;padding:18px;display:flex}.parent-mock{gap:8px;width:100%;display:grid}.pm-bubble{color:var(--ink-2);background:#fff;border-radius:12px 12px 12px 4px;max-width:88%;padding:8px 10px;font-size:11px;line-height:1.45}.pm-bubble .pm-name{color:var(--ink);margin-bottom:2px;font-size:10px;font-weight:600}.pm-bubble .pm-body strong{color:var(--ink)}.pm-bubble .pm-body span{color:#06c755;font-size:10px;font-weight:500}.pm-card{color:var(--ink-2);background:#fff;border-radius:12px;gap:4px;padding:8px 10px;font-size:10px;display:grid}.pm-row{justify-content:space-between;padding:2px 0;display:flex}.pm-row+.pm-row{border-top:1px dashed var(--line)}.pm-row--accent{color:var(--accent);padding-top:6px;font-weight:600}.testimonial-shot{aspect-ratio:4/5;position:relative}.testimonial-shot .frame{width:110%;max-width:none;transition:transform .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(1400px)rotateY(-6deg)rotateX(4deg)rotate(-1deg)}.testimonial-shot .frame:hover{transform:translate(-50%,-50%)perspective(1400px)rotateY(0)rotateX(0)rotate(0)}.testimonial-shot .frame__media{aspect-ratio:16/10}.lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;background:#0f0e0bdb;justify-content:center;align-items:center;padding:40px;transition:opacity .2s;display:none;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto;display:flex}.lightbox__img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 120px);image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;background:#fff;border-radius:12px;box-shadow:0 40px 80px -20px #0009}[data-zoomable] picture img,[data-zoomable] .stage-slide.active img,[data-zoomable] .frame__media>img{cursor:zoom-in}.lightbox__close,.lightbox__nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s,transform .15s;display:grid;position:absolute}.lightbox__close:hover,.lightbox__nav:hover{background:#ffffff2e;transform:scale(1.05)}.lightbox__close{top:24px;right:24px}.lightbox__nav.prev{top:50%;left:24px;transform:translateY(-50%)}.lightbox__nav.next{top:50%;right:24px;transform:translateY(-50%)}.lightbox__nav.prev:hover,.lightbox__nav.next:hover{transform:translateY(-50%)scale(1.05)}.lightbox__caption{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffbf;text-transform:uppercase;background:#0006;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:600px){.lightbox{padding:16px}.lightbox__close{top:12px;right:12px}.lightbox__nav.prev{left:12px}.lightbox__nav.next{right:12px}}body.lightbox-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.frame,.role-shot,.testimonial-shot .frame,.hero-tour .tour-slide,.stage-frame .stage-slide,.lightbox{transition:none!important}.frame--tilt-r,.frame--tilt-l,.testimonial-shot .frame{transform:none!important}}
.blog-feed-status{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);min-height:1.2em;margin:0 0 20px;font-size:11px}.blog-feed-status:empty{display:none}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #1a19150f}.blog-card__hit{z-index:3;border-radius:inherit;text-decoration:none;position:absolute;inset:0}.blog-card__hit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-card:hover{border-color:#1a191524;transform:translateY(-2px);box-shadow:0 14px 40px #1a191517}.blog-card__media{aspect-ratio:16/9;background:linear-gradient(135deg,#e8e4dc 0%,#d4cfc4 100%);position:relative}.blog-card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-card__body{flex-direction:column;flex:1;gap:10px;padding:18px 18px 20px;display:flex}.blog-card__meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.blog-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.25rem;font-weight:500;line-height:1.25}.blog-card__excerpt{color:var(--ink-2);flex:1;margin:0;font-size:13px;line-height:1.5}.blog-card__read{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:4px;font-size:11px}.blog-card--text-only .blog-card__media{display:none}.blog-post-page{padding-top:24px;padding-bottom:64px}.blog-post-article{padding-top:8px}.blog-post-title{margin:0 0 24px}.blog-post-hero{border:1px solid var(--line);border-radius:12px;margin:0 0 28px;overflow:hidden}.blog-post-hero img{width:100%;height:auto;display:block}.blog-post-content{color:var(--ink-2);font-size:17px;line-height:1.65}.blog-post-content p{margin:0 0 1em}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content h2{font-family:var(--font-display);color:var(--ink);margin:1.4em 0 .5em;font-size:1.5rem;font-weight:500}.blog-post-content ul,.blog-post-content ol{margin:0 0 1em;padding-left:1.25em}
.onelearn-landing-root .get-started-eyebrow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.onelearn-landing-root .get-started-form-row-2{grid-template-columns:1fr;gap:20px;margin-bottom:20px;display:grid}@media (min-width:640px){.onelearn-landing-root .get-started-form-row-2{grid-template-columns:1fr 1fr}}.onelearn-landing-root .get-started-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px 32px;box-shadow:0 8px 28px #1a19150f}.onelearn-landing-root .get-started-panel h2{font-family:var(--font-display);color:var(--ink);margin:0 0 24px;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500}.onelearn-landing-root .get-started-field label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.onelearn-landing-root .get-started-field input,.onelearn-landing-root .get-started-field textarea{border:1px solid var(--line);width:100%;font-family:var(--font-sans);color:var(--ink);box-sizing:border-box;background:#fff;border-radius:10px;padding:11px 14px;font-size:15px}.onelearn-landing-root .get-started-field input::-moz-placeholder{color:var(--ink-3)}.onelearn-landing-root .get-started-field textarea::-moz-placeholder{color:var(--ink-3)}.onelearn-landing-root .get-started-field input::placeholder,.onelearn-landing-root .get-started-field textarea::placeholder{color:var(--ink-3)}.onelearn-landing-root .get-started-field input:focus,.onelearn-landing-root .get-started-field textarea:focus{border-color:var(--ink-3);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.onelearn-landing-root .get-started-error{border:1px solid var(--line);color:var(--accent-ink);background:#fff8f5;border-radius:10px;margin-bottom:24px;padding:14px 16px;font-size:14px}.onelearn-landing-root .get-started-success-icon-wrap{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.onelearn-landing-root .get-started-success-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:center;max-width:440px;margin:0 auto;padding:40px 32px 36px;box-shadow:0 8px 28px #1a19150f}.onelearn-landing-root .get-started-success-card svg{color:var(--sage)}.onelearn-landing-root .get-started-success-card h2{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:500}.onelearn-landing-root .get-started-success-card p{color:var(--ink-2);margin:0 0 12px;font-size:16px;line-height:1.55}.onelearn-landing-root .get-started-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.onelearn-landing-root .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.onelearn-landing-root .cookies-pref-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff80;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px 18px;display:flex}.onelearn-landing-root .cookies-pref-row__label{text-align:start;flex:1;min-width:0}.onelearn-landing-root .cookies-pref-h3{font-family:var(--font-display);color:var(--ink);margin:0 0 6px;font-size:1.05rem;font-weight:500}.onelearn-landing-root .cookies-pref-desc{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.55}.onelearn-landing-root .cookies-pref-note{color:var(--ink-3);overflow-wrap:anywhere;margin:8px 0 0;font-size:.8rem;line-height:1.45}.onelearn-landing-root .cookies-pref-row input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem;accent-color:var(--ink);flex-shrink:0;margin-top:4px}.onelearn-landing-root .cookies-pref-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.85}.onelearn-landing-root .cookies-saved-msg{color:var(--ink-2);margin:12px 0 0;font-size:.9rem}
.onelearn-landing-root.onelearn-page--marketing-subpage{background:var(--paper);min-height:100vh;font-family:var(--font-sans);color:var(--ink)}.onelearn-landing-root .security-prose__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 36px;font-size:11px}.onelearn-landing-root .security-prose__block{margin-bottom:36px}.onelearn-landing-root .security-prose__block:last-child{margin-bottom:0}.onelearn-landing-root .security-prose__h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:clamp(22px,2.4vw,28px);font-weight:400;line-height:1.15}.onelearn-landing-root .security-prose__p{font-family:var(--font-sans);color:var(--ink-2);margin:0;font-size:16px;line-height:1.6}.onelearn-landing-root .security-prose__link{color:var(--accent-ink);border-bottom:1px solid #c8532b59;font-weight:500;text-decoration:none}.onelearn-landing-root .security-prose__link:hover{color:var(--accent);border-bottom-color:var(--accent)}.onelearn-landing-root .security-prose__h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:22px 0 10px;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.2}.onelearn-landing-root .security-prose__ul{font-family:var(--font-sans);color:var(--ink-2);margin:0 0 8px;padding-left:1.35em;font-size:16px;line-height:1.6}.onelearn-landing-root .security-prose__li{margin-bottom:8px}.onelearn-landing-root .security-prose__li:last-child{margin-bottom:0}
.onelearn-landing-root .ol-reveal.ol-reveal--pending{opacity:0;transform:translateY(1.75rem)}.onelearn-landing-root .ol-reveal.ol-reveal--in{opacity:1;transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.onelearn-landing-root .ol-reveal{opacity:1!important;transition:none!important;transform:none!important}}
html:has(.onelearn-landing-root){scroll-padding-top:var(--marketing-nav-offset);overflow:clip scroll;background:var(--paper)!important}body:has(.onelearn-landing-root){min-height:100vh;color:var(--ink);overflow:clip visible;background:var(--paper)!important;font-family:var(--font-sans)!important}body:has(.onelearn-landing-root)>div:not(.lightbox){display:flow-root}.onelearn-landing-root section,.onelearn-landing-root section:not(.proposal-section),.onelearn-landing-root section:not(.proposal-section):nth-of-type(2n),.onelearn-landing-root section:not(.proposal-section):nth-of-type(3n),.onelearn-landing-root section:not(.proposal-section):first-of-type{background:0 0}.onelearn-landing-root section.section-paper,.onelearn-landing-root main.section.section-paper{background:var(--paper)!important}.onelearn-landing-root section[style*=--paper-2]{background:var(--paper-2)!important}.onelearn-landing-root section.section-dark{background:var(--ink)!important;color:var(--paper)!important}.onelearn-landing-root .section-dark .display,.onelearn-landing-root .section-dark .h-xl,.onelearn-landing-root .section-dark .h-lg,.onelearn-landing-root .section-dark .h-md{color:var(--paper)}.onelearn-landing-root .btn{white-space:nowrap;font-size:14.5px;font-weight:500;line-height:1;padding:13px 20px!important}.onelearn-landing-root .lang-switch button{padding:4px 10px!important}.onelearn-landing-root .deep-tab{padding:18px 20px!important}.onelearn-landing-root .feature-tile{padding:6px 12px!important}.onelearn-landing-root .billing-toggle button{padding:6px 14px!important}.onelearn-landing-root .faq-q{padding:22px 0!important}.onelearn-landing-root .tour-dots button,.onelearn-landing-root .lightbox__close,.onelearn-landing-root .lightbox__nav,.lightbox__close,.lightbox__nav{padding:0!important}.onelearn-landing-root .tweaks-panel button,.onelearn-landing-root .tweaks-toggle,.onelearn-landing-root .tweaks-close{padding:6px 10px!important}.onelearn-landing-root button:not(.btn):not(.lang-switch button):not(.deep-tab):not(.feature-tile):not(.billing-toggle button):not(.faq-q):not(.tour-dots button):not(.lightbox__close):not(.lightbox__nav):not(.tweaks-toggle):not(.tweaks-close){padding:0!important}.onelearn-landing-root .display{font-family:var(--font-display)}:is(body:has(.onelearn-landing-root)>div>nav.relume-navbar,body:has(.onelearn-landing-root)>div>footer.relume-footer){display:none}