:root{--primary: #5645d4;--primary-pressed: #4534b3;--primary-deep: #3a2a99;--brand-navy: #0a1530;--brand-navy-deep: #070f24;--brand-navy-mid: #1a2a52;--link-blue: #0075de;--brand-orange: #dd5b00;--brand-pink: #ff64c8;--brand-teal: #2a9d99;--brand-green: #1aae39;--brand-yellow: #f5d75e;--card-peach: #ffe8d4;--card-rose: #fde0ec;--card-mint: #d9f3e1;--card-lavender: #e6e0f5;--card-sky: #dcecfa;--card-yellow: #fef7d6;--canvas: #ffffff;--surface: #f6f5f4;--surface-soft: #fafaf9;--hairline: #e5e3df;--hairline-strong: #c8c4be;--ink: #1a1a1a;--charcoal: #37352f;--slate: #5d5b54;--steel: #787671;--stone: #a4a097;--on-dark: #ffffff;--on-dark-muted: #c9c4bd;--shadow-soft: 0 28px 70px rgba(10, 21, 48, .16);--shadow-card: 0 18px 45px rgba(10, 21, 48, .12);font-family:Noto Sans SC,Inter,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--surface-soft)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 10%,rgba(86,69,212,.08),transparent 32%),linear-gradient(180deg,#fafaf9,#f6f5f4)}body,button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{color:#fff;background:#5645d4d1}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:16px 0;color:var(--charcoal)}.site-header:before{position:fixed;inset:0 0 auto;z-index:-1;height:74px;background:#fafaf9c7;border-bottom:1px solid rgba(229,227,223,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);content:""}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand__logo{width:40px;height:40px;border-radius:12px;box-shadow:0 12px 26px #0a15302e}.brand strong,.brand small{display:block}.brand strong{font-size:17px;font-weight:700;letter-spacing:-.2px}.brand small{margin-top:1px;color:var(--steel);font-size:12px}.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;color:var(--slate);font-size:14px;font-weight:520}.nav-links a,.site-footer a{transition:color .2s ease}.nav-links a:hover,.site-footer a:hover{color:var(--primary)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:max-content;padding:10px 16px;color:#fff;background:var(--ink);border-radius:8px;font-size:14px;font-weight:650;box-shadow:0 14px 30px #00000024;transition:transform .2s ease,background-color .2s ease}.header-cta:hover{background:var(--primary);transform:translateY(-1px)}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.86fr);gap:56px;align-items:center;width:min(1180px,calc(100% - 40px));margin:14px auto 0;padding:92px 64px 74px;overflow:hidden;color:var(--on-dark);background:radial-gradient(circle at 18% 22%,rgba(123,63,242,.35),transparent 28%),radial-gradient(circle at 80% 12%,rgba(42,157,153,.22),transparent 26%),linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-navy-deep) 100%);border-radius:28px;box-shadow:0 34px 90px #070f2459}.hero-section:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,transparent 82%);content:""}.hero-grid-dot{position:absolute;z-index:1;width:14px;height:14px;border-radius:4px;transform:rotate(10deg)}.hero-grid-dot--pink{top:54px;right:30%;background:var(--brand-pink)}.hero-grid-dot--yellow{top:146px;left:34px;background:var(--brand-yellow)}.hero-grid-dot--teal{right:44px;bottom:142px;background:var(--brand-teal)}.hero-mesh{position:absolute;right:-92px;bottom:-120px;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:repeating-radial-gradient(circle,transparent 0 21px,rgba(255,255,255,.1) 22px 23px),repeating-linear-gradient(45deg,transparent 0 26px,rgba(255,255,255,.06) 27px 28px);opacity:.72}.hero-content,.product-card{position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:var(--brand-yellow);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow--dark{color:var(--primary)}.hero-content h1{max-width:760px;margin:0;font-size:clamp(46px,7vw,78px);font-weight:760;line-height:1.05;letter-spacing:-2.2px}.hero-description{max-width:640px;margin:26px 0 0;color:#ffffffc7;font-size:19px;line-height:1.7}.hero-actions,.final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:720;line-height:1.3;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button--primary{color:var(--on-dark);background:var(--primary);box-shadow:0 16px 32px #5645d452}.button--primary:hover{background:var(--primary-pressed)}.button--secondary,.button--secondary-dark{background:transparent;border:1px solid var(--hairline-strong)}.button--secondary{color:var(--charcoal)}.button--secondary-dark{color:var(--on-dark);border-color:#ffffff57}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-metrics span{padding:7px 10px;color:#ffffffd1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:13px}.product-card{padding:18px;color:var(--charcoal);background:#fffffff5;border:1px solid rgba(255,255,255,.56);border-radius:20px;box-shadow:0 30px 70px #00000052}.mock-window-bar{display:flex;gap:7px;margin-bottom:16px}.mock-window-bar span{width:10px;height:10px;border-radius:50%;background:var(--hairline-strong)}.mock-window-bar span:nth-child(1){background:#ff6b6b}.mock-window-bar span:nth-child(2){background:#ffd166}.mock-window-bar span:nth-child(3){background:#2a9d99}.mock-header,.mock-summary,.asset-row,.spend-line,.site-footer{display:flex;align-items:center;justify-content:space-between}.mock-header{gap:16px}.mock-kicker{margin:0 0 4px;color:var(--steel);font-size:13px;font-weight:650}.mock-header strong{font-size:34px;letter-spacing:-1px}.mock-header button{min-width:max-content;padding:9px 12px;color:#fff;background:var(--primary);border-radius:8px;font-size:13px;font-weight:700}.mock-summary{gap:10px;margin:18px 0}.mock-summary article{flex:1;padding:13px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px}.mock-summary span,.asset-row span{display:block;color:var(--steel);font-size:12px}.mock-summary strong{display:block;margin-top:7px;font-size:18px}.mock-list{display:grid;gap:10px}.asset-row{gap:12px;padding:13px;background:#fff;border:1px solid var(--hairline);border-radius:12px}.asset-row--active{background:var(--card-lavender);border-color:#d6b6f6}.asset-row>div:nth-child(2){flex:1;min-width:0}.asset-row strong{display:block;margin-bottom:4px;font-size:14px}.asset-row b{font-size:15px}.sub-icon{display:grid;place-items:center;width:38px;height:38px;color:#fff;border-radius:10px;font-size:13px;font-weight:800}.sub-icon--purple{background:var(--primary)}.sub-icon--green{background:var(--brand-teal)}.sub-icon--orange{background:var(--brand-orange)}.mock-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.mock-calendar span{display:grid;place-items:center;min-height:38px;color:var(--slate);background:var(--surface-soft);border-radius:10px;font-size:13px;font-weight:700}.mock-calendar .is-marked{color:#fff;background:var(--brand-teal)}.mock-calendar .is-purple{background:var(--primary)}.mock-calendar .is-orange{background:var(--brand-orange)}.intro-section,.section,.final-cta,.site-footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.intro-section{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-top:18px}.intro-card{min-height:150px;padding:24px;background:var(--canvas);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 10px 34px #0a15300f}.intro-card--strong{background:var(--card-yellow)}.intro-number{display:inline-block;margin-bottom:18px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.16em}.intro-card h2,.intro-card p{margin:0}.intro-card h2{max-width:520px;font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.6px}.intro-card p{color:var(--slate);font-size:16px;line-height:1.75}.section{padding:90px 0 0}.section--soft{margin-top:16px}.section-heading{max-width:720px;margin:0 auto 34px;text-align:center}.section-heading--left{margin-inline:0;text-align:left}.section-heading h2,.insight-copy h2,.final-cta h2{margin:0;color:var(--charcoal);font-size:clamp(34px,4vw,56px);font-weight:760;line-height:1.1;letter-spacing:-1.2px}.section-heading p:not(.eyebrow),.insight-copy p{margin:16px 0 0;color:var(--slate);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{min-height:260px;padding:28px;border:1px solid rgba(55,53,47,.08);border-radius:14px;box-shadow:0 18px 36px #0a153014;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.feature-card span{display:inline-flex;margin-bottom:38px;padding:6px 9px;color:var(--charcoal);background:#ffffff94;border:1px solid rgba(55,53,47,.08);border-radius:999px;font-size:12px;font-weight:800}.feature-card h3{margin:0;color:var(--charcoal);font-size:24px;line-height:1.25;letter-spacing:-.4px}.feature-card p{margin:13px 0 0;color:#37352fc2;font-size:15px;line-height:1.72}.feature-card--peach{background:var(--card-peach)}.feature-card--rose{background:var(--card-rose)}.feature-card--mint{background:var(--card-mint)}.feature-card--lavender{background:var(--card-lavender)}.feature-card--sky{background:var(--card-sky)}.feature-card--yellow{background:var(--card-yellow)}.workflow-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:start}.workflow-grid{display:grid;gap:14px}.workflow-card{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px;background:var(--canvas);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 14px 30px #0a15300f}.workflow-card span{display:grid;place-items:center;width:50px;height:50px;color:#fff;background:var(--brand-navy);border-radius:12px;font-weight:800}.workflow-card h3,.workflow-card p{margin:0}.workflow-card h3{font-size:20px;letter-spacing:-.2px}.workflow-card p{margin-top:8px;color:var(--slate);line-height:1.7}.insight-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);gap:52px;align-items:center}.insight-copy .button{margin-top:26px}.insight-panel{padding:28px;background:var(--canvas);border:1px solid var(--hairline);border-radius:18px;box-shadow:var(--shadow-soft)}.spend-line{margin-top:18px;color:var(--charcoal);font-weight:720}.spend-line:first-child{margin-top:0}.spend-line span{color:var(--slate);font-size:14px}.bar{height:12px;margin-top:10px;overflow:hidden;background:var(--surface);border-radius:999px}.bar i{display:block;height:100%;background:var(--brand-orange);border-radius:inherit}.bar .bar-purple{background:var(--primary)}.bar .bar-teal{background:var(--brand-teal)}.insight-note{margin-top:24px;padding:18px;background:var(--card-yellow);border:1px solid rgba(82,52,16,.08);border-radius:14px}.insight-note strong,.insight-note span{display:block}.insight-note span{margin-top:6px;color:var(--slate);font-size:14px;line-height:1.65}.faq-section{padding-bottom:92px}.faq-list{max-width:820px;margin:0 auto}.faq-list details{padding:0;background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 12px 26px #0a15300d}.faq-list details+details{margin-top:12px}.faq-list summary{cursor:pointer;padding:20px 22px;color:var(--charcoal);font-size:17px;font-weight:720;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{float:right;color:var(--steel);content:"+"}.faq-list details[open] summary:after{content:"-"}.faq-list p{margin:0;padding:0 22px 22px;color:var(--slate);line-height:1.75}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:52px;color:#fff;background:radial-gradient(circle at 18% 18%,rgba(255,100,200,.16),transparent 28%),linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-navy-mid) 100%);border-radius:22px;box-shadow:var(--shadow-soft)}.final-cta h2{max-width:760px;color:#fff;font-size:clamp(30px,4vw,48px)}.final-actions{justify-content:flex-end;min-width:max-content;margin-top:0}.site-footer{gap:24px;padding:42px 0;color:var(--slate);font-size:14px}.site-footer strong{color:var(--charcoal);font-size:16px}.site-footer p{margin:6px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}@media (max-width: 980px){.site-header{width:min(100% - 28px,720px)}.nav-links{display:none}.hero-section,.workflow-section,.insight-section{grid-template-columns:1fr}.hero-section,.intro-section,.section,.final-cta,.site-footer{width:min(100% - 28px,720px)}.hero-section{gap:34px;padding:64px 24px 28px}.product-card{max-width:560px}.intro-section,.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card span{margin-bottom:24px}.insight-section{gap:30px}.final-cta{align-items:flex-start;flex-direction:column;padding:36px 24px}.final-actions{justify-content:flex-start;min-width:0}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{justify-content:flex-start}}@media (max-width: 560px){.site-header{padding:12px 0}.header-cta{padding:9px 12px;font-size:13px}.brand small{display:none}.hero-section{margin-top:6px;padding:48px 18px 20px;border-radius:20px}.hero-content h1{font-size:42px;letter-spacing:-1.4px}.hero-description,.section-heading p:not(.eyebrow),.insight-copy p{font-size:16px}.button{width:100%}.mock-header{align-items:flex-start;flex-direction:column}.mock-summary{flex-direction:column}.mock-summary article{width:100%}.asset-row{align-items:flex-start}.asset-row b{margin-top:7px}.mock-calendar{gap:6px}.mock-calendar span{min-height:32px}.intro-card,.feature-card,.workflow-card,.insight-panel{padding:20px}.section{padding-top:68px}.workflow-card{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
