*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafaf8;color:#252522;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit} .wrap{width:min(1120px,calc(100% - 64px));margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #deded8}nav a{text-decoration:none}nav div{display:flex;gap:26px} .label{font-size:12px;color:#797970;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6.5vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(29px,4vw,43px);font-weight:400;line-height:1.18;letter-spacing:-.035em}h3{font-size:21px;font-weight:400;line-height:1.3;letter-spacing:-.02em}p{color:#62625b} .hero{padding:90px 0 56px;max-width:850px}.hero .label{margin-bottom:24px}.hero p{font-size:19px;margin-top:28px;max-width:720px}.section{padding:78px 0;border-top:1px solid #deded8}.section-head{display:grid;grid-template-columns:200px 1fr;gap:35px}.section-head h2{margin-bottom:24px}.copy p+p{margin-top:16px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.meta span{display:block;margin-bottom:8px}.meta p{color:#252522;font-size:14px}.visual{background:#eeeee8;border-radius:14px;min-height:340px;margin:38px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center;gap:10px}.visual span{color:#8a8a7e;font-size:13px}.visual strong{font-size:23px;font-weight:400;color:#6b6b61}.steps{margin:40px 0 0 235px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step .num{display:block;font-size:12px;color:#89897b;margin-bottom:18px}.step h3{margin-bottom:18px}.step p{font-size:14px}.step .flow{color:#46463f;font-size:12px;border-top:1px solid #d9d9d0;padding-top:20px;margin-top:24px}.tokens{margin:32px 0 0 235px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.token{background:#efefe9;border-radius:12px;min-height:155px;padding:24px}.token .letters{font-size:50px;line-height:1.1;margin-bottom:12px;letter-spacing:-.06em}.swatches{display:flex;gap:9px;margin:8px 0 25px}.swatches i{width:42px;height:42px;border-radius:50%;background:#333a48}.swatches i:nth-child(2){background:#7466db}.swatches i:nth-child(3){background:#cecfdb}.swatches i:nth-child(4){background:#fff}.token small{color:#77776b}.tabs{display:flex;gap:6px;margin:36px 0 28px;background:#eaeae3;border-radius:30px;padding:5px;width:fit-content}.tabs button{border:0;border-radius:25px;background:none;padding:9px 20px;font-size:14px;color:#68685d;cursor:pointer}.tabs button[aria-selected=true]{background:#fff;color:#252522;box-shadow:0 1px 5px #00000008}.feature-layout{display:grid;grid-template-columns:340px 1fr;gap:28px}.cards{display:flex;flex-direction:column;gap:10px}.card{border:1px solid transparent;text-align:left;padding:19px 21px;background:transparent;border-radius:10px;cursor:pointer}.card[aria-pressed=true]{border-color:#d5d5ca;background:#fff}.card h3{font-size:17px;margin-bottom:8px}.card p{font-size:13px;line-height:1.6}.card:hover{background:#f0f0ea}.feature-visual{margin:0;min-height:430px;align-self:stretch}.feature-visual h3{font-size:26px}.feature-visual p{max-width:370px;font-size:14px}.feature-visual .hint{margin-top:34px;color:#97978b;font-size:12px}.footer{border-top:1px solid #deded8;padding:30px 0 50px;display:flex;justify-content:space-between;font-size:13px;color:#797970}.home{max-width:780px;padding:100px 0}.home h1{font-size:clamp(38px,6vw,62px)}.home p{font-size:19px;margin-top:28px}.project{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-top:1px solid #ddd;padding:35px 0;margin-bottom:90px}.project h2{font-size:34px}.project p{margin-top:10px}.project .arrow{font-size:30px}button:focus-visible,a:focus-visible{outline:2px solid #7466db;outline-offset:5px}@media(max-width:850px){.section-head{grid-template-columns:1fr;gap:18px}.steps,.tokens{margin-left:0}.steps{gap:18px}.feature-layout{grid-template-columns:1fr}.cards{display:grid;grid-template-columns:1fr 1fr}.feature-visual{min-height:300px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}nav{padding:22px 0}nav div{gap:18px;font-size:14px}.hero{padding:65px 0 40px}.hero p{font-size:17px}.section{padding:52px 0}.meta,.steps{grid-template-columns:1fr}.meta{gap:22px}.step{border-top:1px solid #ddd;padding-top:24px}.visual{min-height:230px}.tokens{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.tabs button{padding:8px 13px}.home{padding:70px 0}.project{align-items:flex-start;gap:20px}.footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:"DM Sans",sans-serif}.hero{padding:100px 0 56px;max-width:1120px}.hero h1{font-size:60px;line-height:65px;letter-spacing:-.025em;max-width:1000px}.hero p{font-size:20px;line-height:32px;max-width:820px}.section-label{font-size:21px;line-height:1.35;letter-spacing:0;text-transform:uppercase;font-weight:400}.product-overview{margin:0;padding:40px 0 80px;display:flex;justify-content:center}.product-overview img{width:min(885px,100%);height:auto;border-radius:12px;box-shadow:0 4px 20px #00000012}.meta{margin:0 0 28px;grid-template-columns:repeat(2,1fr);max-width:600px}.contributions{padding-left:20px;margin:24px 0 0;color:#62625b}.contributions li{margin-bottom:8px}.step p+p{margin-top:22px}.step p{font-size:16px;line-height:26px}.step h3{font-size:26px;line-height:1.3;letter-spacing:0}.steps{margin-left:0;gap:40px}.step .flow{font-size:14px;line-height:24px}.tabs{margin-left:235px}.feature-layout{margin-left:235px}.documentation{margin:40px 0 0 235px}.documentation>h3{font-size:20px;margin:0 0 12px}.documentation>p{font-size:14px;margin:0 0 24px}.documentation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.documentation-card{padding:0;border:1px solid #deded8;background:transparent;border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;color:#252522}.documentation-card>img{display:block;width:100%;height:155px;object-fit:cover;object-position:top}.documentation-card>span{display:block;padding:18px}.documentation-card strong{display:block;font-size:17px;font-weight:400}.documentation-card small{display:block;font-size:12px;color:#62625b;margin-top:10px}.documentation-card:hover{border-color:#8e8e82}.footer-decoration{width:120px;max-height:64px}.footer{align-items:center}#documentation-dialog{width:min(1120px,calc(100vw - 40px));height:min(90vh,1100px);max-height:90vh;padding:0;border:1px solid #deded8;border-radius:12px;background:#f9f7ee;color:#252522;overflow:hidden}#documentation-dialog::backdrop{background:#0008}.documentation-toolbar{height:76px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #deded8}.documentation-toolbar h2{font-size:18px;letter-spacing:0;line-height:1.3}.documentation-toolbar button{border:1px solid #deded8;background:transparent;padding:8px 14px;border-radius:6px;cursor:pointer;white-space:nowrap}.documentation-scroll{height:calc(100% - 76px);overflow:auto;padding:20px}.documentation-scroll img{display:block;width:100%;height:auto}@media(max-width:850px){.tabs,.feature-layout,.documentation{margin-left:0}.hero h1{font-size:45px;line-height:1.1}.documentation-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:1fr}.step{padding:24px 0;border-top:1px solid #deded8}}@media(max-width:600px){.hero h1{font-size:38px}.hero p{font-size:17px;line-height:28px}.hero{padding-top:64px}.documentation-cards{grid-template-columns:1fr}.documentation-card>img{height:180px}.documentation-toolbar{height:90px;padding:16px}.documentation-scroll{height:calc(100% - 90px);padding:8px}.documentation-toolbar h2{font-size:16px}.section-label{font-size:18px}.product-overview{padding:20px 0 48px}}

.product-overview video{display:block;width:min(925px,100%);height:auto;aspect-ratio:16/9;background:#03102b;border-radius:12px;box-shadow:0 4px 20px #00000012}.official-site{display:inline-block;margin-top:24px;font-size:16px;text-decoration:none}.official-site:hover{text-decoration:underline;text-underline-offset:5px}

#approach .steps{margin:40px 0 0 235px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}#approach .step{display:flex;flex-direction:column;border:0;padding:0}#approach .step:last-child{grid-column:1/-1}#approach .step h3{font-size:20px;line-height:33px;margin:0 0 22px;font-weight:400}#approach .step p{font-size:16px;line-height:26px}#approach .step .flow{color:#56bfe9;font-size:13px;line-height:21px;border:0;padding:0;margin:28px 0 0}#approach .step:not(:last-child) .flow{margin-top:auto;padding-top:28px}#approach .step p+p:not(.flow){margin-top:26px}@media(max-width:850px){#approach .steps{margin-left:0}}@media(max-width:600px){#approach .steps{grid-template-columns:1fr;gap:40px}#approach .step:last-child{grid-column:auto}#approach .step:not(:last-child) .flow{margin-top:24px;padding-top:0}}
.feature-showcase{margin-top:28px;min-width:0}.category-tabs{display:flex;gap:28px;border-bottom:1px solid #deded8;margin-bottom:24px}.category-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;padding:12px 0;font-size:16px;color:#62625b;cursor:pointer}.category-tabs button[aria-selected=true]{color:#3541ed;border-bottom-color:#3541ed}.feature-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feature-subtabs button{background:transparent;border:1px solid #deded8;border-radius:6px;padding:9px 13px;color:#62625b;font-size:13px;cursor:pointer}.feature-subtabs button[aria-selected=true]{background:#252522;border-color:#252522;color:#f9f7ee}.feature-showcase [hidden]{display:none}.feature-view h3{font-size:23px;letter-spacing:0;margin-bottom:12px}.feature-view>p{font-size:16px;line-height:26px;margin-bottom:20px}.feature-image-link{display:block}.feature-image-link img{display:block;width:100%;height:auto;border:0;background:transparent;border-radius:0}.feature-view:focus-visible{outline:1px solid #77776b;outline-offset:6px}@media(max-width:600px){.category-tabs{gap:20px}.category-tabs button{font-size:15px}.feature-subtabs button{font-size:12px;padding:8px 10px}}

.upcoming-badge{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #deded8;border-radius:20px;font-size:11px;line-height:18px;color:#62625b;background:#eeeadc;font-weight:400;letter-spacing:0}#thinking .copy h3{font-size:23px;margin-bottom:18px;letter-spacing:0}#thinking .concept-note{font-size:13px;margin:20px 0 12px}#thinking .copy .upcoming-badge{margin-top:4px}