@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sora-400.woff2) format('woff2')}
@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sora-500.woff2) format('woff2')}
@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sora-600.woff2) format('woff2')}
:root{--bg:#F4F4F1;--tint:#EBEBE6;--card:#FFFFFF;--fg:#0B0B0C;--mut:#5C5C57;--line:#DCDCD6;--app:#FFFFFF;--cell:#FAFAF8;--appline:#E8E8E3;--task:#FFFFFF;--taskline:#E2E2DC;--chk:#B9B9B3;--sel:#ECECE7;--shadow:rgba(11,11,12,0.08);color-scheme:light dark}
@media (prefers-color-scheme: dark){:root{--bg:#0B0B0C;--tint:#141416;--card:#1C1C1F;--fg:#F4F4F1;--mut:#A3A39E;--line:#2E2E33;--app:#111113;--cell:#0E0E10;--appline:#232327;--task:#18181B;--taskline:#2A2A2F;--chk:#55555B;--sel:#232327;--shadow:rgba(0,0,0,0.5)}}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;overflow-x:clip;font-family:Sora,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit} a:hover{opacity:.88} a:focus-visible,summary:focus-visible{outline:2px solid #FF5A1F;outline-offset:3px;border-radius:6px}
summary{list-style:none;cursor:pointer} summary::-webkit-details-marker{display:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.ov-nav-header1{position: sticky; top: 0; z-index: 5; background: var(--bg); border-bottom: 1px solid var(--line); padding: 0 24px}
.ov-nav-div1{max-width: 1160px; margin: 0 auto; min-height: 68px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 32px}
.ov-nav-a1{display: flex; color: var(--fg); padding: 10px 0}
.ov-nav-nav1{display: flex; gap: 26px; font-size: 15px; color: var(--mut); flex-grow: 1}
.ov-nav-a2{text-decoration: none}
.ov-nav-div2{display: flex; gap: 20px; align-items: center}
.ov-nav-a3{text-decoration: none; font-size: 15px; color: var(--mut)}
.ov-nav-a4{background: #FF5A1F; color: #0B0B0C; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px; border-radius: 12px; font-size: 15px; font-weight: 600}
.ov-hero-section1{padding: 96px 24px 0; background: var(--bg); overflow: hidden}
.ov-hero-div1{max-width: 1160px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 26px}
.ov-hero-a1{text-decoration: none; display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: 6px 14px 6px 8px; font-size: 13.5px; color: var(--mut)}
.ov-hero-h11{margin: 0; font-weight: 600; font-size: clamp(44px, 7.4vw, 92px); line-height: 0.98; letter-spacing: -0.05em; max-width: 900px}
.ov-hero-p1{margin: 0; font-size: clamp(17px, 2vw, 21px); line-height: 1.55; color: var(--mut); max-width: 640px}
.ov-hero-div2{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px}
.ov-hero-a2{background: #FF5A1F; color: #0B0B0C; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 24px; border-radius: 12px; font-size: 17px; font-weight: 600}
.ov-hero-a3{border: 1px solid var(--line); color: var(--fg); text-decoration: none; display: inline-flex; align-items: center; min-height: 54px; padding: 0 22px; border-radius: 12px; font-size: 17px; font-weight: 500; background: var(--card)}
.ov-hero-span1{font-size: 14px; color: var(--mut)}
.ov-hero-div3{max-width: 1240px; margin: 64px auto 0; padding: 0 0 0 0; overflow: hidden; border-radius: 16px 16px 0 0}
.ov-hero-div4{min-width: 1100px}
.ov-hero-div5{background: var(--app); border: 1px solid var(--appline); border-radius: 16px; overflow: hidden; box-shadow: 0 30px 80px -30px var(--shadow), 0 2px 6px var(--shadow)}
.ov-hero-div6{display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--appline)}
.ov-hero-div7{display: flex; gap: 2px; padding: 3px; border: 1px solid var(--appline); border-radius: 10px}
.ov-hero-span2{padding: 6px 12px; border-radius: 7px; font-size: 12.5px; font-weight: 500; background: var(--sel); color: var(--fg)}
.ov-hero-span3{padding: 6px 12px; border-radius: 7px; font-size: 12.5px; font-weight: 500; color: var(--mut)}
.ov-hero-span4{flex-grow: 1}
.ov-hero-span5{font-size: 12px; color: var(--mut); border: 1px solid var(--appline); border-radius: 8px; padding: 6px 10px}
.ov-hero-span6{font-size: 12.5px; font-weight: 600; background: var(--fg); color: var(--app); border-radius: 8px; padding: 7px 12px}
.ov-hero-div8{overflow: hidden}
.ov-hero-div9{display: flex; border-bottom: 1px solid var(--appline)}
.ov-hero-div10{width: 104px; flex: none; box-sizing: border-box; padding: 12px 14px; font-size: 11.5px; color: var(--mut)}
.ov-hero-div11{width: 208px; flex: none; box-sizing: border-box; padding: 12px 12px; border-left: 1px solid var(--appline); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600}
.ov-hero-span7{width: 8px; height: 8px; border-radius: 4px; background: #5B7CFA}
.ov-hero-span8{font-size: 11px; font-weight: 500; color: var(--mut); border: 1px solid var(--appline); border-radius: 5px; padding: 1px 6px}
.ov-hero-span9{width: 8px; height: 8px; border-radius: 4px; background: #E0B340}
.ov-hero-span10{width: 8px; height: 8px; border-radius: 4px; background: #3DBE8B}
.ov-hero-span11{width: 8px; height: 8px; border-radius: 4px; background: #E46FA0}
.ov-hero-span12{width: 8px; height: 8px; border-radius: 4px; background: #38B6DB}
.ov-hero-div12{display: flex; min-height: 58px; border-bottom: 1px solid var(--appline); box-shadow: inset 0 2px 0 #FF5A1F; background: var(--cell)}
.ov-hero-div13{width: 104px; flex: none; box-sizing: border-box; padding: 12px 14px; display: flex; flex-direction: column; gap: 3px}
.ov-hero-span13{font-size: 13px; font-weight: 600; color: #FF5A1F}
.ov-hero-span14{font-size: 11.5px; color: var(--mut)}
.ov-hero-div14{width: 208px; flex: none; border-left: 1px solid var(--appline); padding: 8px; display: flex; flex-direction: column; gap: 6px; box-sizing: border-box}
.ov-hero-div15{display: flex; gap: 9px; align-items: flex-start; padding: 9px 10px; background: var(--task); border: 1px solid var(--taskline); border-radius: 8px; font-size: 13px; line-height: 1.35; color: var(--fg)}
.ov-hero-span15{flex: none; width: 13px; height: 13px; margin-top: 1px; border-radius: 4px; border: 1.5px solid var(--chk); box-sizing: border-box}
.ov-hero-div16{display: flex; min-height: 58px; border-bottom: 1px solid var(--appline)}
.ov-hero-span16{font-size: 13px; font-weight: 600; color: var(--fg)}
.ov-problem-section1{background: var(--tint); padding: 112px 24px}
.ov-problem-div1{max-width: 1160px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px}
.ov-problem-div2{display: flex; flex-direction: column; gap: 16px}
.ov-problem-span1{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; color: var(--mut)}
.ov-problem-span2{width: 14px; height: 4px; border-radius: 2px; background: #FF5A1F}
.ov-problem-h21{margin: 0; font-weight: 600; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.06; letter-spacing: -0.04em; max-width: 720px}
.ov-problem-div3{display: flex; flex-wrap: wrap; gap: 18px}
.ov-problem-div4{flex: 1 1 260px; background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 28px; display: flex; flex-direction: column; gap: 14px}
.ov-problem-span3{width: 40px; height: 40px; border-radius: 11px; background: var(--tint); display: flex; align-items: center; justify-content: center; color: var(--fg)}
.ov-problem-span4{font-size: 19px; font-weight: 600; letter-spacing: -0.02em}
.ov-problem-span5{font-size: 15.5px; line-height: 1.6; color: var(--mut)}
.ov-how-section1{background: var(--bg); padding: 112px 24px}
.ov-how-p1{margin: 0; font-size: 18px; line-height: 1.6; color: var(--mut); max-width: 600px}
.ov-how-div1{overflow: hidden; padding-left: 12px}
.ov-how-div2{min-width: 900px}
.ov-how-div3{position: relative; padding: 26px 0 0 0}
.ov-how-span1{position: absolute; top: 0; left: 120px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--fg); background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; box-shadow: 0 6px 16px -8px var(--shadow)}
.ov-how-span2{position: absolute; top: 130px; left: -10px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--fg); background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; box-shadow: 0 6px 16px -8px var(--shadow)}
.ov-how-div4{width: 96px; flex: none; box-sizing: border-box; padding: 12px 14px; font-size: 11.5px; color: var(--mut)}
.ov-how-div5{width: 176px; flex: none; box-sizing: border-box; padding: 12px 12px; border-left: 1px solid var(--appline); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600}
.ov-how-div6{width: 96px; flex: none; box-sizing: border-box; padding: 12px 14px; display: flex; flex-direction: column; gap: 3px}
.ov-how-div7{width: 176px; flex: none; border-left: 1px solid var(--appline); padding: 8px; display: flex; flex-direction: column; gap: 6px; box-sizing: border-box}
.ov-how-div8{display: flex; flex-wrap: wrap; gap: 28px}
.ov-how-div9{flex: 1 1 240px; display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 1px solid var(--line)}
.ov-plan-div1{display: flex; flex-wrap: wrap; gap: 64px; align-items: center}
.ov-plan-div2{flex: 1 1 340px; display: flex; flex-direction: column; gap: 26px; max-width: 460px}
.ov-plan-ul1{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px}
.ov-plan-li1{display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.5}
.ov-plan-span1{flex: none; color: #FF5A1F; margin-top: 1px}
.ov-plan-div3{position: relative; flex: 1 1 420px; min-width: 0}
.ov-plan-div4{width: 170px; flex: none; box-sizing: border-box; padding: 12px 12px; border-left: 1px solid var(--appline); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600}
.ov-plan-div5{width: 170px; flex: none; border-left: 1px solid var(--appline); padding: 8px; display: flex; flex-direction: column; gap: 6px; box-sizing: border-box}
.ov-plan-div6{height: 36px; border: 1.5px dashed #FF5A1F; border-radius: 8px; background: rgba(255,90,31,0.06)}
.ov-plan-div7{position: absolute; left: 292px; top: 196px; width: 158px; transform: rotate(-3deg); box-shadow: 0 18px 30px -10px var(--shadow); border-radius: 8px; outline: 2px solid #FF5A1F}
.ov-plan-svg1{position: absolute; left: 432px; top: 222px}
.ov-today-div1{display: flex; flex-wrap: wrap-reverse; gap: 64px; align-items: center}
.ov-today-div2{flex: 1 1 340px; display: flex; justify-content: center}
.ov-today-div3{width: 300px; flex: none; border-radius: 40px; padding: 10px; background: var(--fg); box-shadow: 0 40px 80px -30px var(--shadow)}
.ov-today-div4{border-radius: 31px; overflow: hidden; background: var(--app); padding: 34px 18px 26px; display: flex; flex-direction: column; gap: 18px; height: 600px; box-sizing: border-box}
.ov-today-div5{display: flex; justify-content: space-between; align-items: center}
.ov-today-div6{display: flex; flex-direction: column; gap: 10px}
.ov-today-div7{display: flex; justify-content: space-between; align-items: baseline}
.ov-today-span1{font-size: 26px; font-weight: 600; letter-spacing: -0.03em}
.ov-today-span2{font-size: 12px; color: var(--mut)}
.ov-today-div8{height: 4px; border-radius: 2px; background: var(--appline)}
.ov-today-div9{width: 50%; height: 4px; border-radius: 2px; background: var(--fg)}
.ov-today-div10{display: flex; flex-direction: column; gap: 8px}
.ov-today-div11{display: flex; justify-content: space-between; font-size: 13px; font-weight: 600}
.ov-today-span3{color: var(--mut); font-weight: 500}
.ov-today-span4{font-size: 13px; color: var(--mut); padding: 2px 2px 4px}
.ov-today-div12{display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--task); border: 1px solid var(--taskline); border-radius: 10px}
.ov-today-span5{flex: none; width: 16px; height: 16px; border-radius: 5px; border: 1.5px solid var(--chk); box-sizing: border-box}
.ov-today-span6{flex-grow: 1; font-size: 14px}
.ov-focus-div1{flex: 1 1 420px; min-width: 0}
.ov-focus-div2{display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--appline); font-size: 12.5px; color: var(--mut)}
.ov-focus-span1{width: 6px; height: 6px; border-radius: 3px; background: #FF5A1F}
.ov-focus-span2{color: var(--fg); font-weight: 600}
.ov-focus-div3{width: 34px; flex: none; box-sizing: border-box; border-left: 1px solid var(--appline)}
.ov-focus-div4{width: 168px; flex: none; box-sizing: border-box; padding: 12px 12px; border-left: 1px solid var(--appline); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600}
.ov-focus-div5{width: 34px; flex: none; box-sizing: border-box; border-left: 1px solid var(--appline); background: var(--cell); display: flex; justify-content: center}
.ov-focus-span3{writing-mode: vertical-rl; font-size: 11.5px; font-weight: 600; color: var(--mut); padding-top: 12px}
.ov-focus-div6{width: 168px; flex: none; border-left: 1px solid var(--appline); padding: 8px; display: flex; flex-direction: column; gap: 6px; box-sizing: border-box}
.ov-details-div1{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px}
.ov-details-div2{background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 12px; min-height: 172px; box-sizing: border-box}
.ov-details-div3{height: 28px; display: flex; align-items: center; color: var(--fg)}
.ov-details-div4{display: flex; gap: 5px; flex-wrap: wrap}
.ov-details-span1{min-width: 26px; height: 26px; padding: 0 6px; box-sizing: border-box; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; background: var(--bg)}
.ov-details-span2{font-size: 17px; font-weight: 600; letter-spacing: -0.015em}
.ov-details-span3{font-size: 14.5px; line-height: 1.55; color: var(--mut)}
.ov-compare-div1{overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; background: var(--card)}
.ov-compare-table1{border-collapse: collapse; width: 100%; min-width: 680px}
.ov-compare-th1{text-align: left; padding: 18px; font-size: 14px; font-weight: 600; color: var(--mut)}
.ov-compare-th2{text-align: left; padding: 18px; font-size: 14px; font-weight: 600; background: var(--bg); box-shadow: inset 0 2px 0 #FF5A1F}
.ov-compare-td1{padding: 16px 18px; border-top: 1px solid var(--line); font-size: 15.5px; font-weight: 500}
.ov-compare-td2{padding: 16px 18px; border-top: 1px solid var(--line)}
.ov-compare-span1{color: var(--mut)}
.ov-compare-span2{color: var(--fg)}
.ov-compare-td3{padding: 16px 18px; border-top: 1px solid var(--line); background: var(--bg)}
.ov-compare-span3{color: #FF5A1F}
.ov-founder-div1{max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px}
.ov-founder-p1{margin: 0; font-weight: 600; font-size: clamp(26px, 3.4vw, 36px); letter-spacing: -0.035em; line-height: 1.2}
.ov-founder-p2{margin: 0; font-size: 18px; line-height: 1.7; color: var(--mut)}
.ov-founder-div2{display: flex; align-items: center; gap: 12px; padding-top: 4px}
.ov-founder-span1{width: 40px; height: 40px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; font-weight: 600}
.ov-founder-span2{font-weight: 600}
.ov-pricing-div1{display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center}
.ov-pricing-div2{display: flex; flex-wrap: wrap; gap: 18px; align-items: stretch}
.ov-pricing-div3{flex: 1 1 290px; background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 18px}
.ov-pricing-div4{display: flex; justify-content: space-between; align-items: center; min-height: 26px}
.ov-pricing-span1{font-size: 17px; font-weight: 600}
.ov-pricing-div5{display: flex; align-items: baseline; gap: 6px}
.ov-pricing-span2{font-size: 46px; font-weight: 600; letter-spacing: -0.04em}
.ov-pricing-span3{font-size: 15px; color: var(--mut)}
.ov-pricing-a1{border: 1px solid var(--line); color: var(--fg); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 12px; font-size: 15px; font-weight: 600; background: var(--bg)}
.ov-pricing-div6{flex: 1 1 290px; background: var(--card); border: 2px solid #FF5A1F; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 18px}
.ov-pricing-span4{font-size: 12px; font-weight: 600; color: #0B0B0C; background: #FF5A1F; border-radius: 999px; padding: 4px 10px}
.ov-pricing-span5{font-size: 14px; color: var(--mut); text-align: center}
.ov-faq-div1{display: flex; flex-wrap: wrap; gap: 48px}
.ov-faq-div2{flex: 1 1 280px}
.ov-faq-div3{flex: 2 1 480px; border-top: 1px solid var(--line)}
.ov-faq-details1{border-bottom: 1px solid var(--line)}
.ov-faq-summary1{list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0; font-size: 17px; font-weight: 600; cursor: pointer}
.ov-faq-span1{flex: none; color: var(--mut)}
.ov-faq-p1{margin: 0 0 22px; font-size: 16px; line-height: 1.65; color: var(--mut); max-width: 640px}
.ov-cta-div1{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 26px}
.ov-cta-h21{margin: 0; font-weight: 600; font-size: clamp(36px, 5.4vw, 64px); line-height: 1.02; letter-spacing: -0.045em; max-width: 760px}
.ov-footer-footer1{background: var(--bg); border-top: 1px solid var(--line); padding: 48px 24px 56px}
.ov-footer-div1{max-width: 1160px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 24px 36px; align-items: center; font-size: 14px; color: var(--mut)}
.ov-footer-span1{flex-grow: 1; color: var(--fg); display: flex}
.ov-hero-span5,.ov-hero-span6,.ov-nav-a3,.ov-nav-a4{white-space:nowrap}
@media (max-width:767px){.ov-plan-div7{left:auto!important;right:10px!important}.ov-nav-nav1{display:none!important}.ov-nav-div1{flex-wrap:nowrap!important}.ov-nav-div2{gap:14px!important}html{scroll-padding-top:72px}}
@media (max-width:479px){.ov-nav-div2{gap:12px!important}.ov-nav-a3{font-size:13px!important}.ov-nav-a4{font-size:13px!important;padding-left:12px!important;padding-right:12px!important}.ov-nav-a4 svg{display:none!important}#top h1{font-size:40px!important}}
.nf{min-height:calc(100vh - 260px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:96px 24px}.nf h1{margin:0;font-weight:600;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.05em}.nf p{margin:0;font-size:18px;color:var(--mut)}
.ov-nf-div1{display: flex}