:root{font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#f4f3f9;background:#0c0f16;font-synthesis:none;font-weight:400;color-scheme:dark;--accent:#b9b9de}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b9b9ed;outline-offset:7px}button:disabled{opacity:.3;cursor:default}.site-shell{min-height:100svh;display:flex;flex-direction:column;padding:0 6.65%;background:radial-gradient(ellipse at 96% 0%,#33395655 0%,#20283f26 30%,transparent 58%),radial-gradient(ellipse at 100% 88%,#38314f38 0%,transparent 52%),#090c12}.header{display:flex;align-items:center;justify-content:space-between;padding:clamp(30px,7.7vh,79px) 0 0}.wordmark{font-size:28px;letter-spacing:-1.1px;font-weight:550}.header nav{display:flex;gap:44px}.header nav button{font-size:14px;color:#aaabba;padding:10px 0;transition:color .2s}.header nav button:hover{color:#fff}.hero{flex:1;display:grid;grid-template-columns:43% 57%;align-items:center;max-width:1440px;width:100%;margin:auto;gap:0;padding:62px 0 66px}.hero-copy{padding-left:3.6vw;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:4.3px;color:#a5a7bd;margin:0 0 30px}.hero h1{font-size:clamp(38px,4.08vw,64px);font-weight:500;line-height:1.22;letter-spacing:.01em;margin:0}.hero h1 span{color:var(--accent)}.intro{font-size:17px;line-height:1.9;color:#dedee8;margin:35px 0 50px;white-space:nowrap}.actions{display:flex;align-items:center;gap:32px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 27px;min-height:54px;background:#e8e5fb;color:#141522;border:1px solid #f6f3ff;border-radius:999px;font-size:15px;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.primary:hover{background:#f7f5ff;transform:translateY(-2px);box-shadow:0 6px 28px #bab4ff20}.primary:active{transform:scale(.97)}.text-link{display:inline-flex;align-items:center;gap:9px;padding:9px 0;font-size:15px;white-space:nowrap;color:#c3c4d2}.text-link:hover{color:#fff}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.hero-art{position:relative;width:100%;padding:0;display:block;border-radius:20px;isolation:isolate}.hero-art img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.65,.25,1);mix-blend-mode:lighten}.hero-art:hover img{transform:translateY(-5px)}.art-hint{position:absolute;bottom:10%;right:12%;display:flex;align-items:center;gap:7px;color:#d5d4e7;border:1px solid #999aba30;border-radius:30px;padding:8px 12px;background:#171c2be8;font-size:11px;opacity:0;transition:opacity .2s}.hero-art:hover .art-hint,.hero-art:focus-visible .art-hint{opacity:1}footer{border-top:1px solid #babbd02c;padding:23px 0 6.8vh;display:flex;justify-content:space-between;color:#8e92a4;font-size:13px}.modal{border:1px solid #7b81913d;border-radius:24px;background:#141822;color:#f2f2fa;padding:45px;width:min(530px,calc(100% - 32px));box-shadow:0 30px 100px #0008;max-height:90svh;overflow:auto}.modal::backdrop{background:#050710be;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#b4b8cc}.close:hover{background:#ffffff10;color:#fff}.message{padding-top:22px}.message>.eyebrow{margin-top:24px;font-size:11px;letter-spacing:2px}.modal h2{font-size:30px;font-weight:500;margin:15px 0}.message>p:not(.eyebrow):not(.note),.modal-heading>p:last-child{line-height:1.9;color:#aaaec0;font-size:14px}.message .primary{margin:24px 0 12px}.note{font-size:11px;line-height:1.7;color:#9296ad}.explore-modal{width:min(980px,calc(100% - 32px));padding:32px 35px 22px}.modal-heading .eyebrow{font-size:10px;margin-bottom:10px;letter-spacing:3px}.modal-heading h2{font-size:26px}.canvas-viewport{height:min(50vh,500px);overflow:auto;border-radius:12px;background:#0c0f16;text-align:center}.canvas-viewport img{height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:transform .25s}.preview-tools{display:flex;width:max-content;align-items:center;margin:16px auto 5px;padding:3px;background:#222838;border-radius:30px;gap:8px}.preview-tools button{display:grid;place-items:center;min-width:36px;height:32px;font-size:12px;border-radius:20px}.preview-tools button:hover:not(:disabled){background:#ffffff10}.explore-modal>.note{text-align:center}@media(min-width:1600px){.hero-copy{padding-left:32px}.hero{max-width:1440px}.intro{font-size:18px}}@media(max-width:1150px){.actions{gap:18px}.primary{padding:14px 20px;font-size:13px}.intro{font-size:14px;white-space:normal}.text-link{font-size:13px}.hero-copy{padding-left:0}.hero{grid-template-columns:44% 56%}.hero h1{font-size:clamp(38px,4.4vw,56px)}}@media(max-width:760px){.site-shell{padding:0 7%}.header{padding-top:28px}.wordmark{font-size:25px}.header nav{gap:22px}.header nav button{font-size:12px}.hero{grid-template-columns:1fr;padding:72px 0 30px;gap:30px}.hero-copy{padding-left:4px}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:26px}.hero h1{font-size:clamp(38px,8.7vw,58px);line-height:1.23}.intro{margin:26px 0 30px;font-size:14px}.actions{gap:24px}.hero-art{width:100%;max-width:560px;margin:auto}.art-hint{opacity:1}.primary{min-height:49px}footer{font-size:11px;padding:22px 0 30px}.modal{padding:35px 25px}.explore-modal{padding:32px 18px 18px}.canvas-viewport{height:38vh}}.hero{padding-top:34px;padding-bottom:34px}.hero-art{isolation:auto}.hero-art img{mix-blend-mode:normal;max-height:660px;object-fit:contain;clip-path:inset(12.2% 10.4% 14.7% 10.5% round 16px)}.canvas-viewport img{clip-path:inset(12.2% 10.4% 14.7% 10.5% round 16px)}.hero-art{max-width:660px;margin-inline:auto}.hero-art img{max-height:none;object-fit:fill}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}