@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,300..900&family=Instrument+Serif:ital@1&display=swap");.landing-page{--paper:#f3f2ee;--ink:#151619;--muted:#64666f;--blue:#315cce;--line:#d9d9d4;--ease-out:cubic-bezier(.23,1,.32,1);--sans:Archivo,Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif}.landing-page *{box-sizing:border-box}html:has(.landing-page){scroll-behavior:smooth;scroll-padding-top:100px}.landing-page{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.landing-page p{line-height:1.75}.landing-page a,.landing-page button{-webkit-tap-highlight-color:transparent}.landing-page a:focus-visible,.landing-page summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.landing-page ::selection{background:#d5dff9}.landing-page .wrap{max-width:1320px;margin:auto;padding:0 5vw}.landing-page .nav{position:sticky;top:0;z-index:10;background:rgba(243,242,238,.97);border-bottom:1px solid var(--line)}.landing-page .nav-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-page .brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-1px}.landing-page .brand svg{width:28px;height:28px}.landing-page .actions,.landing-page .nav-links{display:flex;align-items:center;gap:28px}.landing-page .nav-links a{min-height:44px}.landing-page .button,.landing-page .nav-links a{font-size:13px;display:inline-flex;align-items:center}.landing-page .button{justify-content:center;gap:20px;min-height:50px;padding:0 25px;border:1px solid #c8c9c8;border-radius:40px;font-weight:500;transition:background .16s ease,color .16s ease,transform .16s var(--ease-out)}.landing-page .button.primary{background:var(--blue);border-color:var(--blue)}.landing-page .nav .button{min-height:44px;padding:0 20px}.landing-page .eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:500}.landing-page .hero{padding:94px 0 0}.landing-page .hero-top{display:flex;justify-content:space-between;align-items:center}.landing-page .hero-note{font-size:12px;color:var(--muted)}.landing-page h1{font-size:clamp(64px,8.7vw,120px);font-weight:600;line-height:.99;letter-spacing:-.065em;margin:32px 0}.landing-page em{font-family:var(--serif);font-weight:400;color:var(--blue)}.landing-page .hero-bottom{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin:32px 0 58px}.landing-page .hero-copy{max-width:470px;font-size:17px;color:var(--muted);margin:0}.landing-page .hero .actions{gap:12px;flex-shrink:0}.landing-page .workspace{background:#e7e9e9;border:1px solid #d7d9d8;border-radius:16px;padding:28px;position:relative}.landing-page .workspace-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:24px}.landing-page .workspace-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.landing-page .demo-card{background:#fafbf9;border:1px solid #d8dbd8;border-radius:10px;padding:26px}.landing-page .demo-card small{font-size:10px;color:var(--muted);letter-spacing:.1em}.landing-page .demo-card h3{font-size:23px;letter-spacing:-.045em;line-height:1.25;font-weight:500;margin:16px 0}.landing-page .demo-card p{font-size:12px;color:var(--muted);margin:8px 0}.landing-page .pill{display:inline-block;background:#edf1fb;color:#315cce;border-radius:20px;padding:8px 12px;font-size:10px}.landing-page .person{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e7e7e1;font-size:12px}.landing-page .avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e1e8ef;color:#425b71;font-size:11px}.landing-page .person span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.landing-page .check{font-size:12px;border-bottom:1px solid #e7e7e1;padding:14px 0;color:#4d5e53}.landing-page .caption{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}.landing-page .section{padding:110px 0;border-bottom:1px solid var(--line)}.landing-page .section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:46px}.landing-page h2{font-size:clamp(36px,4.5vw,62px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:20px 0 0}.landing-page .section-head>p{max-width:47ch;color:var(--muted);font-size:15px;margin:0}.landing-page .read-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}.landing-page .read-steps li{padding:28px 0 0;border-top:1px solid var(--line)}.landing-page .read-steps small{font-size:10px;color:var(--blue);letter-spacing:.08em}.landing-page .read-steps h3{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:18px 0 12px}.landing-page .read-steps p{font-size:14px;color:var(--muted);margin:0;max-width:42ch}.landing-page .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.landing-page .principles article{padding-top:24px;border-top:1px solid var(--line)}.landing-page .principles h3{font-size:20px;font-weight:500;letter-spacing:-.03em}.landing-page .principles p{font-size:14px;color:var(--muted)}.landing-page .usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-page .usecase{padding:32px;background:#e9ebe7;border-radius:10px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.landing-page .usecase:nth-child(2){background:#e5e9f1}.landing-page .usecase:nth-child(3){background:#eee7df}.landing-page .usecase small{font-size:10px;color:var(--muted);letter-spacing:.08em}.landing-page .usecase h3{font-size:27px;letter-spacing:-.04em;font-weight:500;margin:35px 0 10px}.landing-page .usecase p{font-size:13px;color:var(--muted);margin:0}.landing-page .read-faq{display:grid;grid-template-columns:1fr 1fr;gap:36px 70px}.landing-page .read-faq article{border-top:1px solid var(--line);padding-top:20px}.landing-page .read-faq h3{font-size:17px;letter-spacing:-.025em;font-weight:500}.landing-page .read-faq p{color:var(--muted);font-size:14px}.landing-page .closing{text-align:center;padding:110px 0}.landing-page .closing h2{font-size:clamp(46px,6.5vw,90px);margin:24px auto;max-width:13ch}.landing-page .closing p{color:var(--muted);font-size:15px}.landing-page .closing .actions{justify-content:center;margin-top:30px}.landing-page .footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.landing-page .footer a{min-height:44px;display:inline-flex;align-items:center}.landing-page .skip{position:absolute;top:-100px;padding:15px;background:white;z-index:20}.landing-page .skip:focus{top:10px}.landing-page .icon-arrow{width:16px;height:16px;flex:none;vertical-align:middle}.landing-page .footer a{gap:8px}.landing-page .reveal{opacity:1;transform:none;filter:blur(0)}.landing-page .reveal.pending{opacity:0;transform:translateY(6px);filter:blur(4px)}.landing-page .reveal.pending:focus-within{opacity:1;transform:none;filter:none}.landing-page .reveal{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),filter .5s var(--ease-out)}@media(hover:hover) and (pointer:fine){.landing-page .button:hover{background:#e3e6e5;transform:translateY(-1px)}.landing-page .button.primary:hover{background:#244cae}.landing-page .nav-links a:not(.button):hover{color:var(--blue)}}@media(max-width:850px){.landing-page .hero{padding-top:64px}.landing-page .hero-note{display:none}.landing-page .hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.landing-page .workspace-grid{grid-template-columns:1fr 1fr}.landing-page .demo-card:first-child{grid-column:1/-1}.landing-page .section{padding:76px 0}.landing-page .section-head{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.landing-page .read-steps{grid-template-columns:1fr 1fr}.landing-page .principles{gap:24px}.landing-page .usecases{grid-template-columns:1fr}.landing-page .usecase{min-height:190px}.landing-page .usecase h3{margin-top:25px}.landing-page .nav-links{gap:20px}.landing-page .nav-links .optional{display:none}}@media(max-width:550px){.landing-page .wrap{padding:0 6vw}.landing-page .nav-inner{min-height:74px;gap:10px}.landing-page .nav-links{gap:12px}.landing-page .nav-links .section-link{display:none}.landing-page .nav .button{font-size:11px;padding:0 16px}.landing-page .brand{font-size:21px}.landing-page h1{font-size:clamp(55px,13.5vw,74px);margin:28px 0}.landing-page .hero{padding-top:52px}.landing-page .hero-copy{font-size:15px}.landing-page .hero-bottom{margin-bottom:35px}.landing-page .hero .actions{gap:10px;flex-wrap:wrap}.landing-page .button{padding:0 20px;font-size:12px}.landing-page .workspace{padding:16px;border-radius:12px}.landing-page .workspace-head{font-size:8px;gap:12px;line-height:1.7;margin-bottom:14px}.landing-page .workspace-grid{grid-template-columns:1fr;gap:12px}.landing-page .demo-card{padding:20px}.landing-page .demo-card:first-child{grid-column:auto}.landing-page .demo-card h3{font-size:23px}.landing-page .principles,.landing-page .read-faq,.landing-page .read-steps{grid-template-columns:1fr}.landing-page .read-steps{gap:30px}.landing-page .section{padding:60px 0}.landing-page h2{font-size:39px}.landing-page .section-head{gap:20px}.landing-page .closing{padding:80px 0}.landing-page .closing .actions{gap:12px;flex-wrap:wrap}.landing-page .footer{gap:4px}.landing-page .footer span{width:100%;padding:10px 0}.landing-page .read-faq{gap:20px}}@media(prefers-reduced-motion:reduce){html:has(.landing-page){scroll-behavior:auto}.landing-page .reveal,.landing-page .reveal.pending{opacity:1;transform:none;filter:none;transition:none}.landing-page .button{transition:background .16s ease,color .16s ease}.landing-page .button:hover{transform:none}}.landing-page{min-height:100vh}.landing-page p{margin:1em 0}.landing-page .hero-copy,.landing-page .read-steps p,.landing-page .section-head>p,.landing-page .usecase p{margin:0}.landing-page h3{line-height:normal}.landing-page .principles h3,.landing-page .read-faq h3{margin:1em 0}.landing-page .icon-arrow{display:inline-block}.landing-page a{color:inherit;text-decoration:none}.landing-page .button.primary{color:white}.landing-page .brand svg{display:inline-block}.landing-page{line-height:normal}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--sans)}