@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}}@layer base{:root{color:#20252c;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#20252c;--muted:#65707d;--accent:#315acc;--border:#e2e6ed;--surface:#fff;--page:#fafbfc;background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--page);color:var(--ink);line-height:1.65}body.dark{--ink:#f0f2e9;--muted:#a3ad9a;--accent:#c6f579;--border:#333c2f;--surface:#1a2117;--page:#121611;color-scheme:dark}body.paper{--ink:#2b2e2a;--muted:#686b60;--accent:#b44728;--border:#dcdccf;--surface:#fffdf7;--page:#f5f2e9}::selection{color:#141b11;background:#c6e7a0}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}h1,h2,h3{letter-spacing:-.04em;font-weight:600;line-height:1.15}p{text-wrap:pretty}details{border-bottom:1px solid var(--border)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer components{.container{width:min(1160px,100% - 96px);margin-inline:auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.button{border:1px solid var(--ink);background:var(--ink);color:var(--page);border-radius:8px;justify-content:center;align-items:center;gap:15px;padding:13px 23px;font-size:13px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00000010}.button.secondary{color:var(--ink);border-color:var(--border);background:0 0}.text-link{border-bottom:1px solid;align-items:center;gap:12px;padding-bottom:3px;font-size:13px;font-weight:500;display:inline-flex}.section-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:11px}.section-heading{font-size:clamp(30px,3.5vw,46px);line-height:1.35}.section-copy{color:var(--muted);max-width:510px;font-size:15px;line-height:1.9}.skip-link{z-index:100;background:var(--ink);color:var(--page);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}@media (width<=720px){.container{width:calc(100% - 40px)}.button{padding:12px 19px}}}:root{--blue:#5576bd;--blue-ink:#365daa;--blue-soft:#eaf0fd;--blue-line:#bccce8;--warm:#b36c42;--warm-ink:#9c5434;--warm-soft:#f8eee5;--warm-line:#ddc6b4;--panel-line:#dbe3f0}.hero{isolation:isolate;text-align:center;padding-top:66px;position:relative}.hero-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(#dce7fa7a,#0000 65%);position:absolute;inset:0 -30px 10%}.hero>.eyebrow{color:#5e708b;letter-spacing:.13em;justify-content:center}.hero h1,.guide-hero h1{text-wrap:balance}.hero h1{letter-spacing:-.055em;margin:23px 0 22px;font-size:clamp(38px,5.5vw,68px);font-weight:600;line-height:1.3}.hero h1:lang(en){max-width:880px;margin-inline:auto;font-size:clamp(40px,5.1vw,64px);line-height:1.15}.hero-accent{color:var(--blue);display:block}.hero-lead{color:#667487;text-wrap:balance;max-width:700px;margin:auto;font-size:16px;line-height:1.9}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-facts{color:#667487;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.hero-facts span{color:#9ca6b5}.hero-stage{width:92%;margin:auto;padding:44px 0 0}@media (prefers-reduced-motion:no-preference){.hero-enter{animation:hero-arrive .65s cubic-bezier(.2,.7,.25,1) var(--enter-delay,0s) backwards}}@keyframes hero-arrive{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@media (width<=950px){.hero-stage{width:100%}}@media (width<=650px){.hero{padding-top:42px}.hero h1{margin:20px 0;font-size:36px;line-height:1.35}.hero h1:lang(en){font-size:38px;line-height:1.15}.hero-lead{font-size:14px;line-height:1.9}.hero-stage{padding-top:30px}.hero-actions{gap:10px;margin-top:24px}.hero-facts{flex-direction:column;gap:4px;font-size:11px}.hero-facts>span{display:none}.hero-atmosphere{inset:0 0 10%}}.section{padding-block:84px;position:relative}.section.rule{border-top:1px solid var(--border)}.section.wash{background:linear-gradient(#f3f6fc,#fafbfc 90%);border-block:1px solid #e8edf5}.section-head{max-width:730px;margin:0 0 40px}.section-head .eyebrow{color:#5e708b}.section-head .section-heading{margin:14px 0 16px;font-size:clamp(28px,3.1vw,42px)}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .eyebrow{justify-content:center}.section-head.center .section-copy{margin-inline:auto}.section-head.split{grid-template-columns:1fr 1fr;align-items:last baseline;gap:60px;max-width:none;display:grid}.section-head.split .section-copy{justify-self:end;max-width:520px}.section-head .section-copy{max-width:640px}.section-head.warm .eyebrow,.section-head.warm .section-label{--accent:var(--warm);color:var(--warm-ink)}.section-more{margin-top:26px;font-size:14px}.section-more a,.link-inline{color:var(--blue-ink);text-underline-offset:4px;text-decoration:underline #a2b6d5}.warm .link-inline,.link-inline.warm{color:var(--warm-ink);text-decoration-color:var(--warm-line)}@media (width<=800px){.section{padding-block:64px}.section-head.split{gap:22px}.section-head.split .section-copy{justify-self:start}}@media (width<=600px){.section{padding-block:52px}.section-head.split{grid-template-columns:1fr}.section-head{margin-bottom:28px}}.duo{grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;display:grid}.duo.flip{grid-template-columns:.9fr 1.1fr}.duo.flip>:first-child{order:2}.duo-visual{justify-content:center;padding:28px 15px;display:flex}.duo-visual.glow{background:radial-gradient(#f1e9dc80,#0000 70%)}@media (width<=850px){.duo,.duo.flip{grid-template-columns:1fr;gap:34px}.duo.flip>:first-child{order:0}.duo-visual{padding:6px 0}}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--border);background:linear-gradient(150deg,#fff,#f8faff);border-radius:16px;flex-direction:column;min-width:0;padding:26px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.card:hover{border-color:var(--blue-line);transform:translateY(-3px);box-shadow:0 14px 32px #203c6510}.card.warm{background:linear-gradient(150deg,#fff,#fffaf5)}.card.warm:hover{border-color:var(--warm-line);box-shadow:0 14px 32px #6a482810}.card-top{letter-spacing:.06em;color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.num-pill{background:var(--blue-soft);min-width:32px;height:32px;color:var(--blue-ink);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 8px;font-size:12px;display:grid}.warm .num-pill{background:var(--warm-soft);color:var(--warm-ink)}.card h3{letter-spacing:-.03em;margin:22px 0 10px;font-size:21px;line-height:1.5}.card p{color:var(--muted);font-size:14px;line-height:1.85}.card-list{color:#55657c;gap:8px;margin:16px 0 0;padding:0;font-size:13px;line-height:1.7;list-style:none;display:grid}.card-list li{gap:9px;display:flex}.card-list li:before{content:"";background:var(--blue);border-radius:50%;flex:none;width:5px;height:5px;margin-top:.7em}.warm .card-list li:before{background:var(--warm)}.card p.card-links{color:var(--ink);flex-direction:column;gap:5px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:550;display:flex}.card-links a{color:var(--blue-ink)}.warm .card-links a{color:var(--warm-ink)}.card-links a:hover{text-underline-offset:4px;text-decoration:underline}.card-media{aspect-ratio:16/9.55;background:#f2f3f5;border:1px solid #e3e8f1;border-radius:11px;margin:-8px -8px 20px;overflow:hidden}.card-media img{object-fit:cover;object-position:0 0;width:100%;height:100%;transform:scale(var(--z,1));transform-origin:var(--ox,0) var(--oy,0)}.card-media[data-crop=connections]{--z:3;--ox:22.5%;--oy:43.5%}.card-media[data-crop=profiles]{--z:2.7;--ox:20.6%;--oy:92.1%}.card-media[data-crop=ai-usage]{--z:2.7;--ox:20.6%;--oy:60.3%}@media (width<=950px){.card-grid,.card-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.card-grid,.card-grid.cols-2,.card-grid.cols-4{grid-template-columns:1fr;gap:12px}.card{padding:22px}.card h3{margin-top:18px;font-size:20px}}.panel{border:1px solid var(--panel-line);background:linear-gradient(115deg,#eef3fc,#f8faff 65%);border-radius:20px;grid-template-columns:.65fr 1.35fr;align-items:center;gap:64px;padding:48px;display:grid}.panel-mark{letter-spacing:-1.3px;color:#273d62;font-size:32px;font-weight:650;line-height:1.2}.panel-mark small{letter-spacing:.13em;color:#657a99;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500;display:block}.panel h3{margin-bottom:14px;font-size:26px;line-height:1.45}.panel p{color:#54667e;font-size:14px;line-height:1.9}.panel a.link-inline{font-weight:550}@media (width<=850px){.panel{grid-template-columns:.6fr 1.4fr;gap:32px;padding:35px}.panel-mark{font-size:24px}}@media (width<=600px){.panel{border-radius:15px;grid-template-columns:1fr;gap:20px;padding:27px}.panel h3{font-size:22px}}.steps-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none;display:grid}.steps-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-row>li{border-top:1px solid #cfd8e6;padding-top:15px}.step-no{color:#6b7c96;font-variant-numeric:tabular-nums;font-size:12px;display:block}.steps-row h3{margin:16px 0 10px;font-size:18px;line-height:1.5}.steps-row p{color:var(--muted);font-size:14px;line-height:1.85}@media (width<=900px){.steps-row,.steps-row.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}@media (width<=600px){.steps-row,.steps-row.cols-4{grid-template-columns:1fr;gap:20px}}.frame,.stage .product-screenshot>a{isolation:isolate;background:linear-gradient(140deg,#fff,#e9edf5);border:1px solid #dce3ef;border-radius:19px;padding:8px;position:relative;box-shadow:0 42px 70px -35px #394b7840,0 5px 15px #27395b08}.frame:after,.stage .product-screenshot>a:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#ffffff18,transparent 65%);z-index:2;position:absolute;inset:0}.stage{padding:5px}.stage .product-screenshot{margin:0}.stage .product-screenshot img{border-radius:11px}.stage .product-screenshot figcaption{text-align:center;margin-top:22px}.stage .screenshot-enlarge{opacity:0;transition:opacity .25s,translate .25s;translate:0 7px}.stage .product-screenshot>a:hover .screenshot-enlarge,.stage .product-screenshot>a:focus-visible .screenshot-enlarge{opacity:1;translate:0}.stage .screenshot-reading{margin-top:30px}.stage.warm .screenshot-reading li>span{color:var(--warm-ink)}@media (width<=700px){.frame,.stage .product-screenshot>a{border-radius:11px;padding:4px;box-shadow:0 20px 35px -20px #394b7845}.stage .product-screenshot img{border-radius:7px}.stage .screenshot-enlarge{opacity:1;translate:0}.stage{padding:0}}.table-card{border:1px solid var(--panel-line);background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 18px 40px -30px #394b7840}.table-card table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;line-height:1.8}.table-card th,.table-card td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f5;padding:16px 22px}.table-card tbody tr:last-child>*{border-bottom:0}.table-card thead th{color:#5c6d84;background:#f6f8fc;font-size:12px;font-weight:600}.table-card thead th:last-child{color:var(--blue-ink)}.table-card tbody th{white-space:nowrap;font-weight:600}.table-card td{color:var(--muted)}.table-card td:last-child{color:#3b4a60}@media (width<=600px){.table-card th,.table-card td{padding:13px 15px}}.accordion{border-top:1px solid var(--border);max-width:860px;margin-inline:auto}.accordion summary{align-items:center;gap:18px;padding:23px 0;font-size:15px;font-weight:550;line-height:1.6;display:flex}.accordion summary h3{font:inherit;letter-spacing:inherit;margin:0}.accordion .faq-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.accordion .plus{color:var(--muted);margin-left:auto;font-size:22px;font-weight:300;transition:transform .2s}.accordion details[open] .plus{transform:rotate(45deg)}.accordion details p{color:var(--muted);padding:0 34px 24px 42px;font-size:14px;line-height:1.9}@media (width<=600px){.accordion summary{gap:12px;font-size:14px}.accordion details p{padding:0 0 22px}}.cta-band{text-align:center;border:1px solid var(--panel-line);background:radial-gradient(at 50% 0,#e3ecfb,#0000 70%),linear-gradient(#f7f9fe,#fff);border-radius:24px;padding:56px 32px;position:relative;overflow:hidden}.cta-icon{border-radius:22px;width:88px;height:88px;margin:0 auto 22px;box-shadow:0 18px 34px -16px #394b7860,0 2px 6px #27395b14}.cta-band h2{margin-bottom:14px;font-size:clamp(26px,3.2vw,38px);line-height:1.35}.cta-band p{color:#5d6d84;max-width:560px;margin-inline:auto;font-size:15px;line-height:1.9}.cta-band .cta-req{color:#6d7a8f;margin-top:10px;font-size:13px}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:28px;display:flex}.cta-actions .text-link{color:var(--blue-ink)}@media (width<=600px){.cta-band{border-radius:18px;padding:38px 20px}.cta-icon{border-radius:18px;width:72px;height:72px}}body:has(.cta-band) #release{display:none}
