:root{color-scheme:dark;--bg:#090f10;--panel:#10191a;--panel2:#152022;--ink:#ecf1e9;--muted:#99aaa4;--line:#273536;--mint:#bcf878;--orange:#edab77;--max:1240px;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}::selection{background:var(--mint);color:var(--bg)}.shell{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.header{border-bottom:1px solid #ffffff0d;background:#090f10ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;min-height:88px;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:26px;font-weight:700;letter-spacing:-1.3px;white-space:nowrap}.brand svg{width:24px;height:29px;color:var(--mint)}.brand-dot{color:var(--mint)}.nav-links{display:flex;gap:32px;margin-left:auto;color:#b3c0ba;font-size:14px}.nav-links a:hover,.login-link:hover{color:var(--mint)}.nav-account{display:flex;align-items:center;gap:24px;font-size:14px}.button{min-height:52px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;border-radius:5px;font-size:15px;font-weight:600;line-height:1.3;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--mint);color:#14200c;box-shadow:0 0 30px #bcf87808}.button-primary:hover{background:#d0ff9a}.button-outline{border-color:#4b6054;color:var(--ink);background:transparent}.button-outline:hover{border-color:var(--mint);background:#bcf87808}.button-quiet{background:#bcf87812;color:var(--mint)}.button-text{padding-inline:6px;color:#c7d0ca}.small{min-height:40px;padding:10px 16px;font-size:13px;gap:18px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:68px;align-items:center;padding-top:94px;padding-bottom:84px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;color:var(--muted);margin:0 0 26px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #bcf87833;flex-shrink:0}.hero h1{font-size:clamp(44px,4.4vw,62px);font-weight:650;line-height:1.25;letter-spacing:-2px;margin:0 0 26px}.mint{color:var(--mint)}.hero-description{font-size:16px;line-height:1.95;color:#a8b7b0;margin:0 0 32px}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.hero-note{color:#73877e;font-size:12px;margin:14px 0 0}.hero-metrics{display:flex;gap:32px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.hero-metrics strong{display:block;font-size:25px;letter-spacing:-.6px;font-weight:650;line-height:1.4}.hero-metrics strong span{font-size:12px;font-weight:500;color:#b3c0ba;letter-spacing:0}.hero-metrics small{display:block;font-size:11px;color:#7f948a;margin-top:7px}.demo-wrap{position:relative}.demo-wrap:before{content:"";position:absolute;inset:-50px -35px;background:radial-gradient(ellipse,#bcf8780a,transparent 68%);z-index:-1}.demo-label{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:13px;color:#c9d4cd}.demo-label>span:last-child{margin-left:auto;font-size:10px;color:#698178;letter-spacing:.7px}.mini-cross{font-size:19px;color:var(--mint)}.draft-demo{border:1px solid #3e514a;background:linear-gradient(135deg,#152021,#0f1719);border-radius:10px;box-shadow:0 24px 65px #0004;overflow:hidden}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:25px 26px 23px;border-bottom:1px solid var(--line)}.demo-top .eyebrow{font-size:9px;margin:0 0 4px;letter-spacing:1.9px;color:#799386}.demo-top h2{font-size:21px;margin:0;letter-spacing:-.5px;font-weight:600}.demo-live{font-size:10px;color:#bdcebd;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #2e4338;border-radius:4px;background:#bcf87806}.demo-teams{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 26px 22px}.team-heading{font-size:11px;display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#bccdc1}.team-heading small{font-size:9px;color:#6e8579;margin-left:auto}.team-dot{width:5px;height:5px;background:var(--mint);border-radius:2px}.team-dot.orange{background:var(--orange)}.pick-strip{display:flex;gap:4px}.pick-strip img,.empty-pick{width:calc((100% - 16px)/5);height:auto;aspect-ratio:1.4;object-fit:cover;border:1px solid #658552;border-radius:3px;min-width:0}.demo-team:nth-child(2) img{border-color:#916d51}.empty-pick{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--mint);background:#bcf87809;border-style:dashed;border-color:#6e8d59}.empty-pick.dim{border-style:solid;border-color:#293d37;background:#16231f}.pick-names{display:flex;gap:8px;font-size:9px;color:#7d9386;margin-top:7px}.recommend-title{display:flex;justify-content:space-between;align-items:center;padding:0 26px;margin:3px 0 10px;font-size:11px;font-weight:600}.recommend-title small{font-size:9px;color:#6c8378;font-weight:400}.recommendations{padding:0 15px 16px}.recommend-row{display:flex;align-items:center;gap:12px;min-height:67px;border-radius:5px;padding:9px 12px;border:1px solid transparent}.recommend-row:first-child{border-color:#4b663d;background:#bcf87809}.recommend-rank{color:#5c7264;font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}.recommend-row:first-child .recommend-rank{color:var(--mint)}.recommend-row img{width:61px;height:35px;object-fit:cover;border-radius:3px}.recommend-row strong{font-size:12px;font-weight:550}.recommend-row small{display:block;font-size:9px;color:#82998c;margin-top:2px}.recommend-score{margin-left:auto;color:var(--mint);font-size:18px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.recommend-score small{font-size:8px;font-weight:400;color:#6c8378;letter-spacing:.3px}.demo-bottom{display:flex;justify-content:space-between;padding:12px 26px;border-top:1px solid var(--line);font-size:9px;color:#61796c;background:#0c1414}.demo-bottom a{color:#b2cba8}.demo-caption{display:flex;align-items:center;gap:10px;color:#6f8878;font-size:11px;margin:17px 0 0}.caption-line{width:28px;height:1px;background:#658057}.context-strip{border-block:1px solid var(--line);background:#10191a}.context-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px;font-size:14px;color:#8ea296}.context-strip p{margin:0}.context-strip strong{color:#c8d5cc;font-weight:500;margin-left:10px}.context-strip>.shell>span{font-size:12px;color:#a2b6a8}.context-strip b{font-weight:400;margin-inline:11px;color:#3e5845}.workflow{padding-block:88px 78px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading .eyebrow,.entry-heading .eyebrow{margin-bottom:16px;letter-spacing:1.6px;font-size:10px}.section-heading h2,.entry-heading h2,.account-cta h2{font-size:32px;line-height:1.4;letter-spacing:-1px;font-weight:550;margin:0}.section-heading>p{font-size:13px;color:#82978c;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step{padding-top:23px;border-top:1px solid #405443}.step-number{font-size:13px;color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:2px}.step h3{margin:21px 0 11px;font-size:19px;font-weight:550;letter-spacing:-.4px}.step p{font-size:13px;line-height:1.9;color:#8da295;margin:0;max-width:315px;min-height:75px}.step-tags{display:flex;gap:8px;margin-top:23px}.step-tags span{font-size:10px;padding:4px 9px;background:#16201b;color:#82997d;border:1px solid #263a29;border-radius:3px}.entry-section{padding-block:34px 74px}.entry-heading{margin-bottom:28px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry{padding:31px 34px 30px;border:1px solid #2d4236;border-radius:7px;background:#111c19;display:block;transition:border-color .18s,background .18s}.entry:hover{border-color:#71865c;background:#16241c}.entry-primary{background:#18241c;border-color:#405733}.entry-kicker{color:#7f987c;font-size:11px;letter-spacing:.6px}.entry h3{font-size:26px;letter-spacing:-.8px;font-weight:550;display:flex;justify-content:space-between;margin:13px 0 15px}.entry h3 span{color:#779766;font-size:24px;font-weight:400}.entry-primary h3 span{color:var(--mint)}.entry p{font-size:13px;color:#93a890;line-height:1.8;margin:0}.entry-link{display:flex;justify-content:space-between;border-top:1px solid #2d432c;padding-top:18px;margin-top:25px;font-size:12px;color:#b9d3a9}.account-cta{border-block:1px solid var(--line);padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:32px}.account-cta .eyebrow{font-size:9px;margin-bottom:13px}.account-cta h2{font-size:25px}.account-cta p:last-child{font-size:12px;color:#839a8c;margin:13px 0 0}.footer{padding-block:30px 36px;display:flex;align-items:center;gap:28px;color:#6f8979;font-size:10px;flex-wrap:wrap}.footer-brand{font-size:19px;color:#b9caba;gap:0}.footer>a:nth-of-type(2){margin-left:auto;color:#93a995}.footer small{font-size:9px;width:100%;color:#4d6757;margin-top:-10px}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:90px;max-width:1100px;padding-block:74px 82px;align-items:center;min-height:calc(100vh - 214px)}.auth-story{max-width:450px}.auth-story .eyebrow{font-size:10px}.auth-story h1{font-size:49px;line-height:1.32;letter-spacing:-1.5px;font-weight:600;margin:0 0 25px}.auth-story>p:not(.eyebrow){color:#91a79a;font-size:15px;line-height:1.9}.auth-illustration{margin:44px 0 28px;max-width:370px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#76976c;font-size:11px}.auth-illustration span{padding:10px 0;border-top:1px solid #4a693d;flex:1;min-width:85px}.auth-illustration i{font-style:normal;font-size:9px;color:#5f7961;display:block;margin-top:7px;letter-spacing:1.7px}.illustration-line{width:100%;height:1px;background:linear-gradient(to right,var(--mint),#213026);margin-top:-9px}.auth-illustration strong{font-size:11px;font-weight:400;color:#789370}.auth-explore{font-size:12px;color:#b0caa1;display:flex;justify-content:space-between;max-width:370px;padding-top:14px}.auth-panel{background:#111b19;border:1px solid #304436;border-radius:9px;padding:36px 38px}.auth-panel .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:10px}.auth-panel h2{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:0 0 9px}.auth-subtitle{font-size:12px;color:#819988;margin:0 0 26px}.google-button{width:100%;gap:12px;font-size:13px;border-color:#3e5342;background:#162219;min-height:47px}.google-button:disabled{color:#8b9f90;background:#142019;border-color:#293e2e;opacity:.75;transform:none}.google-g{font-size:18px;font-weight:700;color:#bdcfbb;font-family:Arial,sans-serif}.soon{margin-left:auto;font-size:9px;border:1px solid #344a36;padding:3px 5px;border-radius:3px;font-weight:400;color:#8ea181}.auth-divider{display:flex;align-items:center;gap:14px;color:#5f7b65;font-size:10px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#283c2c}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form label{font-size:12px;color:#b2c3b2}.auth-form input:not([type=hidden]){background:#0c1611;border:1px solid #364b38;border-radius:4px;color:#dce7d8;height:45px;padding:11px 12px;font-size:13px;min-width:0;width:100%}.auth-form input::placeholder{color:#49624d;font-size:12px}.password-heading{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.password-heading>span{font-size:9px;color:#6b856c}.password-field{position:relative}.password-field input{padding-right:58px!important}.password-toggle{position:absolute;right:8px;top:8px;height:29px;min-width:38px;background:none;border:0;color:#819e78;font-size:10px}.auth-form label[for=confirm_password]{margin-top:7px}.submit-button{width:100%;min-height:46px;margin-top:13px;justify-content:space-between;font-size:13px}.submit-button:disabled{opacity:.65}.form-error{padding:10px 12px;margin:0 0 16px;background:#edab770c;border:1px solid #775738;color:#dfb48d;border-radius:4px;font-size:12px}.auth-switch{text-align:center;font-size:12px;color:#81977e;margin:24px 0 0}.auth-switch a{color:#b9e194;margin-left:5px}.auth-privacy{text-align:center;font-size:9px;line-height:1.9;color:#516e56;margin:22px 0 0}.account-page{padding-block:80px 92px;min-height:calc(100vh - 214px)}.account-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 36px;gap:24px}.account-heading h1{font-size:42px;font-weight:550;letter-spacing:-1.3px;margin:0 0 13px}.account-heading p{color:#89a189;font-size:14px;overflow-wrap:anywhere;margin:0}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:28px;margin-top:34px}.account-details small{display:block;color:#6b886d;font-size:11px;margin-bottom:8px}.account-details strong{font-size:14px;font-weight:500;color:#b6c8b0;overflow-wrap:anywhere}.account-details p{grid-column:1/-1;color:#688569;font-size:12px;margin:0}.error-page{padding-block:120px;min-height:60vh}.error-page h1{font-size:30px;font-weight:500;margin-bottom:28px}
@media(min-width:1500px){.hero{gap:80px;padding-block:108px 96px}.hero h1{font-size:64px}.hero-description{font-size:17px}.demo-top{padding:27px 29px}.demo-teams{padding:26px 29px}.recommend-row{min-height:70px}}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.nav{gap:24px}.nav-links{gap:20px;font-size:12px}.nav-account{gap:16px}.hero{gap:30px;padding-block:70px 65px}.hero h1{font-size:44px}.hero-description{font-size:14px}.hero-actions{gap:6px}.hero-actions .button{font-size:12px;padding-inline:15px;gap:18px}.hero-metrics{gap:20px}.hero-metrics strong{font-size:23px}.hero-metrics small{font-size:9px}.demo-top{padding:20px}.demo-teams{padding:20px;gap:14px}.recommend-title{padding-inline:20px}.demo-live{font-size:8px}.demo-bottom{padding-inline:18px;font-size:8px}.context-strip>.shell{font-size:12px}.context-strip>.shell>span{font-size:10px}.context-strip b{margin-inline:5px}.steps{gap:28px}.auth-layout{gap:50px;grid-template-columns:1fr 410px}.auth-story h1{font-size:42px}.auth-panel{padding:30px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{min-height:72px;gap:16px;flex-wrap:wrap;padding-block:17px}.brand{font-size:23px}.brand svg{width:21px;height:25px}.nav-links{display:none}.nav-account{margin-left:auto;font-size:12px;gap:13px}.nav-account .small{font-size:11px;padding:9px 11px;gap:12px;min-height:36px}.hero{grid-template-columns:1fr;gap:44px;padding-block:52px 46px}.hero-copy{max-width:530px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero-description{font-size:14px;line-height:1.9}.hero-actions{gap:16px}.hero-actions .button{font-size:13px;padding:14px 18px;min-height:48px}.hero-actions .button-text{padding-inline:0;font-size:12px;min-height:35px}.hero-note{font-size:10px}.hero-metrics{gap:32px;margin-top:28px;padding-top:23px}.hero-metrics strong{font-size:26px}.hero-metrics small{font-size:10px}.demo-wrap{max-width:530px;width:100%;margin:auto}.demo-label{font-size:12px}.demo-label>span:last-child{font-size:9px}.demo-top h2{font-size:19px}.demo-teams{gap:20px}.pick-strip img,.empty-pick{aspect-ratio:1.35}.recommend-row{min-height:64px}.demo-bottom{font-size:8px}.demo-caption{font-size:10px}.context-strip>.shell{display:block;padding-block:23px}.context-strip>.shell>span{display:block;margin-top:9px}.context-strip strong{margin-left:5px}.workflow{padding-block:55px 38px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.entry-heading h2{font-size:27px}.section-heading>p{font-size:12px;margin-top:15px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:27px}.step{padding-top:17px;display:grid;grid-template-columns:31px 1fr;column-gap:18px}.step h3{margin:0 0 9px;font-size:18px}.step-number{padding-top:2px}.step p{grid-column:2;max-width:none;min-height:0;font-size:12px}.step-tags{grid-column:2;margin-top:15px}.entry-section{padding-block:25px 42px}.entry-grid{grid-template-columns:1fr;gap:16px}.entry{padding:24px}.entry h3{font-size:23px;margin:11px 0 13px}.entry p{font-size:12px}.entry-link{margin-top:19px;padding-top:16px}.account-cta{align-items:flex-start;flex-direction:column;padding-block:31px;gap:23px}.account-cta h2{font-size:22px}.account-cta p:last-child{font-size:11px}.account-cta .button{font-size:13px;min-height:46px}.footer{gap:14px;padding-block:26px;font-size:9px}.footer-brand{font-size:18px}.footer>a:nth-of-type(2){margin-left:0;width:100%}.footer small{margin-top:0}.auth-layout{grid-template-columns:1fr;gap:29px;padding-block:36px 45px;max-width:470px}.auth-story h1{font-size:30px;letter-spacing:-.8px;margin:0}.auth-story h1 br{display:none}.auth-story .eyebrow{font-size:8px;margin-bottom:12px}.auth-story>p:not(.eyebrow),.auth-illustration,.auth-explore{display:none}.auth-panel{padding:27px 25px}.auth-panel h2{font-size:25px}.auth-subtitle{font-size:11px}.auth-panel .eyebrow{font-size:8px}.auth-privacy{font-size:9px}.account-page{padding-block:44px 52px}.account-heading{align-items:flex-start;gap:16px}.account-heading h1{font-size:30px}.account-heading p{font-size:11px}.account-heading .small{font-size:11px;white-space:nowrap}.account-page>.eyebrow{font-size:8px}.account-details{grid-template-columns:1fr;gap:19px}.account-details p{font-size:11px}.account-details strong{font-size:12px}.error-page{padding-block:70px}.error-page h1{font-size:24px}}
@media(max-width:390px){.shell{width:calc(100% - 32px)}.brand{font-size:21px;gap:8px}.hero h1{font-size:44px}.hero-metrics{gap:22px}.hero-metrics strong{font-size:24px}.hero-metrics small{font-size:9px}.hero-actions{gap:12px}.hero-actions .button{font-size:12px}.demo-teams{gap:14px;padding:18px 17px}.demo-top{padding:18px 17px}.demo-live{padding:5px 6px}.recommend-row{gap:9px}.demo-bottom{padding-inline:14px;font-size:7px}.auth-panel{padding:25px 21px}.auth-story h1{font-size:28px}.nav-account{gap:10px}.nav-account .small{padding-inline:9px}.nav-account .small>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.entry{transition:none}.button:hover{transform:none}}
@media(max-width:760px){.demo-wrap:before{inset:-30px 0}}