:root{--ink:#152a3b;--muted:#647481;--blue:#245bea;--line:#dfe5e9;--paper:#f9faf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;margin-inline:auto;padding-inline:40px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.brand{letter-spacing:2px;font-size:19px;font-weight:800}.mark{color:var(--blue);vertical-align:middle;margin-inline-end:8px;font-size:31px}nav,.languages{align-items:center;gap:32px;display:flex}nav{font-size:14px;font-weight:600}.languages{border-inline-start:1px solid var(--line);color:var(--muted);gap:13px;padding-inline-start:24px}[aria-current=page]{color:var(--blue)}.hero{grid-template-columns:1.45fr 1fr;align-items:center;gap:70px;padding-block:92px 80px;display:grid}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}.blue-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;margin-inline-end:10px;display:inline-block}h1{letter-spacing:-2.5px;margin-block:25px;font-size:clamp(42px,4.4vw,66px);font-weight:600;line-height:1.12}h1 span{color:var(--blue)}.intro{max-width:565px;color:var(--muted);font-size:17px;line-height:1.85}.actions{align-items:center;gap:25px;margin-block:32px 18px;display:flex}.button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:26px;padding:12px 21px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button:disabled{opacity:.5;cursor:wait}.text-link{font-size:13px;font-weight:600}.fine{color:var(--muted);font-size:11px}.question-card{background:#edf2f6;border:1px solid #d9e1e8;border-radius:9px;padding:27px 30px;position:relative;overflow:hidden}.card-top,.card-line{justify-content:space-between;align-items:center;display:flex}.orb{color:var(--blue);font-size:25px}.question-card h2{max-width:330px;margin-block:30px 14px;font-size:25px;line-height:1.45;position:relative}.question-card p{color:var(--muted);font-size:13px}.orbit{place-items:center;height:138px;display:grid;position:relative;overflow:hidden}.orbit i{border:1px solid #b7cadd;border-radius:50%;width:220px;height:220px;position:absolute;top:3px}.orbit i:nth-child(2){width:154px;height:154px;top:36px}.orbit i:nth-child(3){width:90px;height:90px;top:68px}.orbit span{background:var(--blue);top:106px;border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-start:38%}.card-line{letter-spacing:2px;color:var(--muted);border-top:1px solid #d0dbe4;margin-top:26px;padding-top:15px;font-size:10px}.method{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:50px;padding-block:38px 68px;display:grid}.number{color:var(--blue);font-size:12px;font-weight:700}.method h2{margin-block:14px 9px;font-size:19px}.method p,.principles p{color:var(--muted);font-size:14px;line-height:1.9}.principles{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding-block:58px 70px;display:grid}.principles h2{letter-spacing:-1px;font-size:34px;line-height:1.25}.principle-list article{border-bottom:1px solid var(--line);gap:20px;padding-bottom:12px;display:flex}.principle-list article>span{color:var(--blue);padding-top:15px;font-size:24px}.principle-list h3{margin-bottom:3px;font-size:16px}.principle-list p{margin-top:0}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-block:30px;font-size:12px;display:flex}footer .brand{color:var(--ink);font-size:14px}.pill{letter-spacing:.25px;color:#466174;background:#e9eff4;border:1px solid #dbe4ea;border-radius:30px;padding:5px 10px;font-size:11px;display:inline-block}.workspace{padding-block:35px 80px}.workspace-head{justify-content:space-between;align-items:center;display:flex}.workspace h1{font-size:42px}.workspace h2{font-size:23px}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:26px}.login{max-width:600px;margin-block:25px}.login p{color:var(--muted)}label{margin-bottom:16px;font-size:12px;font-weight:600;display:block}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bbc8d1;border-radius:4px;margin-top:6px;padding:10px;display:block}textarea{resize:vertical}.workspace-grid{grid-template-columns:1fr 1fr;gap:45px;margin-block:35px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.monitor-row{border-bottom:1px solid var(--line);padding-block:12px 20px}.monitor-row h3{font-size:17px}.notice{background:#f7f0e2;border-inline-start:3px solid #bc8a32;padding:14px 18px;font-size:13px}.usage{border-top:1px solid var(--line);padding-top:25px}.usage>p{color:var(--muted);font-size:14px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-block:28px;display:grid}.stats div{background:#edf2f6;border-radius:6px;padding:20px}.stats span{font-size:12px;display:block}.stats strong{font-size:25px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:start;border-bottom:1px solid var(--line);padding:14px 10px}small{color:#9b6816;display:block}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding-block:55px}.hero-text{max-width:680px}.question-card{max-width:620px}.orbit{height:90px}.question-card h2{max-width:100%}.principles{gap:35px}.actions{flex-wrap:wrap}.method{gap:25px}nav{gap:18px}.workspace-grid,.stats{grid-template-columns:1fr}.stats strong{font-size:22px}}@media (max-width:550px){.wrap{padding-inline:22px}.nav{height:80px}.brand{font-size:15px}nav>a:first-child{display:none}.languages{gap:9px;padding-inline-start:14px}nav{gap:15px;font-size:12px}h1{font-size:43px}.method,.principles{grid-template-columns:1fr;gap:23px}.method{padding-block:30px 45px}.principles{padding-block:35px}footer{flex-wrap:wrap;gap:18px}.form-grid{grid-template-columns:1fr}.workspace-head{flex-direction:column;align-items:start}.workspace h1{font-size:34px}}
