:root{color:#151723;font-synthesis:none;text-rendering:optimizelegibility;--ink:#151723;--muted:#66697a;--line:#e4e5ed;--surface:#fff;--accent:#5657e6;--accent-dark:#3d3eb9;background:#f7f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:#f7f7fb;margin:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;gap:28px;width:min(1180px,100% - 40px);height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:760;display:inline-flex}.brand svg{width:34px;height:34px;color:var(--accent);flex:none}.site-header nav{color:var(--muted);gap:28px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover,footer a:hover{color:var(--accent)}.header-action{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 15px;font-size:14px;font-weight:700;box-shadow:0 3px 12px #1a1b370a}.language-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;flex:none;padding:9px 12px;font-size:13px;font-weight:700}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:630px;margin:58px auto 0;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(48px,6.2vw,78px);font-weight:790;line-height:.99}.hero-lead{max-width:600px;color:var(--muted);margin:28px 0 0;font-size:19px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 21px;font-size:15px;font-weight:760;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--accent);box-shadow:0 12px 30px #5657e63d}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border:1px solid var(--line);background:#fff}.button.light{color:var(--ink);background:#fff}.hero-note{color:#898b9a;margin:20px 0 0;font-size:13px}.product-frame{background:linear-gradient(150deg,#ffffffeb,#eff0fae6);border:1px solid #fffc;border-radius:28px;padding:11px;transform:rotate(1deg);box-shadow:0 35px 80px #1f224e29}.frame-bar{align-items:center;gap:6px;height:39px;padding:0 10px;display:flex}.frame-bar span{background:#d5d7e2;border-radius:50%;width:8px;height:8px}.frame-content{background:#fff;border:1px solid #e7e8ef;border-radius:20px;padding:24px}.frame-heading,.variant-card,.source-card,.frame-footer{align-items:center;display:flex}.frame-heading{justify-content:space-between;margin-bottom:22px}.frame-heading div,.source-card div,.variant-card div{gap:4px;display:grid}.frame-heading small,.source-card small{color:#888b9a;font-size:11px}.frame-heading strong{letter-spacing:-.03em;font-size:20px}.status{color:#16835d;background:#eaf8f2;border-radius:100px;padding:6px 9px;font-size:11px;font-weight:750}.source-card{background:#f4f4fa;border-radius:16px;gap:13px;padding:13px}.source-card strong,.variant-card strong{font-size:13px}.source-card span,.variant-card span{color:#7b7e8e;font-size:11px}.media-icon{background:linear-gradient(145deg,#252844,#6468a4);border-radius:13px;place-items:center;width:50px;height:50px;display:grid;color:#fff!important;font-size:16px!important}.section-label{color:#797c8c;text-transform:uppercase;letter-spacing:.08em;margin:24px 0 10px;font-size:11px;font-weight:750}.variant-card{border-top:1px solid #ececf2;gap:12px;padding:13px 2px}.avatar{border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;color:#fff!important}.avatar.coral{background:#ef796d}.avatar.blue{background:#5c7fdc}.variant-card div{flex:1}.check{background:var(--accent);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid;color:#fff!important}.frame-footer{color:#737686;justify-content:space-between;margin-top:16px;padding:12px 0 0;font-size:11px}.frame-footer b{color:#fff;background:var(--accent);border-radius:10px;padding:11px 15px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 40px);margin:115px auto;display:grid}.principles article{padding:38px 34px 42px 0}.principles article+article{border-left:1px solid var(--line);padding-left:34px}.principles span{color:var(--accent);font-size:12px;font-weight:800}.principles h2{letter-spacing:-.025em;margin:28px 0 12px;font-size:20px}.principles p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.workflow{grid-template-columns:.85fr 1.15fr;align-items:start;gap:100px;width:min(1060px,100% - 40px);margin:0 auto 120px;display:grid}.workflow h2,.cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.08}.workflow ol{margin:0;padding:0;list-style:none}.workflow li{border-bottom:1px solid var(--line);gap:18px;padding:23px 0;display:flex}.workflow li>span{width:30px;height:30px;color:var(--accent);background:#ebeafd;border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.workflow li div{gap:7px;display:grid}.workflow li strong{font-size:16px}.workflow li p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cta{color:#fff;background:#17192c;border-radius:30px;justify-content:space-between;align-items:end;gap:60px;width:min(1180px,100% - 40px);margin:0 auto 42px;padding:62px;display:flex}.cta .eyebrow{color:#aeb0ff}.cta h2{max-width:720px}footer{color:#7e8190;align-items:center;gap:30px;width:min(1180px,100% - 40px);min-height:110px;margin:0 auto;font-size:12px;display:flex}.footer-brand{color:var(--ink);margin-right:auto}.footer-brand:before{content:"CM";color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}footer div{gap:20px;display:flex}.document-shell{width:min(780px,100% - 40px);min-height:calc(100vh - 186px);margin:75px auto 40px}.document-shell h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,68px)}.document-lead{color:var(--muted);margin:24px 0 50px;font-size:18px;line-height:1.75}.document-shell section{border-top:1px solid var(--line);margin:38px 0;padding-top:28px}.document-shell h2{margin:0 0 12px;font-size:20px}.document-shell section p{color:var(--muted);line-height:1.8}.download-shell{text-align:center;max-width:720px}.download-icon{color:#fff;background:var(--accent);border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 34px;font-size:35px;display:grid;box-shadow:0 16px 36px #5657e63d}.download-button{min-width:230px;margin:0 auto}.download-button[aria-disabled=true]{pointer-events:none;color:#8a8c99;box-shadow:none;background:#e5e6ed}.download-facts{text-align:left;border-top:1px solid var(--line);gap:0;margin-top:60px;display:grid}.download-facts div{border-bottom:1px solid var(--line);gap:6px;padding:22px 0;display:grid}.download-facts span{color:var(--muted);font-size:14px;line-height:1.6}.download-note{color:#858898;font-size:12px}.download-note a{color:var(--accent);text-decoration:underline}@media (max-width:820px){.site-header{width:min(100% - 28px,1180px);height:66px}.site-header nav{display:none}.brand span{font-size:14px}.header-action{padding:9px 12px}.hero{grid-template-columns:1fr;gap:54px;width:min(100% - 28px,620px);min-height:0;margin-top:42px}.hero h1{font-size:clamp(46px,14vw,68px)}.hero-lead{font-size:17px}.hero-actions{display:grid}.button{width:100%}.product-frame{border-radius:23px;transform:none}.frame-content{padding:18px}.principles{grid-template-columns:1fr;width:min(100% - 28px,620px);margin:80px auto}.principles article,.principles article+article{border-left:0;padding:28px 4px}.principles article+article{border-top:1px solid var(--line)}.workflow{grid-template-columns:1fr;gap:38px;width:min(100% - 28px,620px);margin-bottom:80px}.cta{border-radius:24px;width:calc(100% - 28px);margin-bottom:20px;padding:36px 26px;display:grid}.cta h2{font-size:36px}footer{flex-wrap:wrap;align-items:flex-start;width:calc(100% - 28px);min-height:0;padding:28px 0}.footer-brand{width:100%}.document-shell{width:calc(100% - 28px);margin-top:45px}}@media (max-width:620px){.site-header{gap:10px}.site-header .header-action{display:none}.language-toggle{margin-left:auto}}
