:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f7f8fb;background:#090909;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(245,116,35,.18),transparent 28vw),radial-gradient(circle at 88% 18%,rgba(35,211,255,.16),transparent 32vw),linear-gradient(180deg,#0d0d0e,#050505)}button{font:inherit;cursor:pointer}.site-shell{position:relative;min-height:100vh;padding:22px 16px 42px;overflow-x:hidden}.demo-switcher{position:sticky;top:14px;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(390px,calc(100vw - 32px));margin:0 auto 14px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0c0c0ec2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-switcher button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:0;border-radius:6px;color:#ffffff9e;background:transparent;font-size:12px;font-weight:900;letter-spacing:0}.demo-switcher .selected{color:#111;background:#f6f1e9}.demo-switcher button .romo-logo{color:currentColor}.flow-mode .demo-switcher .selected{color:#061116;background:#71f2ff}.phone-canvas{position:relative;width:min(390px,calc(100vw - 32px));min-height:1280px;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 34px 120px #00000094,inset 0 1px #ffffff29}.romo-canvas{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 14%),#050505}.flow-canvas{color:#111a1f;background:linear-gradient(180deg,#fbfcfb,#f1f6f6 48%,#11191d)}.phone-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 18px 10px;color:currentColor;background:linear-gradient(180deg,rgba(0,0,0,.56),transparent)}.flow-canvas .phone-header{background:linear-gradient(180deg,#fbfcfbd1,#fbfcfb00)}.brand-lockup{display:inline-flex;align-items:center;gap:9px}.romo-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#f7f8fb}.romo-logo.compact{width:16px;height:16px}.romo-logo svg{display:block;width:100%;height:100%}.romo-logo rect{fill:#ffffff14;stroke:currentColor;stroke-width:1.8}.romo-logo path{fill:currentColor}.romo-logo .romo-logo-signal{fill:none;stroke:#e76517;stroke-width:2.2;stroke-linecap:round}.phone-header strong{font-size:16px;letter-spacing:0}.phone-header button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:inherit;background:#ffffff14}.flow-canvas .phone-header button{border-color:#0611161a;background:#ffffffa8}.hero-section{position:relative;z-index:2;min-height:610px;padding:86px 20px 34px}.hero-copy h1{margin:0;max-width:340px;font-size:clamp(42px,11.4vw,52px);font-weight:950;line-height:1.02;letter-spacing:0}.romo-title{display:flex;flex-direction:column;gap:2px}.romo-title span{display:block}.flow-canvas .hero-copy h1{max-width:330px;color:#101a1e;font-size:clamp(42px,12vw,54px)}.hero-copy p{max-width:310px;margin:18px 0 0;color:#ffffffb8;font-size:15px;line-height:1.7}.flow-canvas .hero-copy p{color:#101a1ead}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:26px}.primary-action,.text-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;padding:0 16px;font-size:13px;font-weight:900}.primary-action{border:0}.primary-action.warm{color:#170a02;background:linear-gradient(135deg,#ffe3b2,#e76517);box-shadow:0 16px 34px #e7651752}.primary-action.cool{color:#061116;background:linear-gradient(135deg,#78f4ff,#ff6f61);box-shadow:0 16px 34px #2bd3e83d}.text-action{border:1px solid rgba(255,255,255,.18);color:#ffffffdb;background:#ffffff14}.text-action.dark{border-color:#0611161f;color:#111a1f;background:#ffffffc7}.cinema-bg,.dashboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cinema-bg:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,transparent 38%,rgba(0,0,0,.74) 100%),radial-gradient(circle at 60% 24%,rgba(255,255,255,.18),transparent 18%),linear-gradient(180deg,transparent 0%,#040404 64%)}.creator-silhouette{position:absolute;top:134px;right:-22px;width:210px;height:390px;border-radius:46% 46% 12% 12%;background:radial-gradient(circle at 44% 14%,rgba(255,235,214,.84) 0 22px,transparent 24px),linear-gradient(130deg,rgba(255,255,255,.66),rgba(255,255,255,.06) 42%,transparent 68%);filter:blur(.2px);opacity:.58;transform:rotate(-6deg);animation:floatSlow 7s ease-in-out infinite}.lens-flare{position:absolute;top:292px;left:-54px;width:220px;height:2px;background:linear-gradient(90deg,transparent,#fff,#e76517,transparent);box-shadow:0 0 34px #e76517d1}.comment-strip{position:absolute;z-index:1;display:block;max-width:236px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px 12px;color:#ffffffa3;background:#ffffff12;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:drift 8s ease-in-out infinite}.strip-one{top:166px;left:182px;opacity:.64}.strip-two{top:442px;left:22px;animation-delay:-3s}.timeline-line{position:absolute;top:510px;left:28px;width:320px;height:1px;background:linear-gradient(90deg,#e76517,rgba(255,255,255,.42),transparent)}.scroll-cue{position:absolute;bottom:18px;left:50%;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#ffffffb8;transform:translate(-50%);animation:bounce 1.7s ease-in-out infinite}.proof-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 34px}.proof-item{min-height:92px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:13px 10px;background:#ffffff0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.proof-item strong{display:block;color:#fff;font-size:26px;line-height:1}.proof-item span{display:block;margin-top:10px;color:#ffffff9e;font-size:11px;line-height:1.42}.story-panel,.closing-section{position:relative;z-index:2;margin:0 14px 14px;border-radius:8px;padding:22px 18px}.dark-story{min-height:330px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 80% 18%,rgba(231,101,23,.24),transparent 34%),linear-gradient(180deg,#ffffff14,#ffffff05)}.story-panel h2,.closing-section h2{margin:0;font-size:28px;line-height:1.12;letter-spacing:0}.story-panel p,.closing-section p{margin:14px 0 0;color:#ffffffad;font-size:14px;line-height:1.7}.floating-script{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.floating-script span{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 10px;color:#ffffffc7;background:#0000003d;font-size:12px;font-weight:900}.closing-section{display:grid;gap:20px;min-height:270px;align-content:end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84)),radial-gradient(circle at 70% 18%,rgba(255,255,255,.16),transparent 22%)}.case-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,rgba(231,101,23,.24),transparent 34%),#000000db;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.case-close{position:absolute;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:#ffffff1a}.case-video-shell{width:min(360px,calc(100vw - 44px));aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#020202;box-shadow:0 28px 90px #00000094}.case-video-shell video{display:block;width:100%;height:100%;object-fit:cover}.case-caption{position:absolute;left:22px;right:22px;bottom:max(22px,env(safe-area-inset-bottom));display:grid;gap:6px;max-width:360px;margin:0 auto;pointer-events:none}.case-caption span{color:#e9d7a5;font-size:10px;font-weight:950}.case-caption strong{color:#fff;font-size:18px;line-height:1.2}.dashboard-bg:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 76% 14%,rgba(120,244,255,.48),transparent 23%),radial-gradient(circle at 13% 38%,rgba(255,111,97,.22),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.86),transparent 54%)}.retention-curve{position:absolute;top:224px;right:-34px;width:240px;height:132px;border:2px solid rgba(0,195,215,.64);border-left:0;border-bottom:0;border-radius:0 80px 0 0;transform:rotate(-12deg)}.calendar-ghost{position:absolute;top:120px;left:18px;width:138px;height:210px;border:1px solid rgba(6,17,22,.08);border-radius:8px;background:repeating-linear-gradient(180deg,rgba(6,17,22,.08) 0 1px,transparent 1px 34px),#fff9;opacity:.56;transform:rotate(-8deg)}.thumb{position:absolute;width:106px;height:150px;border-radius:8px;background:linear-gradient(180deg,#0000000f,#00000052),linear-gradient(135deg,#ff6f61,#0f2027);box-shadow:0 18px 50px #101a1e24}.thumb-a{top:332px;right:20px;transform:rotate(7deg)}.thumb-b{top:392px;right:106px;background:linear-gradient(180deg,#0000000a,#00000042),linear-gradient(135deg,#71f2ff,#18272d);transform:rotate(-7deg)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:264px;margin-top:34px;padding:4px;border:1px solid rgba(6,17,22,.1);border-radius:8px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.segmented-control button{min-height:34px;border:0;border-radius:6px;color:#06111680;background:transparent;font-size:12px;font-weight:900}.segmented-control .selected{color:#061116;background:#71f2ff}.analytics-card,.workflow-section,.module-grid{position:relative;z-index:2;margin:0 14px 14px}.analytics-card{border:1px solid rgba(6,17,22,.08);border-radius:8px;padding:16px;background:#ffffffd6;box-shadow:0 22px 70px #101a1e1a}.analytics-head{display:flex;align-items:baseline;justify-content:space-between}.analytics-head span{color:#101a1e94;font-size:12px;font-weight:900}.analytics-head strong{color:#ff6f61;font-size:32px;line-height:1}.bar-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;height:118px;margin-top:18px}.bar-row span{display:block;height:var(--bar);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#71f2ff,#ff6f61)}.workflow-section{display:grid;gap:8px}.workflow-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:54px;border:1px solid rgba(6,17,22,.08);border-radius:8px;padding:0 14px;color:#111a1f;background:#ffffffc7}.workflow-row span{color:#ff6f61;font-size:12px;font-weight:950}.workflow-row strong{font-size:15px}.module-grid{display:grid;grid-template-columns:1fr;gap:10px}.module-card{border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:18px;color:#f7f8fb;background:#101a1ee6}.module-card svg{color:#71f2ff}.module-card h2{margin:12px 0 0;font-size:22px;line-height:1.1}.module-card p{margin:10px 0 0;color:#ffffffa8;font-size:13px;line-height:1.65}.flow-close{color:#f7f8fb;background:radial-gradient(circle at 78% 18%,rgba(113,242,255,.2),transparent 30%),#11191d}.flow-close p{color:#ffffffb3}@keyframes floatSlow{50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes drift{50%{transform:translate3d(8px,-10px,0)}}@keyframes bounce{50%{transform:translate(-50%,7px)}}@media(min-width:760px){.site-shell{padding-top:34px}.phone-canvas,.demo-switcher{width:430px}}@media(max-width:420px){.site-shell{padding:12px 10px 28px}.demo-switcher,.phone-canvas{width:calc(100vw - 20px)}.phone-canvas{border-radius:22px}.hero-section{padding-left:17px;padding-right:17px}.proof-rail{padding-left:10px;padding-right:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}