@font-face{font-family:Questrial;src:url(/assets/Questrial-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:block}
*{box-sizing:border-box}body{margin:0;background:#f6f6f7;color:#202025;font-family:Questrial,sans-serif;font-weight:400;font-synthesis:none}button,input,select{font:inherit}h1,h2,h3,p{margin:0;font-weight:400}nav,.wrap{max-width:1280px;margin:auto}nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4e9}.brand{font-size:32px;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}.brand svg{width:21px;height:21px}.navlinks{display:flex;gap:32px;font-size:16px}.muted{color:#62626c}.hero{padding:94px 0 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}h1{font-size:76px;line-height:1.03;letter-spacing:-.035em;max-width:650px}.intro{font-size:21px;line-height:1.5;color:#62626c;max-width:490px;margin:25px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;min-height:50px;border:1px solid #d4d4df;border-radius:9px;background:#fff;color:#25252d;font-size:16px;white-space:nowrap}.primary{background:#5558e8;color:#fff;border-color:#5558e8}.actions{display:flex;gap:12px;flex-wrap:wrap}.arrow{margin-left:25px}.art{height:360px;position:relative;display:grid;place-items:center}.glow{position:absolute;bottom:10px;left:5%;width:90%;height:180px;background:radial-gradient(ellipse,#ffb95688 0%,#ffd77766 30%,#fff0b733 55%,transparent 73%);filter:blur(23px)}.star{width:240px;color:#fff;position:relative;filter:drop-shadow(0 12px 16px #b9b9c53b);transform:translateY(-20px)}.section-title{font-size:22px;margin:0 0 20px}.product-strip{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:16px;padding:29px 34px;gap:25px}.product-title{font-size:31px;margin-bottom:9px}.product-strip p{font-size:17px;color:#62626c}.link{color:#474bd1;font-size:16px}.footer{margin-top:50px;padding:22px 0;border-top:1px solid #e4e4e9;display:flex;justify-content:space-between;color:#62626c;font-size:14px}.note{font-size:13px;color:#62626c;line-height:1.5}.screenshot{height:335px;background:#eeeef2;border:1px dashed #bcbcc8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#62626c}.screenshot svg{width:35px;height:35px}.screenshot span{font-size:22px;color:#41414c}.product-hero{padding-top:75px;padding-bottom:52px;gap:60px}.product-hero h1{font-size:65px}.product-hero .intro{font-size:19px;margin-top:23px}.play-link{margin-top:23px}.modes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dcdce4;border-bottom:1px solid #dcdce4;padding:29px 0;gap:40px}.modes h2{font-size:25px;margin-bottom:10px}.modes p{color:#62626c;font-size:17px;line-height:1.5;max-width:300px}.conditions{margin-top:19px;font-size:14px;line-height:1.5;color:#62626c}.trust{display:flex;gap:28px;margin-top:24px;font-size:16px}.mobile-note{display:none}.play-head{padding:48px 0 30px}.play-head h1{font-size:47px}.play-head p{margin-top:16px;color:#62626c;font-size:18px}.workspace{display:grid;grid-template-columns:1fr 340px;gap:26px}.form,.baseline,.comparison{background:#fff;border-radius:14px;padding:27px}.form h2,.baseline h2,.comparison h2{font-size:23px;margin-bottom:23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field label{display:block;font-size:16px;margin-bottom:10px}.field input,.field select{width:100%;height:46px;border:1px solid #cccdd7;border-radius:7px;background:#fff;padding:10px;color:#62626c}.check{display:flex;gap:10px;margin-top:26px;font-size:16px;align-items:center}.check input{width:17px;height:17px}.baseline .button{width:100%;margin-top:12px}.baseline p{margin-bottom:18px;color:#62626c;font-size:16px}.disabled{background:#f0f0f3;color:#73737e;border-color:#f0f0f3}.comparison{margin-top:25px}.table-head{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;padding:15px 16px;background:#f6f6f8;color:#62626c;font-size:15px}.empty{padding:28px 0 18px;text-align:center;color:#62626c;font-size:17px}.empty small{display:block;margin-top:10px;font-size:14px}.sample-note{margin-top:15px;font-size:13px;color:#62626c}.stack-empty{display:none}.play .footer{margin-top:27px}
@media(max-width:600px){nav{height:76px;margin:0 24px}.brand{font-size:28px}.navlinks{font-size:14px;gap:0}.navlinks span:not(:last-child){display:none}.wrap{margin:0 24px}.hero{grid-template-columns:1fr;padding:42px 0 32px;gap:22px}h1{font-size:49px;line-height:1.04;letter-spacing:-.03em}.intro{font-size:18px;line-height:1.45;margin:21px 0 25px}.art{height:205px}.star{width:142px;transform:translateY(-4px)}.glow{height:110px;bottom:-5px}.section-title{font-size:20px;margin-bottom:15px}.product-strip{display:block;padding:23px}.product-title{font-size:28px}.product-strip p{line-height:1.45}.product-strip .link{margin-top:20px}.footer{font-size:12px;margin-top:29px;gap:20px;line-height:1.4}.product-hero{gap:30px}.product-hero h1{font-size:45px}.product-hero .intro{font-size:18px}.actions{display:grid;grid-template-columns:1fr}.actions .button{width:100%}.mobile-note{display:block;font-size:12px;color:#62626c;line-height:1.4;margin-top:14px}.screenshot{height:190px}.screenshot span{font-size:19px}.modes{grid-template-columns:1fr;gap:23px;padding:25px 0}.modes h2{font-size:23px;margin-bottom:6px}.modes p{font-size:16px}.conditions{font-size:12px}.trust{font-size:14px;gap:14px;flex-wrap:wrap}.play-head{padding-top:36px}.play-head h1{font-size:36px}.play-head p{font-size:16px;line-height:1.5}.workspace{grid-template-columns:1fr;gap:18px}.form,.baseline,.comparison{padding:21px}.fields{grid-template-columns:1fr;gap:20px}.form h2,.baseline h2,.comparison h2{font-size:22px}.comparison{margin-top:18px}.table-head{display:none}.stack-empty{display:block;font-size:14px;line-height:1.5;color:#62626c;margin-bottom:12px}.empty{font-size:16px;padding:15px 0}.sample-note{line-height:1.45}.play .footer{margin-top:24px}}

body{background:#fff;color:#242322}nav{border-color:#ecebe8}.brand{font-size:34px}.navlinks,.link{color:#4b4946}.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button{border-color:#dedcd8;color:#34322f}.button.primary{color:#fff}.intro,.muted,.note,.conditions,.footer,.modes p,.product-strip p,.play-head p,.baseline p,.empty,.sample-note{color:#6a6762}.product-strip,.form,.baseline,.comparison{background:#fff}.screenshot{background:#fff;color:#77716a;border-color:#dfdcd7;border-style:solid}.screenshot span{color:#57524c}.screenshot .note{color:#706a63}.field input,.field select{border-color:#d9d6d1;color:#655f57;background:#fff}.table-head{background:#f8f7f5;color:#68625b}.disabled{background:#f3f2ef;border-color:#f3f2ef;color:#79746c}.glow{background:radial-gradient(ellipse,#ffb44790 0%,#ffcf6a70 28%,#ffebb63b 52%,transparent 75%);filter:blur(24px)}.star{filter:drop-shadow(0 6px 10px #9b8c7622)}.footer{border-color:#ecebe8}.section-title{color:#625e58}.modes{border-color:#e7e4df}.button,.screenshot,.form,.baseline,.comparison{transition:none}.mobile-note{color:#6a6762}::selection{background:#eeeae4;color:#242322}
@media(max-width:600px){.brand{font-size:29px}.navlinks{font-size:13px}.footer{font-size:12px}.mobile-note{line-height:1.5}}

:root{--ink:#383632}

nav{height:100px;border-bottom:0}.hero{padding:80px 0 80px;gap:90px}h1{font-size:74px}.art{height:340px}.star{width:210px}.glow{bottom:2px}.button{border-radius:12px}.product-strip{box-shadow:0 12px 45px #4239270b;padding:33px 36px}.screenshot{border:0;box-shadow:0 10px 45px #4239270c;border-radius:16px}.form,.baseline,.comparison{box-shadow:0 9px 35px #4239270a}.product-hero{padding-top:70px;padding-bottom:54px}.play-head{padding-top:60px}.workspace{gap:30px}.footer{margin-top:48px}
@media(max-width:600px){nav{height:80px}.hero{padding:40px 0 35px;gap:25px}h1{font-size:48px}.art{height:190px}.star{width:142px}.product-strip{padding:25px}.product-hero h1{font-size:45px}.play-head{padding-top:35px}.footer{margin-top:30px}}

.product-identity{display:flex;align-items:center;gap:20px}.product-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}.nav-product{display:flex;align-items:center;gap:9px}.nav-product img{width:26px;height:26px;object-fit:contain}.navlinks{align-items:center}.screenshot.supplied{height:auto;background:transparent;box-shadow:0 12px 38px #302b2310;overflow:hidden;border:0;display:block;line-height:0;border-radius:14px}.supplied img{display:block;width:100%;height:auto}.play-heading{display:flex;align-items:center;gap:16px}.play-heading img{width:48px;height:48px;object-fit:contain}.product-hero{grid-template-columns:1fr 1.1fr;gap:44px}.product-hero h1{font-size:62px}.product-hero .actions{gap:10px}.product-hero .button{padding:15px 18px}
@media(max-width:600px){.product-identity{gap:15px}.product-logo{width:50px;height:50px}.product-strip .product-title{font-size:26px;margin-bottom:7px}.product-strip p{font-size:15px}.product-hero{grid-template-columns:1fr;gap:30px}.product-hero h1{font-size:45px}.screenshot.supplied{margin-top:0;border-radius:10px}.play-heading{align-items:flex-start;gap:12px}.play-heading img{width:34px;height:34px;margin-top:4px}.play-heading h1{font-size:33px}.product-strip .link{margin-top:22px}.nav-product{display:none!important}}
.brand{gap:11px}.brand .brand-icon{display:block;width:34px;height:34px;object-fit:contain}.brand-emblem{position:relative;width:268px;line-height:0;z-index:1;transform:translateY(-8px)}.brand-emblem img{display:block;width:100%;height:auto}.art .glow{opacity:.46;bottom:-8px;height:145px}.art{height:340px}@media(max-width:600px){.brand .brand-icon{width:29px;height:29px}.brand{gap:9px}.art{height:135px;margin:5px 0 2px}.brand-emblem{width:118px;transform:none}.art .glow{height:85px;bottom:-9px;opacity:.42}}
nav .brand{font-size:29px;line-height:1;letter-spacing:-.025em;gap:10px;color:#292824}
nav .brand .brand-icon{width:30px;height:30px;object-fit:contain}
nav .brand .brand-word{display:block;transform:translateY(1px)}
.art.light-art{height:340px;isolation:isolate;overflow:hidden}
.light-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:340px}
.light-atmosphere{position:absolute;inset:5px -5px 0 35px;background:radial-gradient(ellipse at 50% 50%,#ffb43f66 0%,#ffcb6650 26%,#ffe4a930 44%,transparent 69%)}
.light-edge{position:absolute;width:235px;height:235px;top:42px;left:88px;border-radius:50%;background:linear-gradient(145deg,#fff6db 8%,#ffce6c 40%,#ffa535 76%,#ffe4a1 98%);box-shadow:13px 12px 30px #ffc36040}
.light-veil{position:absolute;width:237px;height:237px;left:70px;top:27px;border-radius:50%;background:linear-gradient(135deg,#fff 22%,#fff 64%,#fffef9 87%,#fff5df 100%);box-shadow:6px 5px 13px #d2912c0b}
.light-floor{position:absolute;left:75px;bottom:24px;width:265px;height:20px;background:radial-gradient(ellipse,#d7c6a522,transparent 67%);filter:blur(9px)}
@media(min-width:601px) and (max-width:1350px){nav,.wrap{margin-left:40px;margin-right:40px}.hero{gap:32px}.hero h1{font-size:clamp(44px,4.8vw,69px)}.light-scene{transform:translate(-50%,-50%) scale(.85)}}
@media(max-width:600px){nav .brand{font-size:27px;gap:8px}nav .brand .brand-icon{width:28px;height:28px}.art.light-art{height:155px;margin:0}.light-scene{transform:translate(-50%,-50%) scale(.52)}.hero{gap:8px}}
:root{--ink:#111111}.button.primary{background:#111111;border-color:#111111;color:#fff}.art.orbit-art{height:340px;overflow:hidden;position:relative}.orbit-art svg{display:block;width:520px;max-width:none;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:601px) and (max-width:1000px){.orbit-art svg{width:420px;height:auto}}@media(max-width:600px){.art.orbit-art{height:190px;margin:0}.orbit-art svg{width:335px;height:auto}}nav .brand{font-size:23px;letter-spacing:-.015em;gap:3px;color:#111;line-height:1}nav .brand .brand-icon{width:28px;height:28px}nav .brand .brand-word{transform:translateY(3px)}
/* Keep focus on the control border rather than an external ring. */
#test-form .field input:focus,#test-form .field select:focus,#test-form .field textarea:focus{outline:none;border-color:#475569;box-shadow:0 1px 2px rgb(15 23 42 / 8%)}
@media(forced-colors:active){#test-form .field input:focus,#test-form .field select:focus,#test-form .field textarea:focus{outline:2px solid Highlight;outline-offset:2px}}

/* Keep a native select so extension filling and form snapshots remain intact. */
@supports (appearance:base-select){
  #role,#role::picker(select){appearance:base-select}
  #role{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  #role::picker-icon{content:"";width:7px;height:7px;margin-right:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;transform:translateY(-2px);transition:rotate 300ms ease}
  #role:open::picker-icon{rotate:45deg}
  #role::picker(select){top:anchor(bottom);bottom:auto;left:anchor(left);right:auto;margin-top:4px;padding:5px;border:1px solid #d9d6d1;border-radius:7px;background:#fff;color:#34322f;box-shadow:0 8px 20px rgb(15 23 42 / 8%);opacity:0;transform:translateY(-6px);transition:opacity 300ms ease,transform 300ms ease,display 300ms allow-discrete,overlay 300ms allow-discrete}
  #role:open::picker(select){opacity:1;transform:translateY(0)}
  @starting-style{#role:open::picker(select){opacity:0;transform:translateY(-6px)}}
  #role option::checkmark{display:none}
  #role option{display:flex;align-items:center;min-height:42px;padding:10px 12px;border-radius:4px;cursor:pointer;font:inherit;background:#fff;color:#34322f}
  #role option:hover,#role option:focus{background:#f3f2ef;outline:none}
  #role option:checked{display:none}
  @media(prefers-reduced-motion:reduce){#role::picker-icon,#role::picker(select){transition:none}}
}