:root {
    --os-navy: #272343;
    --os-navy-deep: #17152f;
    --os-blue: #0796c5;
    --os-blue-deep: #047da6;
    --os-orange: #ff8617;
    --os-orange-deep: #e96d00;
    --os-ink: #24253b;
    --os-muted: #68778c;
    --os-line: #dce7ed;
    --os-soft: #f3f8fa;
    --os-mint: #daf5e9;
    --os-shadow: 0 24px 70px rgba(25, 35, 62, .12);
    --os-shadow-soft: 0 12px 36px rgba(25, 35, 62, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.os-body { margin: 0; overflow-x: hidden; background: #fff; color: var(--os-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.55; }
.os-body a { color: inherit; text-decoration: none; }
.os-body button, .os-body input { font: inherit; }
.os-shell { width: min(1240px, calc(100% - 44px)); margin-inline: auto; }
.os-section { padding: 110px 0; }
.os-kicker { display: block; margin: 0 0 14px; color: var(--os-blue-deep); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.os-heading { max-width: 750px; }
.os-heading.centered { margin: 0 auto 54px; text-align: center; }
.os-heading h2, .os-one-home h2 { margin: 0; color: var(--os-navy); font-size: clamp(38px, 4.8vw, 62px); line-height: 1.04; letter-spacing: -.045em; }
.os-heading > p, .os-one-home-grid > div > p { margin: 20px 0 0; color: var(--os-muted); font-size: 18px; line-height: 1.75; }
.os-pill { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; border: 1px solid rgba(255, 134, 23, .28); border-radius: 999px; background: #fff7ef; color: #9e4a00; font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.os-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--os-orange); box-shadow: 0 0 0 5px rgba(255, 134, 23, .12); }
.os-pill.dark { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.09); color: #fff; }
.os-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.os-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 0 23px; border: 1px solid transparent; border-radius: 13px; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.os-btn:hover { transform: translateY(-2px); }
.os-btn.primary { background: linear-gradient(135deg, #ff9a37, var(--os-orange)); color: #fff; box-shadow: 0 13px 30px rgba(255, 134, 23, .28); }
.os-btn.primary:hover { box-shadow: 0 17px 36px rgba(255, 134, 23, .35); }
.os-btn.secondary { border-color: var(--os-line); background: #fff; color: var(--os-navy); box-shadow: 0 9px 25px rgba(39, 35, 67, .06); }

/* Hero and interactive workspace */
.os-hero { position: relative; overflow: hidden; padding: 94px 0 108px; background: radial-gradient(circle at 4% 10%, rgba(7,150,197,.13), transparent 25%), radial-gradient(circle at 96% 92%, rgba(255,134,23,.11), transparent 23%), linear-gradient(135deg, #fbfdfe, #edf9fd 55%, #fffaf7); }
.os-hero:before, .os-hero:after, .os-hero-glow { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.os-hero:before { width: 500px; height: 500px; left: -340px; top: -300px; border: 72px solid rgba(7,150,197,.05); }
.os-hero:after { width: 560px; height: 560px; right: -370px; bottom: -390px; border: 74px solid rgba(255,134,23,.055); }
.os-hero-glow { filter: blur(2px); opacity: .8; }
.glow-one { width: 280px; height: 280px; right: 35%; top: -190px; background: rgba(7,150,197,.08); }
.glow-two { width: 220px; height: 220px; left: 38%; bottom: -160px; background: rgba(255,134,23,.07); }
.os-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: 74px; align-items: center; }
.os-hero-copy .os-kicker { margin-top: 22px; }
.os-hero h1 { max-width: 620px; margin: 0; color: var(--os-navy); font-size: clamp(50px, 5.25vw, 74px); line-height: 1.01; letter-spacing: -.055em; }
.os-hero h1 span { display: block; margin-top: 5px; color: var(--os-blue); }
.os-lead { max-width: 660px; margin: 25px 0 0; color: var(--os-muted); font-size: 20px; line-height: 1.65; }
.os-trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 27px; color: #647286; font-size: 12px; font-weight: 750; }
.os-trust-row span { display: flex; align-items: center; gap: 7px; }
.os-trust-row i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--os-mint); color: #167b57; font-size: 10px; font-style: normal; }
.os-hero-product { position: relative; min-width: 0; padding: 26px 0; }
.os-demo-window { overflow: hidden; border: 1px solid #d9e5eb; border-radius: 25px; background: #fff; box-shadow: 0 30px 72px rgba(19,39,67,.16); }
.os-demo-top { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid #e7eef1; background: #fbfcfd; }
.os-demo-top > span { display: flex; gap: 6px; }
.os-demo-top i { width: 8px; height: 8px; border-radius: 50%; background: #c7d9e1; }
.os-demo-top small { padding: 5px 12px; border-radius: 999px; background: #edf3f5; color: #8795a0; font-size: 8px; }
.os-demo-top b { color: var(--os-blue); font-size: 8px; letter-spacing: .12em; }
.os-demo-app { min-height: 470px; display: grid; grid-template-columns: 125px 1fr; }
.os-demo-app aside { display: flex; flex-direction: column; gap: 4px; padding: 25px 12px; background: linear-gradient(180deg, #2d2851, #1e1b39); }
.os-demo-app aside strong { margin: 0 8px 20px; color: #fff; font-size: 12px; line-height: 1.2; }
.os-demo-app aside button { padding: 10px 9px; border: 0; border-radius: 8px; background: transparent; color: #c6cbda; text-align: left; font-size: 9px; cursor: pointer; transition: .2s; }
.os-demo-app aside button:hover, .os-demo-app aside button.active { background: #504a71; color: #fff; box-shadow: inset 3px 0 var(--os-orange); }
.os-demo-screen { position: relative; min-width: 0; padding: 26px; overflow: hidden; background: #f4f8fa; }
.os-demo-panel { display: none; }
.os-demo-panel.active { display: block; }
.os-demo-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.os-demo-panel header small { display: block; color: var(--os-blue); font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.os-demo-panel header strong { display: block; margin-top: 6px; color: var(--os-navy); font-size: 19px; }
.os-demo-panel header > span { padding: 7px 10px; border-radius: 8px; background: var(--os-blue); color: #fff; font-size: 8px; font-weight: 850; }
.os-demo-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; }
.os-demo-stats article, .os-demo-bottom article, .os-product-list article, .os-message-list article, .os-team-list article { border: 1px solid #e0e9ed; border-radius: 12px; background: #fff; }
.os-demo-stats article { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 5px; padding: 14px; }
.os-demo-stats small, .os-demo-stats span { display: block; color: #7b8998; font-size: 8px; }
.os-demo-stats b { display: block; margin: 0; color: var(--os-navy); font-size: 23px; line-height: 1; }
.os-demo-stats b.orange { color: var(--os-orange); }
.os-demo-stats em { display: block; margin: 0; color: #778697; font-size: 9px; font-style: normal; line-height: 1.25; }
.os-demo-bottom { display: grid; grid-template-columns: 1.15fr .85fr; gap: 10px; margin-top: 10px; }
.os-demo-bottom article { padding: 14px; }
.os-demo-bottom article > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.os-demo-bottom article > div:first-child b { display: block; color: var(--os-navy); font-size: 12px; line-height: 1.25; }
.os-demo-bottom article > div:first-child small { display: block; color: #81909d; font-size: 9px; font-weight: 500; line-height: 1.25; text-align: right; }
.os-demo-bottom ul { display: grid; gap: 7px; margin: 17px 0 0; padding: 0; list-style: none; }
.os-demo-bottom li { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--os-navy); font-size: 10px; line-height: 1.35; }
.os-demo-bottom li span { min-width: 0; }
.os-demo-bottom li b { flex: 0 0 auto; color: var(--os-blue-deep); font-size: 11px; }
.os-mini-bars { height: 125px; display: flex; align-items: flex-end; gap: 7px; padding-top: 18px; }
.os-mini-bars i { flex: 1; height: var(--bar); border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #4bc3e2, var(--os-blue)); animation: barsGrow 1.2s ease both; transform-origin: bottom; }
.os-message-list, .os-product-list, .os-team-list { display: grid; gap: 9px; margin-top: 18px; }
.os-message-list article, .os-product-list article, .os-team-list article { display: flex; align-items: center; gap: 10px; padding: 11px; }
.os-message-list i, .os-team-list i { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: #e0f4fa; color: var(--os-blue-deep); font-size: 9px; font-style: normal; font-weight: 900; }
.os-message-list div, .os-team-list div { min-width: 0; flex: 1; }
.os-message-list b, .os-message-list small, .os-team-list b, .os-team-list small { display: block; }
.os-message-list b, .os-team-list b { overflow: hidden; color: var(--os-navy); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.os-message-list small, .os-team-list small { margin-top: 2px; color: #82909c; font-size: 8px; }
.os-message-list em, .os-team-list em { padding: 3px 6px; border-radius: 999px; background: var(--os-mint); color: #14754f; font-size: 7px; font-style: normal; }
.os-product-list article { display: grid; grid-template-columns: 56px 1fr auto; }
.os-product-list article > i { display:flex!important;align-items:center!important;justify-content:center!important;width:56px;height:44px;padding:0!important;border-radius:8px;background:linear-gradient(135deg,#dff3f8,#eff6f8);color:var(--os-navy);font-style:normal;font-weight:800;line-height:1!important;text-align:center!important; }
.os-product-list b, .os-product-list small { display: block; }
.os-product-list b { color: var(--os-navy); font-size: 9px; }
.os-product-list small { color: #81909d; font-size: 8px; }
.os-product-list em { color: var(--os-blue-deep); font-size: 9px; font-style: normal; font-weight: 900; }
.os-ai-compose { display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;margin-top:20px;padding:18px;border:1px solid #e0e9ed;border-radius:13px;background:#fff }
.os-ai-compose small{display:block;margin-bottom:7px;color:#718094;font-size:8px;font-weight:900;letter-spacing:.06em}.os-ai-compose p{margin:0;color:#68778c;font-size:10px;line-height:1.45}.os-ai-compose>i{color:var(--os-orange);font-style:normal;font-weight:900;text-align:center}.compose-result{display:grid;gap:5px}.compose-result span{display:block;padding:5px 7px;border-radius:6px;background:#eef8fb;color:var(--os-navy);font-size:9px;font-weight:800}
.os-ready-line { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;margin-top:14px;color:var(--os-navy);font-size:9px }.os-ready-line>span{height:7px;overflow:hidden;border-radius:999px;background:#d8e4e9}.os-ready-line>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--os-blue),#46c4df)}.os-ready-line strong{color:var(--os-blue-deep);font-size:11px}
.os-store-preview { margin-top: 18px; overflow: hidden; border: 1px solid #dce7eb; border-radius: 15px; background: #fff; }
.os-store-brand{display:flex;align-items:center;gap:11px;padding:14px;background:linear-gradient(135deg,var(--os-navy),var(--os-blue));color:#fff}.os-store-brand>i{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:9px;background:#fff;color:var(--os-orange);font-size:10px;font-style:normal;font-weight:900}.os-store-brand span,.os-store-brand b,.os-store-brand small{display:block}.os-store-brand b{font-size:10px;line-height:1.3}.os-store-brand small{margin-top:3px;color:#d8eff6;font-size:8px}.os-store-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px}.os-store-items article{min-width:0;padding:8px;border:1px solid #e0e9ed;border-radius:9px;background:#fff}.os-store-items article>span{display:block;height:45px;margin:-8px -8px 8px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#dff2f7,#edf7fa)}.os-store-items b,.os-store-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-store-items b{color:var(--os-navy);font-size:8px}.os-store-items small{margin-top:3px;color:var(--os-blue-deep);font-size:7px}
.os-float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; max-width: 230px; padding: 12px 15px; border: 1px solid #dce7eb; border-radius: 13px; background: #fff; box-shadow: 0 16px 42px rgba(23,39,65,.15); }
.os-float-card > i { display: grid; width: 33px; height: 33px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: #fff0e2; color: var(--os-orange-deep); font-size: 10px; font-style: normal; font-weight: 900; }
.os-float-card b, .os-float-card small { display: block; }
.os-float-card b { color: var(--os-navy); font-size: 10px; }
.os-float-card small { color: #758395; font-size: 8px; }
.float-ai { left: -28px; bottom: 1px; }
.float-buyer { right: -18px; top: 2px; animation-delay: -2.5s; }
@keyframes panelEnter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes barsGrow { from { transform: scaleY(.08); } to { transform: scaleY(1); } }
@keyframes cardFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.os-simple-promise { border-block: 1px solid #e9eff2; background: #fff; }
.os-simple-promise .os-shell { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.os-simple-promise p { margin: 0; color: var(--os-navy); font-weight: 850; }
.os-simple-promise div div { display: flex; align-items: center; gap: 13px; color: #6a788b; font-size: 13px; font-weight: 750; }
.os-simple-promise i { color: var(--os-orange); font-style: normal; }

/* Five-step story */
.os-story { background: #fff; }
.os-journey { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.os-journey-line { position: absolute; z-index: 0; left: 8%; right: 8%; top: 51px; height: 2px; overflow: hidden; background: #dce8ed; }
.os-journey-line span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--os-orange), var(--os-blue)); }
.os-journey article { position: relative; z-index: 1; padding: 16px 12px; text-align: center; }
.os-journey article > i { position: absolute; right: 18px; top: 3px; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--os-navy); color: #fff; font-size: 10px; font-style: normal; font-weight: 900; }
.journey-icon { position: relative; width: 100px; height: 100px; margin: 0 auto 22px; border: 1px solid #dce8ed; border-radius: 28px; background: linear-gradient(145deg, #fff, #eef8fb); box-shadow: var(--os-shadow-soft); }
.journey-icon:before, .journey-icon:after, .journey-icon span { content: ""; position: absolute; }
.box-icon:before { inset: 26px; border: 4px solid var(--os-blue); border-radius: 7px; }
.box-icon:after { left: 28px; right: 28px; top: 44px; border-top: 4px solid var(--os-blue); transform: rotate(-28deg); }
.spark-icon:before { width: 38px; height: 38px; left: 31px; top: 31px; background: var(--os-orange); clip-path: polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%); }
.store-icon:before { width: 50px; height: 39px; left: 25px; top: 40px; border: 4px solid var(--os-blue); border-radius: 4px; }
.store-icon:after { width: 58px; height: 18px; left: 21px; top: 25px; border-radius: 5px 5px 10px 10px; background: repeating-linear-gradient(90deg,var(--os-orange) 0 10px,#fff 10px 20px); border: 3px solid var(--os-orange); }
.chat-icon:before { width: 52px; height: 39px; left: 23px; top: 28px; border: 4px solid var(--os-blue); border-radius: 12px; }
.chat-icon:after { width: 14px; height: 14px; left: 31px; top: 59px; border-left: 4px solid var(--os-blue); border-bottom: 4px solid var(--os-blue); transform: skewY(-35deg); }
.chart-icon:before { left: 26px; right: 26px; bottom: 25px; height: 50px; background: linear-gradient(90deg,var(--os-blue) 0 20%,transparent 20% 27%,var(--os-orange) 27% 50%,transparent 50% 57%,var(--os-blue) 57% 77%,transparent 77% 84%,var(--os-navy) 84%); clip-path: polygon(0 60%,20% 60%,20% 39%,50% 39%,50% 17%,77% 17%,77% 0,100% 0,100% 100%,0 100%); }
.os-journey h3 { margin: 0; color: var(--os-navy); font-size: 19px; }
.os-journey p { margin: 10px 0; color: var(--os-muted); font-size: 14px; }
.os-journey small { color: var(--os-blue-deep); font-size: 11px; font-weight: 800; }
@keyframes journeyLine { 0% { transform: translateX(-100%); } 55%,100% { transform: translateX(250%); } }

/* Five operating-system modes */
.os-five-ways { background: linear-gradient(180deg, #f3f8fa, #fff); }
.os-way-tabs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; margin-bottom: 18px; }
.os-way-tabs button { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 15px; border: 1px solid #dce7ed; border-radius: 14px; background: #fff; color: var(--os-ink); text-align: left; cursor: pointer; transition: .24s ease; }
.os-way-tabs button:hover, .os-way-tabs button.active { transform: translateY(-3px); border-color: var(--os-blue); box-shadow: var(--os-shadow-soft); }
.os-way-tabs button.active { background: var(--os-navy); color: #fff; box-shadow: inset 0 3px var(--os-orange), var(--os-shadow-soft); }
.os-way-tabs button > i { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; background: #fff0e2; color: var(--os-orange-deep); font-style: normal; font-weight: 900; }
.os-way-tabs b, .os-way-tabs small { display: block; }
.os-way-tabs b { font-size: 14px; }
.os-way-tabs small { margin-top: 2px; color: #7c8998; font-size: 9px; }
.os-way-tabs button.active small { color: #c8cfda; }
.os-way-stage { overflow: hidden; border: 1px solid #dce7ed; border-radius: 25px; background: #fff; box-shadow: var(--os-shadow); }
.os-way-stage > section { display: none; grid-template-columns: 1fr .9fr; gap: 64px; min-height: 510px; align-items: center; padding: 62px; animation: panelEnter .45s ease both; }
.os-way-stage > section.active { display: grid; }
.os-way-stage h3 { max-width: 590px; margin: 0; color: var(--os-navy); font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; }
.os-way-stage p { color: var(--os-muted); font-size: 17px; line-height: 1.7; }
.os-way-stage ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 18px; padding: 0; list-style: none; color: #566477; font-size: 13px; }
.os-way-stage li:before { content: "✓"; margin-right: 8px; color: #17845d; font-weight: 900; }
.way-visual { position: relative; min-height: 350px; border-radius: 24px; background: linear-gradient(145deg, var(--os-navy), #135b7d); box-shadow: 0 25px 55px rgba(39,35,67,.2); }
.build-visual { overflow: hidden; padding: 30px; }
.build-visual > header { display: flex; align-items: center; gap: 12px; color: #fff; }
.build-visual > header i { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: #fff; color: var(--os-orange); font-style: normal; font-weight: 900; }
.build-visual b, .build-visual small { display: block; }
.build-visual small { color: #bed3df; }
.build-visual > section { position: absolute; left: 30px; right: 30px; bottom: -15px; min-height: 230px; padding: 30px; border-radius: 20px 20px 0 0; background: #fff; }
.build-visual h4 { margin: 0; color: var(--os-navy); font-size: 26px; }
.build-visual section div { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 25px; }
.build-visual section div span { height: 80px; border-radius: 10px; background: linear-gradient(180deg,#dff1f6 63%,#f8fafb 63%); }
.market-visual { padding: 32px; background: linear-gradient(145deg,#eaf7fb,#fff); }
.search-bar { display: flex; align-items: center; gap: 10px; padding: 15px; border: 1px solid #cddfe7; border-radius: 12px; background: #fff; color: #788696; font-size: 12px; }
.search-bar i { width: 16px; height: 16px; border: 2px solid var(--os-blue); border-radius: 50%; }
.market-visual article { margin-top: 18px; padding: 26px; border-radius: 17px; background: #fff; box-shadow: var(--os-shadow-soft); }
.market-visual article > b { color: var(--os-orange); font-size: 10px; letter-spacing: .1em; }
.market-visual h4 { margin: 10px 0; color: var(--os-navy); font-size: 24px; }
.market-visual footer { display: flex; justify-content: space-between; margin-top: 24px; color: #16825b; font-size: 11px; font-weight: 850; }
.market-visual footer em { font-style: normal; }
.sell-visual { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; background: #fff; border: 1px solid #dce7ed; }
.sell-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding: 15px; background: #eaf6fa; }
.sell-gallery div { grid-column: 1/-1; height: 210px; border-radius: 12px; background: linear-gradient(135deg,#b9dce8,#e9f6f9); }
.sell-gallery span { height: 50px; border-radius: 7px; background: #c9e5ed; }
.sell-visual > section { align-self: center; padding: 22px; }
.sell-visual section small { color: var(--os-orange); font-size: 9px; font-weight: 900; }
.sell-visual h4 { margin: 10px 0; color: var(--os-navy); font-size: 24px; }
.sell-visual strong { display: block; margin-top: 25px; color: var(--os-blue-deep); font-size: 21px; }
.manage-visual { display: grid; align-content: center; gap: 12px; padding: 28px; }
.manage-visual article { display: flex; align-items: center; gap: 11px; padding: 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; background: rgba(255,255,255,.1); color: #fff; }
.manage-visual article > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #fff; color: var(--os-blue-deep); font-size: 10px; font-style: normal; font-weight: 900; }
.manage-visual article > span { min-width: 0; flex: 1; }
.manage-visual b, .manage-visual small { display: block; }
.manage-visual small { color: #c4d4de; }
.manage-visual em { padding: 4px 7px; border-radius: 999px; background: #daf5e9; color: #147550; font-size: 8px; font-style: normal; }
.grow-visual { padding: 28px; }
.grow-visual header { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.grow-visual header span { padding: 16px; border-radius: 13px; background: rgba(255,255,255,.1); color: #fff; }
.grow-visual header small, .grow-visual header b { display: block; }
.grow-visual header small { color: #c2d3dd; }
.grow-visual header b { margin-top: 5px; font-size: 24px; }
.grow-chart { height: 180px; display: flex; align-items: flex-end; gap: 8px; margin-top: 18px; border-bottom: 1px solid rgba(255,255,255,.2); }
.grow-chart i { flex: 1; height: var(--grow); border-radius: 7px 7px 0 0; background: linear-gradient(180deg,#57c7e2,#0a95c1); animation: barsGrow 1.3s ease both; }
.grow-visual footer { margin-top: 16px; color: #d5e1e8; font-size: 11px; }
.grow-visual footer span { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #45d095; }

/* Features */
.os-features { background: #fff; }
.os-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 48px; }
.os-feature-grid article { position: relative; min-height: 310px; padding: 27px; overflow: hidden; border: 1px solid var(--os-line); border-radius: 19px; background: #fff; box-shadow: 0 9px 30px rgba(25,35,62,.055); transition: transform .25s ease, box-shadow .25s ease, border .25s ease; }
.os-feature-grid article:hover { transform: translateY(-7px); border-color: rgba(7,150,197,.45); box-shadow: var(--os-shadow-soft); }
.os-feature-grid article > i { position: relative; display: block; width: 56px; height: 56px; border-radius: 16px; background: #e7f7fb; }
.os-feature-grid article > i:before, .os-feature-grid article > i:after { content: ""; position: absolute; }
.feature-cube:before { inset: 16px; border: 3px solid var(--os-blue); transform: rotate(30deg); }
.feature-wand:before { width: 29px; height: 5px; left: 14px; top: 26px; border-radius: 4px; background: var(--os-orange); transform: rotate(-45deg); }
.feature-wand:after { width: 10px; height: 10px; right: 9px; top: 8px; background: var(--os-orange); clip-path: polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); }
.feature-shop:before { width: 32px; height: 24px; left: 12px; top: 23px; border: 3px solid var(--os-blue); }
.feature-shop:after { width: 38px; height: 12px; left: 9px; top: 12px; border-radius: 4px; background: repeating-linear-gradient(90deg,var(--os-orange) 0 7px,#fff 7px 14px); }
.feature-chat:before { inset: 13px 11px 16px; border: 3px solid var(--os-blue); border-radius: 9px; }
.feature-people:before { width: 13px; height: 13px; left: 12px; top: 12px; border-radius: 50%; background: var(--os-orange); box-shadow: 18px 4px var(--os-blue); }
.feature-people:after { width: 37px; height: 17px; left: 9px; bottom: 10px; border: 3px solid var(--os-blue); border-radius: 20px 20px 8px 8px; }
.feature-chart:before { left: 13px; right: 13px; bottom: 12px; height: 32px; background: linear-gradient(90deg,var(--os-blue) 0 22%,transparent 22% 31%,var(--os-orange) 31% 57%,transparent 57% 66%,var(--os-navy) 66%); clip-path: polygon(0 55%,22% 55%,22% 34%,57% 34%,57% 0,100% 0,100% 100%,0 100%); }
.feature-cloud:before { width: 38px; height: 20px; left: 9px; top: 24px; border-radius: 20px; background: var(--os-blue); }
.feature-cloud:after { width: 18px; height: 18px; left: 18px; top: 14px; border-radius: 50%; background: var(--os-blue); box-shadow: 12px 5px var(--os-blue); }
.feature-server:before { width: 34px; height: 10px; left: 11px; top: 13px; border: 3px solid var(--os-blue); border-radius: 4px; box-shadow: 0 13px 0 -3px #e7f7fb, 0 13px 0 0 var(--os-blue), 0 26px 0 -3px #e7f7fb, 0 26px 0 0 var(--os-blue); }
.os-feature-grid article > span { display: block; margin-top: 24px; color: var(--os-orange-deep); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.os-feature-grid h3 { margin: 8px 0 10px; color: var(--os-navy); font-size: 23px; }
.os-feature-grid p { color: var(--os-muted); font-size: 14px; }
.os-feature-grid a { position: absolute; left: 27px; bottom: 25px; color: var(--os-blue-deep); font-size: 12px; font-weight: 850; }
.os-feature-grid .beta-feature { border-style: dashed; background: #fcfbff; }
.beta-feature:after { content: "PRIVATE BETA"; position: absolute; right: 16px; top: 18px; padding: 5px 8px; border-radius: 999px; background: #fff0dd; color: #a15100; font-size: 8px; font-weight: 900; letter-spacing: .08em; }

/* AI explainer */
.os-ai-story { position: relative; overflow: hidden; background: linear-gradient(135deg, #18162f, #272343 55%, #0a789e); color: #fff; }
.os-ai-story:after { content: ""; position: absolute; right: -170px; top: -170px; width: 420px; height: 420px; border: 55px solid rgba(255,255,255,.045); border-radius: 50%; }
.os-ai-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.os-ai-story .os-heading { margin-top: 22px; }
.os-ai-story .os-heading h2 { color: #fff; }
.os-ai-story .os-heading > p { color: #c6d4de; }
.os-ai-rules { display: grid; gap: 10px; margin-top: 30px; }
.os-ai-rules article { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.065); }
.os-ai-rules article > i { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: var(--os-orange); font-style: normal; font-weight: 900; }
.os-ai-rules b, .os-ai-rules small { display: block; }
.os-ai-rules small { color: #c1cfda; }
.os-ai-machine { position: relative; min-height: 520px; padding: 25px; border: 1px solid rgba(255,255,255,.17); border-radius: 25px; background: rgba(255,255,255,.09); backdrop-filter: blur(14px); }
.os-ai-copy { min-width: 0; }
.os-ai-machine > header { display: flex; align-items: center; justify-content: center; gap: 12px; color: #9fb2c0; font-size: 11px; font-weight: 800; }
.os-ai-machine > header button { appearance: none; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.os-ai-machine > header button.active { color: #fff; }
.os-ai-toggle { position: relative; display: block; width: 56px; height: 25px; border-radius: 999px!important; background: var(--os-orange)!important; }
.os-ai-toggle > span { position: absolute; top: 3px; right: 3px; width: 19px; height: 19px; border-radius: 50%; background: #fff; transition: transform .25s ease; }
.os-ai-machine.show-after .os-ai-toggle > span { transform: translateX(-31px); }
.ai-before, .ai-after { padding: 22px; border-radius: 16px; }
.ai-before, .ai-after { transition: opacity .45s ease, transform .45s ease, box-shadow .45s ease; }
.os-ai-machine:not(.show-after) .ai-after { opacity: .46; transform: translateY(8px); }
.os-ai-machine.show-after .ai-before { opacity: .42; transform: translateY(-8px); }
.os-ai-machine.show-after .ai-after { box-shadow: 0 18px 40px rgba(0,0,0,.18); }
.ai-before { margin-top: 22px; background: rgba(13,21,41,.3); color: #c3d0da; }
.ai-before small, .ai-after small { color: #82d5ec; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ai-before p { margin-bottom: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.ai-processing { display: flex; align-items: center; gap: 12px; padding: 17px 5px; color: #d8e3e9; font-size: 11px; }
.ai-processing > span { width: 22px; height: 22px; flex: 0 0 auto; border: 3px solid rgba(255,255,255,.2); border-top-color: var(--os-orange); border-radius: 50%; animation: spin .8s linear infinite; }
.ai-after { position: relative; overflow: hidden; background: #fff; color: var(--os-ink); }
.ai-after:after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg,var(--os-orange),var(--os-blue)); }
.ai-after h3 { margin: 10px 0; color: var(--os-navy); font-size: 23px; }
.ai-after p { color: var(--os-muted); }
.ai-after footer { display: flex; flex-wrap: wrap; gap: 6px; }
.ai-after footer span { padding: 5px 8px; border-radius: 999px; background: #e4f5fa; color: var(--os-blue-deep); font-size: 9px; font-weight: 800; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Investor platform brief */
.os-investor-home { position: relative; overflow: hidden; background: #fff; }
.os-investor-home:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 20%, rgba(7,151,200,.09), transparent 29%), radial-gradient(circle at 90% 84%, rgba(245,130,32,.10), transparent 27%); }
.os-investor-home-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(42px,6vw,86px); align-items: center; }
.os-investor-home-copy { max-width: 720px; }
.os-investor-home-copy .os-kicker { margin-top: 24px; }
.os-investor-home-copy h2 { max-width: 760px; margin: 12px 0 20px; color: #272343; font-size: clamp(36px,4vw,62px); line-height: 1.02; letter-spacing: -.045em; }
.os-investor-home-copy > p:not(.os-kicker) { max-width: 690px; margin: 0; color: #68798b; font-size: 17px; line-height: 1.75; }
.os-investor-home-copy .os-actions { margin-top: 30px; }
.os-investor-page-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: #0786b1; font-size: 14px; font-weight: 900; text-decoration: none; }
.os-investor-page-link:hover { color: #f58220; }
.os-investor-document { position: relative; overflow: hidden; min-height: 480px; padding: 28px; border: 1px solid rgba(255,255,255,.28); border-radius: 28px; background: linear-gradient(145deg,#272343 0%,#193d5e 60%,#0786b1 100%); color: #fff; box-shadow: 0 30px 70px rgba(30,39,65,.22); }
.os-investor-document:after { content: ""; position: absolute; right: -82px; top: -78px; width: 245px; height: 245px; border: 34px solid rgba(255,255,255,.055); border-radius: 50%; }
.os-document-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.16); color: #cbe7ef; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.os-document-top b { padding: 7px 9px; border-radius: 8px; background: #f58220; color: #fff; letter-spacing: .08em; }
.os-document-mark { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin-top: 34px; }
.os-document-mark > i { display: grid; width: 64px; height: 64px; flex: 0 0 auto; place-items: center; border-radius: 18px; background: #fff; color: #f58220; font-size: 20px; font-style: normal; font-weight: 950; box-shadow: 0 12px 28px rgba(0,0,0,.16); }
.os-document-mark small,.os-document-mark strong { display: block; }
.os-document-mark small { margin-bottom: 7px; color: #69d0ed; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.os-document-mark strong { color: #fff; font-size: 28px; line-height: 1.08; letter-spacing: -.03em; }
.os-investor-document > p { position: relative; z-index: 1; max-width: 430px; margin: 28px 0; color: #d6e4ec; font-size: 14px; line-height: 1.65; }
.os-document-points { position: relative; z-index: 1; display: grid; gap: 9px; }
.os-document-points span { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.07); color: #fff; font-size: 13px; font-weight: 800; }
.os-document-points i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: rgba(245,130,32,.18); color: #ffad64; font-size: 9px; font-style: normal; font-weight: 950; }
.os-investor-document footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-top: 25px; color: #bdd1dc; font-size: 11px; }
.os-investor-document footer strong { color: #fff; }

/* Product truth */
.os-product-truth { background: #f4f8fa; }
.os-truth-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; }
.os-truth-intro h2 { margin: 0; color: var(--os-navy); font-size: clamp(38px,4.6vw,60px); line-height: 1.05; letter-spacing: -.045em; }
.os-truth-intro > p { margin: 0; color: var(--os-muted); font-size: 17px; line-height: 1.75; }
.os-truth-counts { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 46px; }
.os-truth-counts article { position: relative; padding: 24px; overflow: hidden; border: 1px solid var(--os-line); border-radius: 18px; background: #fff; }
.os-truth-counts article:before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #2eb57e; }
.os-truth-counts .beta:before { background: var(--os-orange); }
.os-truth-counts .planned:before { background: #8d7bbf; }
.os-truth-counts strong { display: block; color: var(--os-navy); font-size: 42px; }
.os-truth-counts span, .os-truth-counts small { display: block; }
.os-truth-counts span { font-weight: 850; }
.os-truth-counts small { margin-top: 3px; color: var(--os-muted); }
.os-capability-slider { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 16px; }
.os-capability-slider article { min-height: 235px; padding: 24px; border: 1px solid var(--os-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(25,35,62,.05); }
.os-capability-slider header { display: flex; justify-content: space-between; gap: 10px; }
.os-capability-slider header span { padding: 5px 8px; border-radius: 999px; background: #daf5e9; color: #14744e; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.os-capability-slider .status-beta header span { background: #fff0dc; color: #994900; }
.os-capability-slider .status-coming-soon header span { background: #ece8fa; color: #554580; }
.os-capability-slider header small { color: var(--os-muted); }
.os-capability-slider h3 { margin: 24px 0 9px; color: var(--os-navy); font-size: 22px; }
.os-capability-slider p { color: var(--os-muted); }
.os-capability-slider a, .os-centered-link a { color: var(--os-blue-deep); font-weight: 850; }
.os-centered-link { margin: 34px 0 0; text-align: center; }

/* One home, roadmap, pricing, FAQ */
.os-one-home { background: #fff; }
.os-one-home-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 80px; align-items: center; }
.os-tool-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.os-tool-cloud span { padding: 9px 12px; border: 1px solid var(--os-line); border-radius: 9px; background: #fff; color: #5e6c7e; font-size: 12px; box-shadow: 0 6px 17px rgba(25,35,62,.04); }
.os-one-card { position: relative; overflow: hidden; padding: 48px; border-radius: 26px; background: linear-gradient(145deg,var(--os-navy),#0b789e); color: #fff; box-shadow: var(--os-shadow); }
.one-card-orbit { position: absolute; width: 340px; height: 340px; right: -170px; top: -170px; border: 45px solid rgba(255,255,255,.05); border-radius: 50%; }
.os-one-card img { position: relative; max-width: 150px; max-height: 58px; object-fit: contain; filter: brightness(0) invert(1); }
.os-one-card strong { position: relative; display: block; margin-top: 30px; font-size: 30px; }
.os-one-card p { position: relative; color: #cbdae2; }
.os-one-card ul { position: relative; display: grid; gap: 8px; padding: 0; list-style: none; }
.os-one-card li:before { content: "✓"; margin-right: 8px; color: #69dfae; font-weight: 900; }
.os-roadmap-preview { background: linear-gradient(180deg,#f4f8fa,#fff); }
.os-roadmap-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.os-roadmap-line:before { content: ""; position: absolute; left: 8%; right: 8%; top: 24px; border-top: 2px dashed #cddde4; }
.os-roadmap-line article { position: relative; padding: 60px 25px 25px; border: 1px solid var(--os-line); border-radius: 18px; background: #fff; }
.os-roadmap-line article > i { position: absolute; z-index: 1; left: 25px; top: 5px; display: grid; width: 39px; height: 39px; place-items: center; border: 5px solid #f4f8fa; border-radius: 50%; background: #a6b2be; color: #fff; font-style: normal; font-weight: 900; }
.os-roadmap-line article.done > i { background: #2eb57e; }
.os-roadmap-line article.active > i { background: var(--os-orange); box-shadow: 0 0 0 8px rgba(255,134,23,.13); }
.os-roadmap-line article > span { color: var(--os-orange-deep); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.os-roadmap-line h3 { color: var(--os-navy); }
.os-roadmap-line p { color: var(--os-muted); font-size: 13px; }
.os-plans { background: #fff; }
.os-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.os-plan-grid article { position: relative; padding: 31px; border: 1px solid var(--os-line); border-radius: 21px; background: #fff; box-shadow: var(--os-shadow-soft); }
.os-plan-grid article.featured { transform: translateY(-9px); border: 2px solid var(--os-orange); }
.os-plan-badge { position: absolute; right: 20px; top: 20px; padding: 5px 8px; border-radius: 999px; background: #fff0dd; color: #9b4a00; font-size: 9px; font-weight: 900; }
.plan-name h3 { margin: 0; color: var(--os-navy); font-size: 26px; }
.plan-name small { display: block; min-height: 45px; margin-top: 7px; color: var(--os-muted); }
.plan-price { margin: 24px 0; }
.plan-price strong { color: var(--os-navy); font-size: 44px; }
.plan-price span { color: var(--os-muted); }
.os-plan-grid ul { min-height: 145px; padding: 0; list-style: none; color: #5e6b7c; }
.os-plan-grid li { padding: 5px 0; }
.os-plan-grid li:before { content: "✓"; margin-right: 8px; color: #17845c; font-weight: 900; }
.os-plan-grid .os-btn { width: 100%; }
.os-faq { background: #f4f8fa; }
.os-faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: start; }
.os-faq .os-heading .os-btn { margin-top: 28px; }
.os-faq-list { overflow: hidden; border: 1px solid var(--os-line); border-radius: 21px; background: #fff; box-shadow: var(--os-shadow-soft); }
.os-faq-list details { border-bottom: 1px solid #e4ecef; }
.os-faq-list details:last-child { border-bottom: 0; }
.os-faq-list summary { position: relative; padding: 22px 60px 22px 24px; color: var(--os-navy); font-weight: 850; cursor: pointer; list-style: none; }
.os-faq-list summary::-webkit-details-marker { display: none; }
.os-faq-list summary:after { content: "+"; position: absolute; right: 22px; top: 17px; color: var(--os-blue); font-size: 26px; }
.os-faq-list details[open] summary:after { content: "−"; }
.os-faq-list details p { margin: -4px 60px 22px 24px; color: var(--os-muted); }
.os-final { position: relative; overflow: hidden; padding: 100px 0; background: radial-gradient(circle at 50% 0,rgba(7,150,197,.23),transparent 38%),linear-gradient(135deg,#272343,#113e60); color: #fff; text-align: center; }
.os-final-rings { position: absolute; width: 520px; height: 520px; right: -320px; bottom: -360px; border: 65px solid rgba(255,255,255,.045); border-radius: 50%; }
.os-final .os-shell { position: relative; }
.os-final h2 { max-width: 880px; margin: 23px auto 0; font-size: clamp(44px,6vw,72px); line-height: 1; letter-spacing: -.05em; }
.os-final p { color: #c9d7e0; font-size: 18px; }
.os-final .os-actions { justify-content: center; }
.os-btn.dark-ghost { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.08); color: #fff; }

/* Motion is enabled only after JavaScript loads, preserving content for everyone. */
.js-home .os-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
.js-home .os-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1080px) {
    .os-hero-grid, .os-ai-layout, .os-one-home-grid, .os-investor-home-grid { grid-template-columns: 1fr; }
    .os-hero-copy { max-width: 820px; }
    .os-hero-product { width: min(780px,100%); }
    .os-journey { grid-template-columns: repeat(3,1fr); }
    .os-journey-line { display: none; }
    .os-way-tabs { grid-template-columns: repeat(5,minmax(135px,1fr)); overflow-x: auto; padding-bottom: 8px; }
    .os-way-stage > section { grid-template-columns: 1fr; }
    .way-visual { width: min(650px,100%); }
    .os-feature-grid { grid-template-columns: repeat(2,1fr); }
    .os-capability-slider { grid-template-columns: repeat(2,1fr); }
    .os-roadmap-line { grid-template-columns: repeat(2,1fr); }
    .os-roadmap-line:before { display: none; }
    .os-investor-home-copy { max-width: 860px; }
    .os-investor-document { width: min(680px,100%); }
}

@media (max-width: 760px) {
    .os-shell { width: min(100% - 28px,1240px); }
    .os-section { padding: 76px 0; }
    .os-heading.centered { margin-bottom: 38px; }
    .os-heading h2, .os-one-home h2 { font-size: 39px; }
    .os-heading > p, .os-one-home-grid > div > p { font-size: 16px; }
    .os-hero { padding: 60px 0 78px; }
    .os-hero-grid { gap: 38px; }
    .os-hero h1 { font-size: 47px; }
    .os-lead { font-size: 17px; }
    .os-actions .os-btn { width: 100%; }
    .os-trust-row { display: grid; gap: 9px; }
    .os-demo-window { transform: none; border-radius: 18px; }
    .os-demo-top b { display: none; }
    .os-demo-app { min-height: 430px; grid-template-columns: 82px 1fr; }
    .os-demo-app aside { padding: 18px 7px; }
    .os-demo-app aside strong { margin: 0 4px 12px; font-size: 9px; }
    .os-demo-app aside button { padding: 9px 6px; font-size: 7px; }
    .os-demo-screen { padding: 15px; }
    .os-demo-panel header strong { font-size: 14px; }
    .os-demo-panel header > span { display: none; }
    .os-demo-stats { grid-template-columns: 1fr; }
    .os-demo-stats article:nth-child(n+2) { display: none; }
    .os-demo-bottom { grid-template-columns: 1fr; }
    .os-demo-bottom article:nth-child(2) { display: none; }
    .os-product-list article { grid-template-columns: 38px 1fr; }
    .os-product-list article > i { width: 38px; height: 36px; }
    .os-product-list em { display: none; }
    .os-float-card { display: none; }
    .os-simple-promise .os-shell { align-items: flex-start; flex-direction: column; padding: 22px 0; }
    .os-simple-promise div div { flex-wrap: wrap; gap: 8px; }
    .os-journey { grid-template-columns: 1fr; gap: 6px; }
    .os-journey article { display: grid; grid-template-columns: 78px 1fr; gap: 0 16px; align-items: center; text-align: left; }
    .os-journey article > i { left: 52px; right: auto; }
    .journey-icon { grid-row: 1/5; width: 78px; height: 78px; margin: 0; border-radius: 22px; transform: scale(.82); transform-origin: center left; }
    .os-journey h3 { align-self: end; }
    .os-journey p, .os-journey small { grid-column: 2; }
    .os-way-stage > section { min-height: 0; gap: 35px; padding: 28px; }
    .os-way-stage h3 { font-size: 35px; }
    .os-way-stage ul { grid-template-columns: 1fr; }
    .way-visual { min-height: 310px; }
    .sell-visual { grid-template-columns: 1fr; }
    .sell-gallery { display: none; }
    .os-feature-grid, .os-truth-counts, .os-capability-slider, .os-plan-grid { grid-template-columns: 1fr; }
    .os-feature-grid article { min-height: 285px; }
    .os-ai-layout { gap: 42px; }
    .os-ai-machine { min-height: 0; padding: 17px; }
    .os-investor-home-copy h2 { font-size: 39px; }
    .os-investor-home-copy > p:not(.os-kicker) { font-size: 16px; }
    .os-investor-document { min-height: 0; padding: 22px; border-radius: 20px; }
    .os-document-mark strong { font-size: 23px; }
    .os-document-mark > i { width: 54px; height: 54px; border-radius: 15px; }
    .os-truth-intro, .os-faq-grid { grid-template-columns: 1fr; gap: 35px; }
    .os-roadmap-line { grid-template-columns: 1fr; }
    .os-plan-grid article.featured { transform: none; }
    .os-one-card { padding: 34px 27px; }
    .os-final { padding: 80px 0; }
    .os-final h2 { font-size: 43px; }
}

.os-back-to-top { position:fixed;right:92px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:80;display:grid;width:58px;height:58px;place-content:center;gap:1px;border:2px solid #fff;border-radius:18px;background:linear-gradient(145deg,#ff982d,#f47a00);box-shadow:0 14px 34px rgba(214,93,0,.28);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease }
.os-back-to-top.is-visible { opacity:1;pointer-events:auto;transform:none }
.os-back-to-top:hover { box-shadow:0 18px 40px rgba(214,93,0,.36);transform:translateY(-2px) }
.os-back-to-top span { font-size:24px;font-weight:900;line-height:.75 }
.os-back-to-top small { color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase }

@media (max-width: 760px) {
    .os-back-to-top { right:82px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:16px }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .js-home .os-reveal { opacity: 1; transform: none; }
}