:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f6fb;background:#080b12;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 65% 0%,#16243c 0,#080b12 38rem)}a{color:inherit}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #62e6bf;outline-offset:3px}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;padding:.75rem 1rem;background:#fff;color:#080b12}.skip-link:focus{top:1rem}.site-shell{width:min(1180px,calc(100% - 2rem));margin:auto}.site-header,footer,.editor-header{display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:.6rem;background:#62e6bf;color:#07110e}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.1rem;border:1px solid #344154;border-radius:.7rem;color:#fff;background:transparent;text-decoration:none;cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.button-primary{border-color:#62e6bf;background:#62e6bf;color:#07110e;font-weight:800}.button-quiet:hover{background:#17202d}.hero{padding:clamp(4rem,9vw,8rem) 0 4rem}.eyebrow{color:#62e6bf;font-size:.75rem;font-weight:800;letter-spacing:.16em}.hero h1{max-width:900px;margin:.7rem 0 1.2rem;font-size:clamp(3rem,8vw,7rem);line-height:.94;letter-spacing:-.065em}.hero h1 span{color:#8d9aad}.hero-copy{max-width:680px;color:#aeb8c7;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 4rem}.editor-preview{overflow:hidden;min-height:420px;border:1px solid #283548;border-radius:1.3rem;background:#0d121b;box-shadow:0 35px 90px #0008}.preview-toolbar{display:flex;gap:.45rem;padding:1rem;border-bottom:1px solid #283548}.preview-toolbar span{width:.65rem;aspect-ratio:1;border-radius:50%;background:#425066}.preview-grid{position:relative;min-height:370px;background-image:linear-gradient(#21304755 1px,transparent 1px),linear-gradient(90deg,#21304755 1px,transparent 1px);background-size:36px 36px}.preview-ground{position:absolute;right:11%;bottom:18%;left:8%;height:22%;border:2px solid #62e6bf;border-radius:48% 52% 8% 8%;background:linear-gradient(#265d4c,#142a26);box-shadow:0 0 50px #62e6bf22}.preview-fia{position:absolute;right:2rem;top:2rem;padding:.65rem 1rem;border:1px solid #62e6bf66;border-radius:999px;background:#10221d;color:#8bffe0}.principles{padding:5rem 0}.principles h2{max-width:750px;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.04em}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.principle-grid article{padding:1.5rem;border:1px solid #283548;border-radius:1rem;background:#0e141e}.principle-grid p,footer{color:#9eabba;line-height:1.6}footer{border-top:1px solid #283548}.auth-page{display:grid;min-height:100vh;place-items:center;padding:6rem 1rem 2rem}.auth-brand{position:absolute;top:1.5rem;left:1.5rem}.auth-card{width:min(100%,430px);padding:clamp(1.5rem,5vw,2.5rem);border:1px solid #2c394c;border-radius:1.2rem;background:#0e141eee;box-shadow:0 30px 80px #0007}.auth-card h1{margin-bottom:.5rem;font-size:2.4rem;letter-spacing:-.04em}.auth-card>p:not(.eyebrow){color:#aeb8c7}.auth-card form{display:grid;gap:.75rem;margin-top:2rem}.auth-card label{margin-top:.4rem;font-weight:700}.auth-card input{width:100%;min-height:48px;padding:.8rem .9rem;border:1px solid #3a485c;border-radius:.65rem;background:#080d15;color:#fff}.auth-message{min-height:1.5rem;color:#f2c777}.text-button{border:0;background:none;color:#9ee8d3;cursor:pointer}.auth-switch{margin:1.5rem 0 0;text-align:center;color:#9eabba}.auth-switch a{color:#dfff00;font-weight:800}.studio-dashboard{display:grid;grid-template:68px 1fr / 260px 1fr;min-height:100vh;background:#0e0e12;color:#e4e1e7}.studio-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff12}.studio-topbar>div{display:flex;align-items:center;gap:20px;color:#dfff00;font:700 11px ui-monospace,monospace}.studio-topbar button{border:0;background:none;color:#aaa;cursor:pointer}.studio-wordmark{color:#fff;font-weight:900;text-decoration:none}.studio-wordmark span{color:#dfff00}.studio-sidebar{display:flex;flex-direction:column;gap:12px;padding:32px 16px;border-right:1px solid #ffffff12}.studio-sidebar a{padding:15px 18px;color:#777;font:700 11px ui-monospace,monospace;letter-spacing:.14em;text-decoration:none}.studio-sidebar a.is-active,.studio-sidebar a:hover{border:1px solid #dfff0033;background:#dfff000b;color:#dfff00}.studio-main{padding:24px}.studio-welcome{padding:28px;border:1px solid #ffffff12}.studio-welcome h1{margin:0;font-size:2rem}.studio-welcome h1 span{color:#dfff00}.studio-welcome p{color:#888}.studio-tools{margin-top:16px}.studio-tool-card{display:grid;grid-template-columns:minmax(260px,42%) 1fr;max-width:820px;min-height:390px;overflow:hidden;border:1px solid #ffffff18;background:#131317;color:inherit;text-decoration:none}.studio-tool-visual{position:relative;display:grid;place-items:center;background-image:linear-gradient(#dfff0010 1px,transparent 1px),linear-gradient(90deg,#dfff0010 1px,transparent 1px);background-size:28px 28px}.studio-tool-visual i{width:65%;height:30%;border:2px solid #dfff00;border-radius:50% 45% 8% 10%;background:#333914;box-shadow:0 0 50px #dfff0030}.studio-tool-visual b{position:absolute;right:18px;bottom:18px;color:#dfff00;font:700 10px ui-monospace,monospace}.studio-tool-body{padding:36px}.studio-tool-body small{color:#dfff00;font:700 10px ui-monospace,monospace;letter-spacing:.2em}.studio-tool-body h2{margin:12px 0;font-size:2rem}.studio-tool-body p{color:#999;line-height:1.7}.studio-tool-body dl{display:flex;gap:32px;margin:30px 0}.studio-tool-body dt{color:#666;font:10px ui-monospace,monospace;text-transform:uppercase}.studio-tool-body dd{margin:5px 0 0}.studio-tool-body strong{color:#dfff00}.centered-status{display:grid;min-height:100vh;place-items:center}.editor-page{height:100dvh;overflow:hidden}.editor-header{height:64px;min-height:64px;padding:0 1rem;border-bottom:1px solid #273448;background:#080b12}.editor-host{display:block;width:100%;height:calc(100dvh - 64px);min-width:0;min-height:0;overflow:hidden}@media(max-width:760px){.principle-grid{grid-template-columns:1fr}.editor-preview{min-height:300px}.preview-grid{min-height:250px}.studio-dashboard{grid-template:68px auto 1fr / 1fr}.studio-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid #ffffff12}.studio-tool-card{grid-template-columns:1fr}.studio-tool-visual{min-height:230px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}