:root{--ink:#12151c;--ink-soft:#212631;--muted:#656b76;--line:#dde1e7;--paper:#f7f8fa;--cream:#f6f2e8;--blue:#4778ff;--blue-deep:#2f5ee5;--mint:#b9f2dc;--yellow:#ffe27a;--white:#fff;--shadow:0 26px 80px rgba(29,38,60,.13);max-width:100%;overflow-x:hidden;font-family:"Noto Sans KR",sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth;scroll-padding-top:92px}
*{box-sizing:border-box}
body{margin:0;min-width:320px;max-width:100%;overflow-x:hidden;background:#fff;color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;box-shadow:var(--shadow);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.page-glow{position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none;z-index:0}
.page-glow-one{top:40px;right:-220px;width:620px;height:620px;background:radial-gradient(circle,rgba(71,120,255,.14),transparent 68%)}
.page-glow-two{top:540px;left:-260px;width:520px;height:520px;background:radial-gradient(circle,rgba(185,242,220,.27),transparent 68%)}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:76px;border-bottom:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}
.site-header.scrolled{background:rgba(255,255,255,.9);border-color:rgba(18,21,28,.08);box-shadow:0 8px 28px rgba(18,21,28,.05);backdrop-filter:blur(18px)}
.nav-shell{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}
.brand-mark{width:36px;height:36px;display:block;flex:0 0 auto;filter:drop-shadow(0 5px 10px rgba(18,21,28,.14))}
.brand-mark img{width:100%;height:100%;display:block}
.brand-name{font-size:18px}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.desktop-nav a,.text-link{position:relative;color:#3f4550;font-size:14px;font-weight:600}
.desktop-nav a::after,.text-link::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:right .2s}
.desktop-nav a:hover::after,.text-link:hover::after{right:0}
.nav-actions{display:flex;align-items:center;gap:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:13px;font-size:15px;font-weight:700;letter-spacing:-.02em;transition:transform .18s,box-shadow .18s,background .18s}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:42px;padding:0 17px;border-radius:11px;font-size:13px}
.button-dark{background:var(--ink);color:#fff;box-shadow:0 9px 22px rgba(18,21,28,.16)}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 16px 28px rgba(71,120,255,.28)}
.button-primary:hover{background:var(--blue-deep)}
.button-ghost{border-color:var(--line);background:rgba(255,255,255,.7);color:var(--ink)}
.button-light{background:#fff;color:var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.menu-button{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent}
.menu-button span:not(.sr-only){display:block;height:2px;margin:5px 0;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.mobile-menu{display:none;visibility:hidden;pointer-events:none}
.hero{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));min-height:810px;margin:0 auto;padding:150px 0 80px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:52px}
.hero-copy{position:relative;z-index:5;padding-left:max(0px,calc((100% - 1180px)/2))}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dfe4ea;border-radius:999px;background:rgba(255,255,255,.72);color:#4f5662;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}
.live-dot{width:7px;height:7px;border-radius:50%;background:#35c886;box-shadow:0 0 0 4px rgba(53,200,134,.13)}
.hero h1{margin:27px 0 22px;font-size:clamp(52px,4.6vw,68px);line-height:1.08;letter-spacing:-.065em;font-weight:800}
.hero h1 span{position:relative;color:var(--blue)}
.hero h1 span::after{content:"";position:absolute;left:3px;right:0;bottom:-7px;height:10px;border-radius:50%;border-top:3px solid var(--mint);transform:rotate(-1deg)}
.hero-copy>p{margin:0;color:#5d6470;font-size:17px;line-height:1.8;letter-spacing:-.02em}
.hero-actions{display:flex;gap:10px;margin-top:35px}
.hero-proof{display:flex;gap:17px;margin-top:24px;color:#656b76;font-size:12px;font-weight:600}
.hero-proof span{display:flex;align-items:center;gap:6px}
.hero-proof i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e7f8f0;color:#16885c;font-style:normal;font-size:10px}
.hero-visual{position:relative;min-width:0;height:610px}
.hero-orbit{position:absolute;border:1px solid rgba(71,120,255,.15);border-radius:50%}
.orbit-one{width:520px;height:520px;right:-60px;top:10px}
.orbit-two{width:390px;height:390px;right:5px;top:75px;border-style:dashed}
.product-window{position:absolute;z-index:2;left:0;right:-130px;top:58px;overflow:hidden;border:1px solid rgba(22,29,43,.12);border-radius:18px;background:#eef2f7;box-shadow:0 42px 100px rgba(34,46,74,.21);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg)}
.window-bar{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e5eb;background:#fff}
.window-brand{display:flex;align-items:center;gap:8px;font-size:11px}
.mini-mark{width:25px;height:25px;display:block;flex:0 0 auto}
.mini-mark img{width:100%;height:100%;display:block}
.window-status{display:flex;align-items:center;gap:6px;color:#68707c;font-size:9px}
.window-status i{width:6px;height:6px;border-radius:50%;background:#35c886}
.product-window img{height:460px}.product-window .workspace-shot{width:154%;max-width:none;object-fit:cover;object-position:top center;transform:translateX(-13%)}
.floating-card{position:absolute;z-index:5;border:1px solid rgba(23,29,42,.1);background:rgba(255,255,255,.93);box-shadow:0 22px 55px rgba(37,47,70,.17);backdrop-filter:blur(16px)}
.floating-inquiry{left:-42px;top:8px;width:245px;padding:15px 17px;border-radius:15px}
.card-kicker{display:block;margin-bottom:5px;color:#d17700;font-size:10px;font-weight:800}
.floating-inquiry strong{display:block;font-size:13px;letter-spacing:-.02em}
.floating-inquiry small{display:flex;align-items:center;gap:5px;margin-top:9px;color:#787e88;font-size:10px}
.channel-n{width:16px;height:16px;display:grid;place-items:center;border-radius:4px;background:#03c75a;color:#fff;font-weight:800}
.floating-team{right:-72px;bottom:40px;width:270px;padding:13px 14px;display:flex;align-items:center;gap:11px;border-radius:16px}
.avatar-pair{display:flex}
.avatar-pair i{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#e8eefc;color:#3d5d9c;font-style:normal;font-size:8px;font-weight:800}
.avatar-pair i+i{margin-left:-8px;background:#def6ec;color:#287659}
.floating-team div{min-width:0;flex:1}
.floating-team strong,.floating-team small{display:block}
.floating-team strong{font-size:12px}
.floating-team small{color:#737984;font-size:10px}
.check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e6f8f0;color:#159060;font-size:12px;font-weight:800}
.channel-ribbon{position:relative;z-index:4;max-width:1180px;margin:0 auto 120px;padding:25px 30px;display:flex;align-items:center;gap:36px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(26,34,52,.06)}
.ribbon-label{padding-right:34px;border-right:1px solid var(--line);color:#777d87;font-size:12px;font-weight:700;white-space:nowrap}
.channel-list{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1}
.channel-list>span{display:flex;align-items:center;gap:9px;color:#3c424c;font-size:13px;font-weight:700;white-space:nowrap}
.channel-list b{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#fff;font:800 10px "DM Sans",sans-serif}
.cafe24{background:#405bce}.naver{background:#03c75a}.talktalk{background:#16b995}
.channel-list .channel-next{color:#8a9099;font-weight:500}.channel-next i{font-style:normal;font-size:17px}
.setup-section{position:relative;z-index:2;width:min(1280px,calc(100% - 48px));margin:0 auto 40px;padding:108px 50px;overflow:hidden;border:1px solid #dfe4ec;border-radius:28px;background:linear-gradient(145deg,#f7f9fc 0%,#eef3ff 58%,#effaf6 100%)}.setup-section::before{content:"";position:absolute;right:-240px;top:-300px;width:690px;height:690px;border:1px solid rgba(71,120,255,.13);border-radius:50%;box-shadow:0 0 0 90px rgba(71,120,255,.025),0 0 0 180px rgba(71,120,255,.018)}.setup-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr);align-items:center;gap:70px}.setup-copy h2{margin:0;font-size:clamp(39px,4vw,54px);line-height:1.15;letter-spacing:-.06em}.setup-copy>p{max-width:470px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.82}.setup-steps{margin:31px 0 0;padding:0;border-top:1px solid rgba(57,72,101,.13);list-style:none}.setup-steps li{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid rgba(57,72,101,.13)}.setup-steps li>span{padding-top:2px;color:#8a94a5;font:700 9px "DM Sans",sans-serif}.setup-steps div{display:flex;flex-direction:column;gap:3px}.setup-steps strong{font-size:13px}.setup-steps small{color:#7c8491;font-size:10px;line-height:1.55}.setup-cta{margin-top:28px}.setup-visual{position:relative;min-width:0}.setup-window{overflow:hidden;border:1px solid rgba(33,47,75,.14);border-radius:21px;background:#fff;box-shadow:0 34px 80px rgba(40,57,92,.17)}.setup-window-top{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf0}.setup-window-top>div{display:flex;align-items:center;gap:9px;font-size:11px}.setup-window-top .mini-mark{width:28px;height:28px}.setup-window-top>span{display:flex;align-items:center;gap:6px;color:#398167;font-size:8px;font-weight:800}.setup-window-top>span::before{content:"";width:6px;height:6px;border-radius:50%;background:#50cb98}.setup-progress{height:66px;padding:0 25px;display:flex;align-items:center;border-bottom:1px solid #e8ebf0;background:#fafbfd}.setup-progress>span{display:flex;align-items:center;gap:6px;color:#9aa1ac;font-size:8px;font-weight:800;white-space:nowrap}.setup-progress>span i{width:21px;height:21px;display:grid;place-items:center;border:1px solid #d9dee7;border-radius:50%;background:#fff;font-style:normal}.setup-progress>span.done{color:#39765f}.setup-progress>span.done i{border-color:#d5f1e5;background:#e5f8f0;color:#26926a}.setup-progress>span.active{color:#315fcf}.setup-progress>span.active i{border-color:#4d7cff;background:#4d7cff;color:#fff}.setup-progress>b{height:1px;flex:1;margin:0 9px;background:#dfe4eb}.setup-workspace{display:grid;grid-template-columns:1.12fr .88fr;min-height:430px}.setup-form{padding:22px 20px;border-right:1px solid #e7eaf0}.setup-form>small,.setup-preview-label{display:block;margin-bottom:10px;color:#7b8492;font-size:8px;font-weight:800}.setup-channel{min-width:0;margin-bottom:8px;padding:11px;display:flex;align-items:center;gap:9px;border:1px solid #e1e5ec;border-radius:11px;background:#fff}.setup-channel>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#fff;font-style:normal;font-size:8px;font-weight:900}.setup-channel .channel-24{background:#ed5d36}.setup-channel .channel-n{background:#03c75a}.setup-channel>span{min-width:0;display:flex;flex:1;flex-direction:column}.setup-channel b{font-size:9px}.setup-channel small{color:#8c939e;font-size:7px}.setup-channel em{padding:4px 6px;border-radius:5px;background:#e8f7f1;color:#267a5e;font-size:7px;font-style:normal;font-weight:800}.setup-label-gap{margin-top:18px}.setup-upload{padding:11px;display:flex;align-items:center;gap:9px;border:1px solid #dce3f1;border-radius:11px;background:#f7f9fd}.setup-upload-thumb{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#171b24}.setup-upload-thumb img{width:100%;height:100%;object-fit:cover}.setup-upload>div{min-width:0;display:flex;flex:1;flex-direction:column}.setup-upload b{font-size:8px}.setup-upload small{color:#8b929e;font-size:6px}.setup-upload button,.setup-code button{height:27px;padding:0 8px;border:1px solid #d7dce5;border-radius:7px;background:#fff;color:#596270;font-size:7px;font-weight:800;pointer-events:none}.setup-code{margin-top:9px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce3f1;border-radius:11px;background:#fff}.setup-code>span{display:flex;flex-direction:column}.setup-code b{font-size:8px}.setup-code small{color:#8b929e;font-size:6px}.setup-code button{border-color:#1a1f28;background:#1a1f28;color:#fff}.setup-preview{padding:22px 18px;background:#f2f4f8}.storefront-mini{position:relative;overflow:hidden;border:1px solid #dfe3ea;border-radius:12px;background:#fff;box-shadow:0 13px 32px rgba(45,58,84,.09)}.storefront-mini-nav{height:29px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceff3}.storefront-mini-nav b{font:700 6px "DM Sans",sans-serif;letter-spacing:.12em}.storefront-mini-nav i{width:9px;height:1px;background:#a3a9b2;box-shadow:0 3px 0 #a3a9b2}.storefront-mini-hero{height:105px;padding:21px 13px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#d8d1c8,#a8a19b);color:#fff}.storefront-mini-hero small{font:600 5px "DM Sans",sans-serif;letter-spacing:.14em}.storefront-mini-hero strong{margin-top:3px;font:700 12px "DM Sans",sans-serif}.storefront-mini-hero span{margin-top:12px;padding:4px 7px;border:1px solid rgba(255,255,255,.8);font:600 5px "DM Sans",sans-serif}.storefront-mini-products{padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.storefront-mini-products i{height:44px;border-radius:4px;background:linear-gradient(145deg,#ebe7e2,#d8d3cd)}.widget-mini{position:absolute;right:7px;bottom:7px;width:146px;padding:9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(35,43,58,.12);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 11px 25px rgba(27,37,57,.18)}.widget-mini img{width:28px;height:28px}.widget-mini span{min-width:0;display:flex;flex-direction:column}.widget-mini b{font-size:7px}.widget-mini small{color:#8c929d;font-size:5px}.setup-complete{margin-top:11px;padding:10px 11px;display:flex;align-items:center;gap:8px;border:1px solid #cee9dc;border-radius:11px;background:#effaf5}.setup-complete>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#d9f3e7;color:#23825f;font-size:9px;font-style:normal}.setup-complete>span{display:flex;flex-direction:column}.setup-complete b{font-size:8px}.setup-complete small{color:#71827b;font-size:6px}.setup-float-card{position:absolute;right:-21px;bottom:-28px;padding:12px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(31,43,68,.11);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 20px 45px rgba(40,57,92,.16);backdrop-filter:blur(12px)}.setup-float-card>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e2f6ec;color:#248460;font-size:10px}.setup-float-card>div{display:flex;flex-direction:column}.setup-float-card b{font-size:9px}.setup-float-card small{color:#838b97;font-size:6px}
.section{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:110px 0}
.section-heading{max-width:760px;margin-bottom:54px}
.section-label{display:block;margin-bottom:14px;color:var(--blue);font:700 12px/1 "DM Sans",sans-serif;letter-spacing:.12em}
.section-heading h2,.demo-copy h2,.mobile-copy h2{margin:0;font-size:clamp(36px,4vw,54px);line-height:1.2;letter-spacing:-.055em}
.section-heading p,.demo-copy>p,.mobile-copy>p{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.8}
.problem-section{padding-top:60px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.problem-card{position:relative;min-height:445px;padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.problem-card:hover{transform:translateY(-6px);border-color:#ccd4e1;box-shadow:var(--shadow)}
.problem-number{position:absolute;top:25px;right:26px;color:#a6abb4;font:600 11px "DM Sans",sans-serif}
.problem-card h3{margin:24px 0 8px;font-size:21px;letter-spacing:-.04em}
.problem-card p{max-width:270px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.problem-scene{position:relative;height:190px;margin:30px 0 0;padding:16px;overflow:hidden;border:1px solid #dde3eb;border-radius:16px;background:#f5f7fa;box-shadow:inset 0 1px 0 #fff}.problem-window-bar{height:22px;display:flex;align-items:center;gap:5px;color:#8b94a2;font-size:8px}.problem-window-bar i{width:6px;height:6px;border-radius:50%;background:#d5dae2}.problem-window-bar span{margin-left:4px}.problem-channel-row{height:36px;margin-top:5px;padding:0 9px;display:flex;align-items:center;gap:8px;border:1px solid #e0e5ec;border-radius:9px;background:#fff;box-shadow:0 4px 10px rgba(26,38,61,.04)}.problem-channel-row b{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#fff;font:800 7px "DM Sans",sans-serif}.problem-channel-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#526071;font-size:9px;font-weight:700}.problem-channel-row em{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#617086;font-size:8px;font-style:normal;font-weight:800}.problem-channel-row .channel-n{background:#03b95d}.problem-channel-row .channel-24{background:#4864c8}.problem-channel-row .channel-talk{background:#239f89}.problem-pain-badge{position:absolute;right:12px;bottom:11px;padding:5px 8px;border:1px solid #efd8c9;border-radius:7px;background:#fff8f3;color:#9a5431;font-size:8px;font-weight:800;box-shadow:0 5px 14px rgba(80,43,26,.08)}.problem-message{max-width:88%;padding:11px 12px;border:1px solid #dce2ea;border-radius:12px;background:#fff;color:#344154;font-size:9px;line-height:1.55;box-shadow:0 5px 13px rgba(27,39,61,.05)}.problem-message.staff{margin-left:auto;background:#eef3ff;border-color:#d8e2fb}.problem-copy-line{height:39px;display:flex;align-items:center;gap:9px;color:#9b633f;font-size:8px;font-weight:700}.problem-copy-line::before,.problem-copy-line::after{content:"";height:1px;flex:1;background:repeating-linear-gradient(90deg,#c7cdd6 0 4px,transparent 4px 8px)}.problem-copy-line i{width:14px;height:14px;border:1px solid #d5bca9;border-radius:4px;background:#fff}.problem-inquiry-mini{display:flex;align-items:center;gap:7px;padding:9px 10px;border-bottom:1px solid #dde3eb;background:#fff}.problem-inquiry-mini b{font-size:9px}.problem-inquiry-mini span{color:#7b8594;font-size:8px}.problem-search-mini{height:36px;margin:10px 0 8px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:#929aa7;font-size:8px}.problem-search-mini i{width:11px;height:11px;border:1.5px solid #8792a2;border-radius:50%;position:relative}.problem-search-mini i::after{content:"";position:absolute;width:5px;height:1.5px;right:-4px;bottom:-2px;background:#8792a2;transform:rotate(45deg)}.problem-result-mini{height:31px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e6ed;color:#526071;font-size:8px}.problem-result-mini b{color:#37465b}.problem-result-mini.muted{color:#9aa2ae}.problem-pain{position:absolute;left:27px;right:27px;bottom:23px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7eaf0}.problem-pain span{color:#a0a7b2;font-size:9px}.problem-pain b{color:#8d5636;font-size:10px}
.workflow-section{position:relative;z-index:2;margin-top:100px;padding:120px 24px;background:var(--ink);color:#fff;overflow:hidden}
.workflow-section::before{content:"";position:absolute;width:620px;height:620px;right:-220px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(71,120,255,.24),transparent 67%)}
.workflow-shell{position:relative;width:min(1180px,100%);margin:auto}
.section-heading-light .section-label{color:#86a5ff}.section-heading-light h2{color:#fff}
.workflow-list{position:relative;display:flex;flex-direction:column;gap:105px;margin:75px 0 0;padding:0;list-style:none}
.workflow-list>li{position:relative;min-width:0;display:grid;grid-template-columns:290px minmax(0,1fr);align-items:center;gap:70px}.workflow-list>li:nth-child(even){grid-template-columns:minmax(0,1fr) 290px}.workflow-list>li:nth-child(even) .workflow-step-copy{order:2}.workflow-list>li:nth-child(even) .workflow-screen{order:1}
.workflow-step-copy{position:relative}.workflow-index{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #4d5666;border-radius:999px;background:#1a1f28;color:#91adff;font:700 10px "DM Sans",sans-serif;letter-spacing:.08em}.workflow-step-copy>small{display:block;margin:19px 0 7px;color:#7f8998;font-size:10px;font-weight:700}.workflow-list h3{margin:0 0 12px;font-size:30px;letter-spacing:-.045em}.workflow-list p{margin:0;color:#9da5b3;font-size:14px;line-height:1.8}.workflow-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:7px}.workflow-meta span{padding:6px 9px;border:1px solid #363d49;border-radius:7px;background:#1b2029;color:#aab3c1;font-size:9px;font-weight:700}
.workflow-visual{border:1px solid #343b48;border-radius:22px;background:#1b202a;box-shadow:0 30px 70px rgba(0,0,0,.26)}.workflow-screen{position:relative;min-width:0;overflow:hidden}.workflow-window-bar{height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #dce1e8;background:#fff}.workflow-window-bar>i{width:7px;height:7px;border-radius:50%;background:#dce1e8}.workflow-window-bar b{margin-left:6px;color:#7f8793;font-size:9px}.workflow-screen-body{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef3f9}.workflow-screen img{width:100%;height:100%;object-fit:cover}.workflow-screen::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);border-radius:21px;pointer-events:none}.workflow-screen-label,.workflow-screen-note{position:absolute;z-index:2;display:flex;align-items:center;border:1px solid rgba(20,28,42,.12);background:rgba(255,255,255,.95);box-shadow:0 9px 24px rgba(20,31,52,.14);color:#263246;font-weight:800;backdrop-filter:blur(9px)}.workflow-screen-label{left:16px;top:16px;gap:7px;padding:8px 11px;border-radius:999px;font-size:10px}.workflow-screen-label i{width:7px;height:7px;border-radius:50%;background:#4778ff;box-shadow:0 0 0 3px rgba(71,120,255,.12)}.workflow-screen-note{right:16px;bottom:16px;padding:10px 12px;border-radius:10px;color:#40506a;font-size:10px}
.demo-section{width:min(1460px,calc(100% - 48px));padding-top:150px}
.demo-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);align-items:end;gap:80px;margin-bottom:38px}.demo-intro>p{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.demo-controls{min-width:0}
.demo-tabs{display:flex;gap:5px;margin:0 0 16px;padding:5px;border-radius:12px;background:#f0f2f5}
.demo-tab{flex:1;height:39px;border:0;border-radius:9px;background:transparent;color:#777e89;font-size:12px;font-weight:700;cursor:pointer}.demo-tab.active{background:#fff;color:var(--ink);box-shadow:0 4px 13px rgba(32,41,60,.1)}
.demo-points{margin:0;padding:0;list-style:none}.demo-points li{padding:9px 2px;border-bottom:1px solid var(--line);color:#505762;font-size:12px;font-weight:600}.demo-points span{margin-right:12px;color:#a0a6af;font:600 10px "DM Sans",sans-serif}
.demo-stage{overflow:hidden;border:1px solid #d7dce4;border-radius:22px;background:#edf1f6;box-shadow:0 38px 100px rgba(31,43,70,.17)}
.stage-top{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #dde1e7;background:#fff}.stage-top>span{width:8px;height:8px;border-radius:50%;background:#e0e4ea}.stage-top b{margin-left:7px;color:#838995;font-size:9px;font-weight:600}
.stage-screen{position:relative;aspect-ratio:16/9;overflow:hidden}.demo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.02);transition:opacity .28s,transform .45s}.demo-image.active{opacity:1;transform:none}.demo-image-workspace{object-fit:contain;background:#f4f7fb}.demo-image-mobile{object-fit:contain;background:#f5f7fa;padding:20px}.scene-label{position:absolute;z-index:4;top:19px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(21,27,38,.12);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(25,36,58,.15);color:#2c3441;font-size:11px;font-weight:800;backdrop-filter:blur(12px);transition:opacity .2s}.scene-label b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font:700 10px "DM Sans",sans-serif}.scene-label-team{left:13%}.scene-label-customer{left:58%}.scene-label[hidden]{display:none}
.bento-section{padding-top:90px}
.bento-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.bento-card{position:relative;min-height:400px;padding:32px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#f8f9fb}.bento-large{min-height:470px}.bento-blue{background:#e9efff;border-color:#d8e2ff}.bento-mint{background:#e7f8f0;border-color:#d5efe3}.bento-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.bento-copy{position:relative;z-index:2;max-width:350px}.bento-copy>span{color:var(--blue);font-size:11px;font-weight:800}.bento-mint .bento-copy>span{color:#228363}.bento-dark .bento-copy>span{color:#8fabff}.bento-copy h3{margin:11px 0 10px;font-size:29px;line-height:1.3;letter-spacing:-.045em}.bento-copy p{margin:0;color:#646c79;font-size:13px;line-height:1.7}.bento-dark .bento-copy p{color:#a6aeba}
.inbox-mock{position:absolute;left:32px;right:32px;bottom:-21px;padding:14px;border:1px solid #d3dcf2;border-radius:17px 17px 0 0;background:#fff;box-shadow:0 18px 40px rgba(42,70,132,.12)}
.inbox-filters{display:flex;gap:14px;padding:5px 4px 12px;color:#858c98;font-size:9px}.inbox-filters b{color:#273349}.inbox-filters i{padding:1px 4px;border-radius:4px;background:#ffefd0;color:#b16700;font-style:normal}
.inbox-row{position:relative;display:flex;align-items:center;gap:9px;padding:12px 9px;border-top:1px solid #edf0f4}.row-accent{width:3px;height:35px;border-radius:3px;background:#e49b24}.row-accent.blue{background:var(--blue)}.inbox-row div{min-width:0;flex:1}.inbox-row strong,.inbox-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row strong{font-size:11px}.inbox-row small{margin-top:3px;color:#8b919b;font-size:8px}.inbox-row small b{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:3px;background:#03c75a;color:#fff;font-size:6px}.inbox-row time{color:#949aa4;font-size:8px}
.handoff-card{position:absolute;left:42px;right:42px;bottom:38px;padding:17px;border:1px solid #c6e5d7;border-radius:15px;background:#fff;box-shadow:0 18px 38px rgba(37,97,73,.1)}.handoff-card small,.handoff-card strong,.handoff-card span,.handoff-card b{display:block}.handoff-card small{color:#768078;font-size:9px}.handoff-card strong{margin:7px 0 5px;font-size:14px}.handoff-card span{color:#858d88;font-size:9px}.handoff-card b{margin-top:13px;padding-top:10px;border-top:1px solid #e7eeea;color:#296c55;font-size:10px}
.order-mock{position:absolute;left:32px;right:32px;bottom:31px;padding:19px;border:1px solid #dce1e8;border-radius:15px;background:#fff}.order-mock>div{width:50%;display:inline-flex;flex-direction:column}.order-mock span{color:#9096a0;font-size:8px}.order-mock div b{font-size:10px}.order-mock>strong,.order-mock>small{display:block}.order-mock>strong{margin-top:17px;padding-top:14px;border-top:1px solid #eaedf1;font-size:12px}.order-mock>small{color:#7b828e;font-size:9px}
.draft-mock{position:absolute;left:32px;right:32px;bottom:31px;padding:18px;border:1px solid #373e4b;border-radius:15px;background:#202630}.draft-mock .spark{color:#8eacff}.draft-mock p{margin:10px 0 14px;color:#d4d8df;font-size:11px;line-height:1.7}.draft-mock button{width:100%;height:37px;border:0;border-radius:9px;background:#fff;color:#1d222b;font-size:10px;font-weight:800}
.vision-section{position:relative;z-index:2;margin:90px 24px 0;padding:120px 24px 38px;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#11151e 0%,#171d2a 58%,#15251f 130%);color:#fff}.vision-section::before{content:"";position:absolute;left:-280px;top:-360px;width:760px;height:760px;border:1px solid rgba(124,154,255,.12);border-radius:50%;box-shadow:0 0 0 110px rgba(124,154,255,.025),0 0 0 220px rgba(124,154,255,.015)}.vision-shell{position:relative;z-index:2;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(320px,.76fr) minmax(570px,1.24fr);align-items:start;gap:75px}.vision-heading .section-label{color:#87a5ff}.vision-heading h2{margin:0;font-size:clamp(38px,4vw,54px);line-height:1.16;letter-spacing:-.06em}.vision-heading>p{max-width:500px;margin:23px 0 0;color:#a8b0bd;font-size:14px;line-height:1.86}.vision-principle{margin-top:31px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #333b49;border-radius:13px;background:#1c222c;color:#dbe0e7;font-size:9px;font-weight:800}.vision-principle i{color:#6d7787;font-style:normal}.vision-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:13px}.vision-card{min-height:325px;padding:22px;display:flex;flex-direction:column;border:1px solid #343c49;border-radius:19px;background:#1c222c}.vision-card-now{background:#fff;color:#151922}.vision-card-future{grid-column:1/-1;min-height:235px;background:rgba(255,255,255,.035)}.vision-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vision-card-head>span{color:#7799ff;font:700 9px "DM Sans",sans-serif;letter-spacing:.14em}.vision-card-now .vision-card-head>span{color:#4778ff}.vision-card-head em{padding:5px 7px;border-radius:6px;background:#27303e;color:#b1bac8;font-size:7px;font-style:normal;font-weight:800}.vision-card-now .vision-card-head em{background:#e7f7ef;color:#277a5d}.vision-card-next .vision-card-head em{background:#2a3550;color:#9ab1f7}.vision-card h3{margin:18px 0 8px;font-size:21px;letter-spacing:-.04em}.vision-card p{margin:0;color:#919ba9;font-size:11px;line-height:1.72}.vision-card-now p{color:#737b87}.vision-card-icon{width:62px;height:62px;margin-top:23px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-radius:17px;background:#eef3ff}.vision-shop i{width:10px;border-radius:3px 3px 1px 1px;background:#4d7cff}.vision-shop i:nth-child(1){height:25px}.vision-shop i:nth-child(2){height:36px}.vision-shop i:nth-child(3){height:30px}.vision-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:18px}.vision-tags span{padding:5px 7px;border:1px solid #394250;border-radius:6px;color:#aeb7c5;font-size:7px;font-weight:700}.vision-card-now .vision-tags span{border-color:#e0e5ec;color:#6d7580}.review-mini{margin-top:18px;padding:12px;border:1px solid #394455;border-radius:13px;background:#222a36}.review-mini>div{display:flex;align-items:center;gap:8px}.review-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e9f8f1;color:#247c5b;font-size:8px;font-weight:800}.review-mini>div>span:last-child{display:flex;flex-direction:column}.review-mini b{color:#ffd664;font-size:8px;letter-spacing:.06em}.review-mini small{color:#ccd2db;font-size:7px}.review-mini p{margin:10px 0 0;padding:9px;border-radius:8px;background:#2a3340;color:#b8c0cc;font-size:7px;line-height:1.55}.review-mini p i{margin-right:5px;color:#80a0ff;font-style:normal}.future-channels{margin:21px 0 2px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.future-channels span{height:48px;display:grid;place-items:center;border:1px solid #353f4d;border-radius:11px;background:#202731;color:#c5ccd6;font-size:8px;font-weight:800}.vision-disclaimer{position:relative;z-index:2;width:min(1180px,100%);margin:34px auto 0;padding-top:20px;border-top:1px solid #313945;color:#7f8997;text-align:center;font-size:9px;line-height:1.7}
.ai-section{position:relative;z-index:2;margin:110px 24px 0;padding:125px 24px;overflow:hidden;border-radius:30px;background:#12151c;color:#fff}.ai-section::before{content:"";position:absolute;top:-320px;right:-210px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(71,120,255,.3),transparent 68%)}.ai-section::after{content:"";position:absolute;bottom:-390px;left:-230px;width:720px;height:720px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.ai-shell{position:relative;z-index:2;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:90px}.ai-copy .section-label{color:#86a5ff}.ai-copy h2{margin:0;font-size:clamp(38px,4vw,52px);line-height:1.15;letter-spacing:-.06em}.ai-copy h2 .nowrap{white-space:nowrap}.ai-copy>p{max-width:590px;margin:23px 0 0;color:#aeb6c4;font-size:15px;line-height:1.85}.ai-benefits{margin-top:38px;border-top:1px solid #343a46}.ai-benefits>div{display:grid;grid-template-columns:30px 150px 1fr;align-items:start;gap:14px;padding:18px 0;border-bottom:1px solid #343a46}.ai-benefits span{padding-top:3px;color:#7f8a9c;font:600 10px "DM Sans",sans-serif}.ai-benefits strong{font-size:13px}.ai-benefits p{margin:0;color:#939caa;font-size:12px;line-height:1.65}.ai-copy .ai-cost-note{display:flex;align-items:center;gap:13px;margin-top:24px;padding:13px 15px;border:1px solid #354568;border-radius:12px;background:rgba(61,96,178,.13);line-height:1.45}.ai-cost-note b{flex:0 0 auto;color:#a9bfff;font-size:12px}.ai-cost-note span{color:#8f98a7;font-size:10px}.ai-visual{position:relative}.ai-window{padding:18px;border:1px solid #343b49;border-radius:22px;background:#1b202a;box-shadow:0 38px 90px rgba(0,0,0,.3)}.ai-window-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 18px}.ai-window-top>div{display:flex;align-items:center;gap:8px;font-size:13px}.ai-window-top .mini-mark{width:25px;height:25px}.ai-online{display:flex;align-items:center;gap:6px;color:#aab2bf;font-size:9px;font-weight:700}.ai-online i{width:7px;height:7px;border-radius:50%;background:#56daa7;box-shadow:0 0 0 4px rgba(86,218,167,.1)}.ai-context-card{padding:18px;border:1px solid #343b48;border-radius:15px;background:#242a35}.ai-context-card span,.ai-context-card strong,.ai-context-card small{display:block}.ai-context-card span{color:#88a7ff;font-size:9px;font-weight:800}.ai-context-card strong{margin:8px 0 7px;font-size:14px}.ai-context-card small{color:#858f9f;font-size:10px}.ai-thinking{margin:12px 0;padding:13px 15px;display:flex;align-items:center;gap:11px;border-radius:13px;background:#202630}.ai-thinking>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#293a66;color:#94afff}.ai-thinking>div{min-width:0;display:flex;flex:1;flex-direction:column}.ai-thinking b{font-size:11px}.ai-thinking small{margin-top:2px;color:#8993a2;font-size:9px}.ai-thinking em{color:#67d4aa;font-size:9px;font-style:normal;font-weight:800}.ai-draft-card{padding:18px;border:1px solid #4260a7;border-radius:16px;background:#202a40}.ai-draft-head{display:flex;align-items:center;justify-content:space-between}.ai-draft-head span{color:#91adff;font-size:10px;font-weight:800}.ai-draft-head b{padding:4px 7px;border-radius:6px;background:#f4e7bb;color:#765300;font-size:8px}.ai-draft-card p{margin:14px 0 18px;color:#e8ebf0;font-size:12px;line-height:1.75}.ai-draft-actions{display:flex;justify-content:flex-end;gap:7px}.ai-draft-actions>span{height:34px;padding:0 13px;display:flex;align-items:center;border:1px solid #49566f;border-radius:8px;color:#aab3c1;font-size:9px;font-weight:800}.ai-draft-actions>span:last-child{border-color:#fff;background:#fff;color:#151923}.ai-draft-actions i{margin-left:5px;font-style:normal}.ai-privacy-card{position:absolute;right:-30px;bottom:-54px;display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(32,38,48,.94);box-shadow:0 18px 40px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.ai-privacy-card>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#203d34;color:#6ce0b1;font-size:12px}.ai-privacy-card div{display:flex;flex-direction:column}.ai-privacy-card strong{font-size:10px}.ai-privacy-card small{margin-top:2px;color:#8993a2;font-size:8px}
.mobile-section{position:relative;margin-top:110px;padding:140px 24px;background:var(--cream);overflow:hidden}.mobile-shell{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.phone-stage{position:relative;min-height:650px}.phone-halo{position:absolute;width:540px;height:540px;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.7) 45%,transparent 70%);transform:translate(-50%,-50%)}
.phone-frame{position:absolute;z-index:2;left:50%;top:50%;width:295px;height:610px;padding:10px;overflow:hidden;border:8px solid #171a20;border-radius:46px;background:#171a20;box-shadow:0 38px 80px rgba(48,42,28,.22);transform:translate(-50%,-50%) rotate(-2deg)}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:31px}.phone-speaker{position:absolute;z-index:3;top:14px;left:50%;width:72px;height:20px;border-radius:20px;background:#171a20;transform:translateX(-50%)}
.mobile-note{position:absolute;z-index:4;padding:11px 14px;border:1px solid rgba(35,39,45,.09);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(47,41,29,.1);color:#858076;font-size:10px;line-height:1.45;backdrop-filter:blur(10px)}.mobile-note b{color:#2e302f;font-size:11px}.note-one{left:7%;top:21%}.note-two{right:2%;bottom:20%}
.mobile-copy p{max-width:475px}.mobile-specs{margin-top:34px;border-top:1px solid #dcd6c9}.mobile-specs div{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #dcd6c9}.mobile-specs strong{color:#aaa294;font:600 10px "DM Sans",sans-serif}.mobile-specs span{font-size:14px;font-weight:700}
.download-section{position:relative;margin:110px 24px 0;padding:120px 24px 42px;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#eef3ff 0%,#f8faff 54%,#edf9f4 100%)}.download-section::before{content:"";position:absolute;top:-260px;right:-150px;width:620px;height:620px;border:1px solid rgba(71,120,255,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(71,120,255,.035),0 0 0 180px rgba(71,120,255,.025)}.download-shell{position:relative;z-index:2;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(310px,.72fr) minmax(560px,1.28fr);align-items:center;gap:70px}.download-heading h2{margin:0;font-size:clamp(38px,4vw,54px);line-height:1.16;letter-spacing:-.06em}.download-heading>p{max-width:500px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.8}.download-assurance{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:28px}.download-assurance span{display:flex;align-items:center;gap:6px;color:#59616e;font-size:11px;font-weight:700}.download-assurance i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#dff5e9;color:#157852;font-style:normal;font-size:9px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.download-card{min-height:365px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(37,54,91,.13);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 24px 60px rgba(43,60,95,.1);backdrop-filter:blur(14px);transition:border-color .2s,box-shadow .2s,transform .2s}.download-card:hover{transform:translateY(-4px);border-color:rgba(71,120,255,.3);box-shadow:0 30px 70px rgba(43,60,95,.15)}.platform-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.platform-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#151922;color:#fff;box-shadow:0 13px 28px rgba(18,21,28,.2)}.platform-icon-mac{font:600 28px/1 "DM Sans",sans-serif}.platform-icon-windows{padding:17px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}.platform-icon-windows i{width:100%;height:100%;display:block;background:#fff}.recommended-badge{display:none;padding:6px 9px;border-radius:999px;background:#e6edff;color:#315fcf;font-size:9px;font-weight:800}.download-card.recommended{border-color:rgba(71,120,255,.38);box-shadow:0 30px 70px rgba(56,84,151,.16)}.download-card.recommended .recommended-badge{display:block}.download-card>div:nth-child(2)>small{color:#718dcc;font:700 9px "DM Sans",sans-serif;letter-spacing:.13em}.download-card h3{margin:7px 0 8px;font-size:23px;letter-spacing:-.045em}.download-card p{margin:0;color:#737b87;font-size:12px;line-height:1.7}.download-button{margin-top:28px;padding:13px 14px 13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:13px;background:var(--ink);color:#fff;transition:background .2s,transform .2s}.download-button:hover{background:var(--blue);transform:translateY(-2px)}.download-button span{display:flex;flex-direction:column}.download-button b{font-size:12px}.download-button small{margin-top:1px;color:#aeb5c1;font-size:8px}.download-button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.12);font-style:normal}.download-note{position:relative;z-index:2;width:min(1180px,100%);margin:35px auto 0;padding-top:22px;border-top:1px solid rgba(46,61,92,.12);color:#7c8490;text-align:center;font-size:10px}.download-note b{color:#535b68}
.faq-section{display:grid;grid-template-columns:.38fr .62fr;gap:70px;padding-top:140px;padding-bottom:150px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:23px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#9ca2ab;font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:-5px 40px 22px 4px;color:var(--muted);font-size:13px;line-height:1.75}
.final-cta{position:relative;margin:0 24px;padding:125px 30px;overflow:hidden;border-radius:30px;background:var(--ink);color:#fff;text-align:center}.final-cta-inner{position:relative;z-index:2}.cta-mark{width:54px;height:54px;margin:0 auto 25px;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.final-cta h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.15;letter-spacing:-.06em}.final-cta p{margin:20px 0 31px;color:#aeb5c1;font-size:15px}.final-cta .button{min-width:220px}.cta-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.cta-orbit-one{width:640px;height:640px;left:-220px;top:-300px}.cta-orbit-two{width:520px;height:520px;right:-180px;bottom:-300px}
.site-footer{width:min(1180px,calc(100% - 48px));margin:auto;padding:55px 0 48px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:35px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand div{display:flex;flex-direction:column}.footer-brand b{font-size:16px}.footer-brand small{color:#8a9099;font-size:10px}.footer-links{display:flex;gap:24px;color:#666d78;font-size:12px;font-weight:600}.copyright{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);color:#a1a6ae;font-size:10px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay,.reveal-delay-one{transition-delay:.1s}.reveal-delay-two{transition-delay:.2s}
@media(max-width:1100px){.hero{grid-template-columns:.9fr 1.1fr;gap:30px}.hero-visual{height:560px}.product-window{right:-90px}.floating-team{right:-35px}.channel-ribbon{width:calc(100% - 48px)}.channel-list{gap:18px}.channel-list .channel-next{display:none}.demo-section{gap:35px}.ai-shell{gap:45px}.mobile-shell{gap:45px}}
@media(max-width:860px){.desktop-nav,.text-link{display:none}.menu-button{display:block}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:99;top:75px;left:0;right:0;padding:18px 24px 28px;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 22px 45px rgba(20,25,35,.09);transform:translateY(-130%);transition:transform .24s,visibility .24s;backdrop-filter:blur(18px)}.mobile-menu.open{transform:none;visibility:visible;pointer-events:auto}.mobile-menu a{padding:13px 4px;font-weight:700}.hero{min-height:auto;padding-top:125px;grid-template-columns:1fr}.hero-copy{max-width:650px}.hero-visual{height:570px}.product-window{right:-110px}.channel-ribbon{margin-top:20px;flex-direction:column;align-items:flex-start;gap:20px}.ribbon-label{padding:0;border:0}.channel-list{width:100%;flex-wrap:wrap;justify-content:flex-start}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:430px}.workflow-list{gap:75px}.workflow-list>li,.workflow-list>li:nth-child(even){grid-template-columns:1fr;gap:30px}.workflow-list>li .workflow-step-copy,.workflow-list>li:nth-child(even) .workflow-step-copy{order:1}.workflow-list>li .workflow-screen,.workflow-list>li:nth-child(even) .workflow-screen{order:2}.workflow-list h3{font-size:27px}.demo-section,.faq-section{grid-template-columns:1fr}.demo-stage{order:-1}.bento-grid{grid-template-columns:1fr}.ai-shell{grid-template-columns:1fr;gap:65px}.ai-visual{max-width:650px}.mobile-shell{grid-template-columns:1fr}.mobile-copy{order:-1}.phone-stage{min-height:640px}.download-shell{grid-template-columns:1fr;gap:45px}.download-heading>p{max-width:650px}.download-options{max-width:700px}.faq-section{gap:10px}.section-heading{margin-bottom:35px}}
@media(max-width:580px){:root{scroll-padding-top:72px}.page-glow{display:none}.site-header{height:66px}.nav-shell{width:calc(100% - 28px)}.brand-mark{width:31px;height:31px;border-radius:9px}.brand-name{font-size:17px}.button-small{display:none}.mobile-menu{top:65px}.hero{width:calc(100% - 32px);padding:110px 0 45px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.desktop-only{display:none}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{flex-wrap:wrap;gap:10px 14px}.hero-visual{height:390px;margin-top:15px;overflow:hidden}.product-window{left:9px;right:-180px;top:48px;border-radius:12px;transform:perspective(1200px) rotateY(-7deg)}.window-bar{height:37px}.product-window img{height:300px}.floating-inquiry{left:-4px;top:5px;width:205px;padding:12px}.floating-inquiry strong{font-size:11px}.floating-team{right:-8px;bottom:6px;width:218px;padding:10px}.orbit-one{width:360px;height:360px;right:-100px}.orbit-two{width:260px;height:260px;right:-45px}.channel-ribbon{width:calc(100% - 32px);margin:15px auto 70px;padding:20px}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.channel-list>span{font-size:11px}.section{width:calc(100% - 32px);padding:80px 0}.section-heading h2,.demo-copy h2,.mobile-copy h2,.download-heading h2{font-size:35px}.section-heading p,.demo-copy>p,.mobile-copy>p{font-size:14px}.problem-card{padding:22px}.workflow-section{margin-top:60px;padding:85px 16px}.workflow-list{margin-top:60px}.demo-section{gap:28px}.stage-screen{height:285px}.demo-copy{padding:0}.demo-tabs{overflow:auto}.demo-tab{min-width:84px}.bento-card,.bento-large{min-height:410px;padding:25px}.bento-copy h3{font-size:25px}.inbox-mock{left:20px;right:20px}.handoff-card{left:25px;right:25px}.order-mock,.draft-mock{left:25px;right:25px}.ai-section{margin:55px 12px 0;padding:80px 16px;border-radius:22px}.ai-shell{gap:48px}.ai-copy h2{font-size:36px}.ai-copy h2 .nowrap{white-space:normal}.ai-copy>p{font-size:14px}.ai-benefits>div{grid-template-columns:26px 1fr;gap:8px 10px}.ai-benefits p{grid-column:2}.ai-copy .ai-cost-note{align-items:flex-start;flex-direction:column;gap:4px}.ai-window{padding:12px;border-radius:17px}.ai-window-top{align-items:flex-start;flex-direction:column}.ai-context-card,.ai-draft-card{padding:14px}.ai-context-card strong{font-size:12px}.ai-thinking{padding:11px}.ai-thinking small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-draft-card p{font-size:11px}.ai-privacy-card{position:relative;right:auto;bottom:auto;margin:12px 4px 0}.mobile-section{margin-top:55px;padding:85px 16px}.mobile-shell{gap:35px}.phone-stage{min-height:570px}.phone-frame{width:252px;height:530px;border-width:7px;border-radius:40px}.phone-frame img{border-radius:27px}.phone-halo{width:410px;height:410px}.mobile-note{font-size:8px}.note-one{left:0}.note-two{right:0}.download-section{margin:55px 12px 0;padding:80px 16px 26px;border-radius:22px}.download-shell{gap:34px}.download-heading>p{font-size:14px}.download-options{grid-template-columns:1fr}.download-card{min-height:320px;padding:22px}.download-note{margin-top:25px;text-align:left;line-height:1.7}.faq-section{padding-bottom:100px}.final-cta{margin:0 12px;padding:90px 20px;border-radius:22px}.final-cta h2{font-size:39px}.site-footer{width:calc(100% - 32px);grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}}
@media(max-width:860px){.demo-copy{grid-template-columns:1fr;gap:28px}.demo-intro>p{max-width:660px}.scene-label-team{left:9%}.scene-label-customer{left:55%}}
@media(max-width:580px){.demo-section{width:calc(100% - 24px)}.demo-copy{gap:22px;margin-bottom:24px}.demo-intro>p{font-size:14px}.stage-top b{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-screen{height:330px;aspect-ratio:auto}.demo-image-workspace{width:190%;max-width:none;height:100%;object-fit:cover;object-position:top center;transform:translateX(-24%)}.demo-image-workspace.active{transform:translateX(-24%)}.scene-label{top:12px;padding:6px 8px;font-size:9px}.scene-label b{width:17px;height:17px;font-size:8px}.scene-label-team{left:4%}.scene-label-customer{left:auto;right:4%}}
@media(max-width:1100px){.setup-section{padding:92px 30px}.setup-shell{grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:40px}}
@media(max-width:860px){.setup-section{padding:90px 40px}.setup-shell{grid-template-columns:1fr;gap:52px}.setup-copy>p{max-width:650px}.setup-visual{max-width:720px}.setup-float-card{right:14px}}
@media(max-width:580px){.setup-section{width:calc(100% - 24px);margin-bottom:0;padding:76px 16px 58px;border-radius:22px}.setup-copy h2{font-size:35px}.setup-copy>p{font-size:14px}.setup-steps li{grid-template-columns:30px 1fr}.setup-cta{width:100%}.setup-window{border-radius:16px}.setup-window-top{height:48px;padding:0 12px}.setup-window-top>div{font-size:9px}.setup-window-top>span{font-size:7px}.setup-progress{height:58px;padding:0 12px}.setup-progress>span{font-size:7px}.setup-progress>span i{width:19px;height:19px}.setup-progress>b{margin:0 5px}.setup-workspace{grid-template-columns:1fr;min-height:auto}.setup-form{padding:17px 14px;border-right:0;border-bottom:1px solid #e7eaf0}.setup-channel{padding:10px}.setup-channel b{font-size:9px}.setup-upload button,.setup-code button{font-size:7px}.setup-preview{padding:17px 14px 27px}.storefront-mini-hero{height:125px}.storefront-mini-products i{height:54px}.widget-mini{width:160px}.setup-float-card{position:relative;right:auto;bottom:auto;margin:12px 5px 0}.setup-float-card b{font-size:9px}.setup-float-card small{font-size:7px}}
@media(max-width:1100px){.vision-shell{grid-template-columns:minmax(280px,.68fr) minmax(520px,1.32fr);gap:42px}}
@media(max-width:860px){.vision-section{padding:95px 40px 38px}.vision-shell{grid-template-columns:1fr;gap:52px}.vision-heading>p{max-width:680px}.vision-principle{max-width:520px}.vision-roadmap{max-width:720px}}
@media(max-width:580px){.vision-section{margin:55px 12px 0;padding:78px 16px 28px;border-radius:22px}.vision-heading h2{font-size:35px}.vision-heading>p{font-size:13px}.vision-principle{padding:12px 10px;gap:5px;font-size:7px}.vision-roadmap{grid-template-columns:1fr}.vision-card,.vision-card-future{grid-column:auto;min-height:300px;padding:20px}.vision-card-future{min-height:280px}.future-channels{grid-template-columns:1fr 1fr}.vision-disclaimer{text-align:left}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.demo-image,.site-header,.mobile-menu{transition:none}}