:root{--bg: #ddd;--surface: #f8f8f8;--text: #131313;--muted: #595959;--accent: #5450fa;--accent-strong: #3c37d1;--stroke: #d8d8d8;--blak: var(--text);--neutral: var(--bg);--wite: #ffffff;--ink: var(--accent)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Sansless,Segoe UI,sans-serif;line-height:1.35;--one-column: calc((100vw - 208px) / 12);--two-column: calc((100vw - 208px) / 6 + 16px);--three-column: calc((100vw - 208px)/4 + 32px) ;--grid-space: 16px}@font-face{font-family:Sansless;font-style:normal;src:url(/fonts/Sansless-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Sansless Mono;font-style:normal;src:url(/fonts/Sansless-Mono.woff2) format("woff2");font-display:swap}code{font-family:Sansless Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mobile,.tablet-mobile{display:none}@media(max-width:640px){.mobile{display:block}.desktop-tablet{display:none}}@media(max-width:1024px){.tablet-mobile{display:block}.desktop{display:none}}body[data-theme=dark]{--bg: #111319;--surface: #191c24;--text: #eef0f7;--muted: #9ca3b4;--accent: #76b8ff;--accent-strong: #92c6ff;--stroke: #2b3241;--blak: var(--text);--neutral: var(--bg);--wite: #000000;--ink: var(--accent)}.app-shell{min-height:100vh}.app-header{position:fixed;top:0;left:0;right:0;z-index:30;height:64px;display:grid;grid-template-columns:var(--three-column) auto repeat(3,var(--one-column));align-items:center;padding:0 16px;background-color:var(--bg)}.brand-word,.brand-mark,.nav-link,.footer-link{text-decoration:none;color:var(--text)}.brand-word{justify-self:start;font-size:18px}.brand-mark{justify-self:center;height:31px;display:grid;place-items:center}.brand-mark-fill{fill:var(--accent)}.nav-link{justify-self:end;font-size:18px}.nav-link:hover,.footer-link:hover,.brand-word:hover{color:var(--accent-strong)}.menu-button{justify-self:end;appearance:none;border:0;background:transparent;color:var(--text);font:inherit;font-size:18px;cursor:pointer;padding:0}.menu-button:hover{color:var(--accent-strong)}.mobile-menu{position:fixed;inset:64px 0 0;z-index:29;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.closed{display:none}.mobile-menu a{text-decoration:none;color:var(--text);font-size:clamp(1.6rem,4vw,2.4rem)}.mobile-menu a:hover{color:var(--accent-strong)}.app-main{padding:64px 0 152px}.container{width:min(1180px,100%);margin:0 auto;padding:0 16px}.page-head{margin-bottom:28px}.page-title{margin:0;font-size:clamp(2rem,3.8vw,3.2rem);line-height:.95;letter-spacing:-.02em}.page-subtitle{margin:10px 0 0;color:var(--muted);font-size:.95rem}.app-footer{position:fixed;left:0;right:0;bottom:0;height:48px;z-index:30;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:transparent}.footer-copy{font-size:12px;color:var(--muted)}.footer-link{font-size:12px}.footer-link>span{color:var(--accent)}.theme-switch{appearance:none;border:0;background:transparent;padding:0;height:24px;width:24px;cursor:pointer}.theme-switch-stroke{stroke:var(--accent)}button,input,select,textarea{font:inherit}@media(max-width:1024px){.app-header{grid-template-columns:1fr auto 1fr}}@media(max-width:860px){.nav-link,.brand-word{font-size:14px}}.landing-page{display:grid}.landing-page.container{width:100%;max-width:none;padding:0}.landing-carousel-wrap{position:relative}.landing-carousel{position:relative;overflow:hidden;height:min(52.94vw,760px);border-radius:2px}.landing-slide-link{position:absolute;inset:0 auto 0 0;width:100%}.landing-slide-link>img,.landing-slide-link picture>img{width:100%;height:100%;object-fit:cover}.landing-arrow{position:absolute;top:0;bottom:0;width:min(8.235vw,96px);z-index:10;display:grid;place-items:center;font-size:clamp(1.7rem,2.2vw,2.2rem);color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none}.landing-arrow:hover{background:color-mix(in oklab,var(--surface),transparent 65%)}.landing-arrow-left{left:0}.landing-arrow-right{right:0}.carousel-dots{display:none;justify-content:center;gap:8px;padding:12px 0}@media(max-width:640px){.carousel-dots{display:flex}}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--stroke)}.carousel-dot.active{background:var(--accent)}.landing-grid{display:grid;padding:128px 0;width:100%;box-sizing:border-box}.landing-tile{display:grid;grid-template-columns:var(--two-column) auto;grid-column-gap:16px;height:256px;line-height:24px;overflow:hidden;padding-left:calc(var(--two-column) + var(--grid-space))}.landing-tile>.preview-header{display:grid;grid-template-rows:auto min-content;height:128px;justify-content:space-between}.preview-text{display:grid;margin-top:12px;grid-template-rows:min-content min-content}.preview-hint{font-size:12px;line-height:16px}.landing-tile>.preview-header>a{box-sizing:border-box;width:96px}.button-40{height:40px;display:grid;place-content:center;text-decoration:none;border:1px solid var(--accent);border-radius:40px;color:inherit;background:transparent;cursor:pointer}.button-40:hover{background:var(--accent);color:#fff}.landing-preview{height:256px;width:min-content}.landing-preview>svg{height:256px;width:min-content}.ink-fill{fill:var(--accent)}.ink-stroke{stroke:var(--accent)}.blak-fill{fill:var(--text)}.neutral-fill{fill:var(--bg)}@media only screen and (max-width:1024px){.landing-tile{padding-left:16px;font-size:12px;line-height:16px}.landing-tile>.preview-header>a{height:24px;width:52px}}@media only screen and (min-width:421px)and (max-width:1024px){.landing-tile{grid-template-columns:calc((100vw - 80px)/4 + 16px) auto}}@media only screen and (max-width:640px){.landing-grid{padding:64px 0 128px}.landing-tile{grid-template-columns:auto;grid-template-rows:56px 160px;grid-row-gap:8px;height:224px}.landing-tile>.preview-header{box-sizing:border-box;padding-right:16px;grid-template-rows:auto;grid-template-columns:auto auto;height:56px;width:calc(100vw - 16px)}.landing-tile>.preview-header>a{align-self:center}.landing-preview,.landing-preview>svg{height:160px}.preview-hint:before{content:"– "}}.auth-card{width:min(420px,100%);padding:20px;border:1px solid var(--stroke);background:var(--surface);display:grid;gap:10px}.auth-label{font-size:.82rem;color:var(--muted)}.auth-input{height:42px;border:1px solid var(--stroke);background:color-mix(in oklab,var(--surface),var(--bg) 20%);padding:10px 12px;color:var(--text)}.auth-submit{margin-top:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;height:42px;cursor:pointer}.auth-submit:hover{background:var(--accent-strong)}.auth-error{font-size:.85rem;padding:10px 12px;border:1px solid #e05a5a;color:#9f2020;background:#ffe9e9}.content-prose{width:min(900px,100%);background:var(--surface);border:1px solid var(--stroke);padding:20px;color:var(--text)}.content-prose a{color:var(--accent);text-decoration:none}.content-prose img,.content-prose svg,.content-prose video{max-width:100%;height:auto}.content-prose pre{white-space:pre-wrap}.result-card{width:min(640px,100%);background:var(--surface);border:1px solid var(--stroke);padding:20px;display:grid;gap:10px}.not-found-page{display:grid;gap:12px;place-content:center;min-height:calc(100vh - 160px);text-align:center}.not-found-code{font-size:clamp(4rem,16vw,9rem);line-height:.8;margin:0;color:color-mix(in oklab,var(--accent),var(--text) 20%)}.not-found-link{justify-self:center;color:var(--accent);text-decoration:none}.cart-list{width:min(640px,100%);background:var(--surface);border:1px solid var(--stroke);padding:20px;display:grid;gap:10px}.cart-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--stroke)}.cart-total{display:flex;justify-content:space-between;padding:12px 0 4px;font-weight:700}.cart-checkout-link{justify-self:start;display:inline-grid;place-items:center;height:40px;padding:0 24px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);text-decoration:none}.cart-checkout-link:hover{background:var(--accent);color:#fff}.cart-browse-link{color:var(--accent);text-decoration:none}.legacy-frame-shell{min-height:calc(100vh - 48px)}.legacy-frame{width:100%;min-height:calc(100vh - 48px);border:0;display:block;background:#fff}.info-wrap{display:grid;grid-template-columns:var(--two-column) auto;padding:100px calc(var(--two-column) + 32px) 0 calc(var(--two-column) + 32px);grid-column-gap:var(--grid-space);grid-template-rows:repeat(5,48px) auto}.info-wrap>h2{grid-column:1;cursor:pointer;font-size:27px;line-height:24px;margin:0}.info-wrap>h2:hover,.info-wrap a:hover{color:var(--accent)}.info-wrap>section{grid-column:2;grid-row:1 / 7;font-size:18px;line-height:24px}.info-wrap>section.closed{display:none}.info-wrap>section>.submenu-title{font-size:27px;line-height:24px}.info-wrap>section a>span,.info-wrap button>span{color:var(--accent)}.info-wrap>section>a,.info-wrap>section>p,.info-wrap>section>div{display:block;margin-bottom:32px}#trial-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--grid-space);grid-template-rows:repeat(5,40px)}#trial-form>#agree{padding-top:16px}#trial-form .agree-block{display:grid;grid-template-columns:min-content auto;align-items:center;grid-gap:16px;align-self:end}.info-wrap a{color:var(--text);text-decoration:none}#trial-form input[type=checkbox]{height:24px;width:24px;border:1px solid var(--accent);outline:1px solid var(--accent);padding:0;float:left;position:absolute;opacity:0}#trial-form input[type=checkbox]+label{display:inline-grid;place-items:center;height:24px;width:24px;border:1px solid var(--accent)}.checkbox-dot{display:block;height:8px;width:8px;background-color:var(--accent);border-radius:4px;opacity:0}#trial-form input[type=checkbox]:checked+label>span.checkbox-dot{opacity:1}#trial-form>button{color:var(--text);grid-column:span 2;background-color:transparent;cursor:pointer;justify-self:right;border:none;font:inherit;font-size:42px;line-height:27px}#trial-form>button:hover{color:var(--accent)}#trial-form select{grid-column:span 2}#trial-form input,#trial-form select{background-color:transparent;border:1px solid var(--accent);box-sizing:border-box;color:var(--text);font:inherit;height:40px;outline:none;padding:8px 16px;width:100%}#trial-form input::placeholder{color:var(--accent)}.form-error{color:#e53e3e;font-size:.9rem}@media only screen and (min-width:641px){.info-wrap>h2.active:before{color:var(--accent);content:"→ "}#trial-form .agree-block{grid-column:span 2}}@media only screen and (max-width:1024px){.info-wrap{padding-right:16px;padding-left:16px}}@media only screen and (min-width:421px)and (max-width:1024px){.info-wrap{grid-template-columns:calc((100vw - 112px) / 3 + 16px) auto}}@media only screen and (max-width:640px){.info-wrap{grid-template-columns:auto;grid-template-rows:unset;grid-auto-rows:minmax(48px,min-content);padding-top:68px;padding-bottom:124px}.info-wrap>h2{grid-column:auto}.info-wrap>section{grid-column:auto;grid-row:auto}.info-wrap>h2.active:before{color:var(--accent);content:"↓ "}#trial-form{grid-template-columns:auto;margin-bottom:30px}#trial-form select{grid-column:auto}#trial-form button{grid-column:auto;font-size:27px;line-height:24px}}.fontlink{cursor:pointer;color:var(--accent);padding:4px 0}.fontlink:hover{color:var(--accent-strong)}