.pub{--pub-readable:color-mix(in oklch,var(--subtle) 75%,var(--text));--pub-gutter:48px;--pub-display:-0.055em;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased}.pub a{color:inherit;text-decoration:none}.pub :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--accent-blue);outline-offset:4px;border-radius:var(--radius-control)}.pub-wrap{max-width:1320px;padding-inline:var(--pub-gutter);margin-inline:auto}.pub-mono{font-family:var(--mono);font-size:calc(var(--fs-2xs) * 1.1);line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.pub-skip{position:fixed;inset-block-start:-100px;inset-inline-start:20px;z-index:40;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control)}.pub-skip:focus{inset-block-start:10px}.pub-header{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:80px;padding-inline:max(var(--pub-gutter),calc((100% - 1224px) / 2));background:color-mix(in oklch,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-logo{display:inline-flex;align-items:center;gap:10px;font-size:calc(var(--fs-lg) * 1.15);font-weight:var(--weight-semibold);letter-spacing:-.055em}.pub-logo>span{display:grid;place-items:center;inline-size:27px;block-size:27px;-webkit-padding-end:3px;padding-inline-end:3px;background:var(--text);color:var(--bg);border-radius:var(--radius-control);font-size:calc(var(--fs-lg) * 1.05);letter-spacing:-.14em}.pub-header nav ul{display:flex;gap:30px;margin:0;padding:0;list-style:none}.pub-header nav a,.pub-header-actions>a:not(.pub-button){display:flex;align-items:center;min-height:44px;font-size:var(--fs-sm)}.pub-header nav a:hover,.pub-header-actions>a:not(.pub-button):hover{text-decoration:underline;text-underline-offset:6px}.pub-header-actions{display:flex;align-items:center;gap:30px}.pub-header .pub-button{min-height:42px;padding:9px 17px}.pub-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 22px;background:var(--text);color:var(--bg);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--fs-base);font-weight:var(--weight-semibold);transition:transform var(--motion-normal),background var(--motion-normal)}.pub-button:hover{transform:translateY(-2px)}.pub .pub-primary{background:var(--accent-blue);color:var(--accent-ink)}.pub .pub-primary:hover{background:color-mix(in oklch,var(--accent-blue) 88%,var(--text))}.pub-text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding-block:12px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:var(--fs-sm)}.pub-text-link:hover{border-color:var(--text)}.pub-footer{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);padding:56px max(var(--pub-gutter),calc((100% - 1224px) / 2)) 28px}.pub-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:32px;gap:32px}.pub-footer-brand{display:flex;flex-direction:column;gap:6px;margin:0;font-size:var(--fs-sm);color:var(--pub-readable)}.pub-footer-brand strong{color:var(--text);font-size:var(--fs-lg);letter-spacing:-.04em}.pub-footer h2{margin:0 0 12px;font-family:var(--mono);font-size:var(--fs-2xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.pub-footer-grid>nav{display:block}.pub-footer ul{display:grid;align-content:start;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.pub-footer nav a{display:inline-flex;align-items:center;min-height:32px;font-size:var(--fs-sm);color:var(--pub-readable)}.pub-footer nav a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.pub-footer-legal{margin:40px 0 0;-webkit-padding-before:20px;padding-block-start:20px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);font-size:var(--fs-xs);color:var(--subtle)}.pub-landing{display:block;overflow-x:clip}.pub-landing p{margin:0;color:var(--pub-readable)}.pub-landing :where(h1,h2,h3){margin:0;font-weight:var(--weight-semibold);line-height:1.04;letter-spacing:var(--pub-display);text-wrap:balance}.pub-landing h1{font-size:calc(var(--fs-xl) * 3.4)}.pub-landing h2{font-size:calc(var(--fs-xl) * 2.2)}.pub-landing h3{font-size:calc(var(--fs-lg) * 1.25);letter-spacing:-.035em;line-height:1.2}.pub-landing section[id]{scroll-margin-block-start:90px}.pub-hero{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:34px;gap:34px;align-items:center;min-height:760px;padding-block:70px 30px}.pub-hero-copy{-webkit-padding-after:42px;padding-block-end:42px}.pub-kicker{display:flex;align-items:center;gap:9px;-webkit-margin-after:28px;margin-block-end:28px}.pub-kicker i{inline-size:6px;block-size:6px;background:var(--accent-blue);border-radius:var(--radius-pill)}.pub-light{color:var(--subtle)}.pub-landing .pub-hero-lede{max-width:390px;margin-block:27px 30px;font-size:calc(var(--fs-md) * 1.125);line-height:1.65}.pub-hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.pub-landing .pub-fine{-webkit-margin-before:17px;margin-block-start:17px;font-size:var(--fs-xs)}.pub-studio{position:relative;isolation:isolate;min-width:0;padding-block:12px 48px}.pub-dots{position:absolute;inset:5% -8% 0;inline-size:116%;block-size:95%;z-index:-1;opacity:.9}.pub-dots circle{fill:var(--border)}.pub-studio-top{display:flex;justify-content:space-between;-webkit-margin-after:25px;margin-block-end:25px;color:var(--pub-readable)}.pub-stage-dots{letter-spacing:4px}.pub-idea{position:relative;z-index:2;width:76%;-webkit-margin-start:12px;margin-inline-start:12px;padding:22px 25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);transform:rotate(-3deg);animation:pub-idea-in calc(var(--motion-slow) * 2.5) both}.pub-idea .pub-mono{color:var(--pub-readable)}.pub-landing .pub-idea p{-webkit-margin-before:12px;margin-block-start:12px;color:var(--text);font-size:var(--fs-lg);letter-spacing:-.025em;line-height:1.4}.pub-idea-foot{display:flex;align-items:center;gap:7px;-webkit-margin-before:16px;margin-block-start:16px;color:var(--pub-readable);font-size:var(--fs-2xs)}.pub-mini-logo{display:grid;place-items:center;inline-size:19px;block-size:19px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-2xs)}.pub-connector{position:relative;block-size:48px;inline-size:1px;-webkit-margin-start:48%;margin-inline-start:48%;background:var(--border)}.pub-connector:after{content:"↓";position:absolute;inset-block-end:-7px;inset-inline-start:-5px;background:var(--bg);color:var(--subtle);font-size:var(--fs-base);line-height:1}.pub-demo{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);transform:rotate(1deg);animation:pub-panel-in calc(var(--motion-slow) * 2.6) calc(var(--motion-fast)) both}.pub-demo-bar{justify-content:space-between;padding:12px 20px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:calc(var(--fs-2xs) * 1.1)}.pub-demo-bar,.pub-demo-brand{display:flex;align-items:center}.pub-demo-brand{gap:7px}.pub-badge{padding:4px 7px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--pub-readable);font-family:var(--mono);font-size:calc(var(--fs-2xs) * .9);text-transform:uppercase;letter-spacing:.04em}.pub-demo-body{padding:23px}.pub-landing .pub-demo-title{max-width:330px;color:var(--text);font-size:var(--fs-xl);font-weight:var(--weight-semibold);letter-spacing:var(--pub-display);line-height:1.04}.pub-landing .pub-demo-lede{max-width:330px;margin-block:10px 22px;font-size:var(--fs-xs)}.pub-demo-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.pub-demo-step{min-height:48px;padding:10px 3px 8px;background:none;border:0;-webkit-border-before:2px solid var(--border);border-block-start:2px solid var(--border);color:var(--pub-readable);font:inherit;font-size:var(--fs-2xs);text-align:start;cursor:pointer;transition:color var(--motion-normal),border-color var(--motion-normal)}.pub-demo-step[aria-pressed=true]{border-color:var(--accent-blue);color:var(--text)}.pub-demo-step span{display:block;-webkit-margin-after:4px;margin-block-end:4px;color:var(--subtle);font-family:var(--mono);font-size:calc(var(--fs-2xs) * .9)}.pub-stage-content{min-height:132px;-webkit-padding-before:12px;padding-block-start:12px}.pub-stage-line{display:flex;justify-content:space-between;gap:10px;padding-block:10px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:calc(var(--fs-2xs) * 1.1)}.pub-stage-line:last-child{border:0}.pub-stage-line span:last-child{color:var(--pub-readable);text-align:end}.pub-demo-footer{display:flex;justify-content:space-between;padding:13px 20px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);color:var(--pub-readable);font-size:var(--fs-2xs)}.pub-landing .pub-studio-label{display:flex;align-items:center;justify-content:flex-end;gap:10px;-webkit-margin-before:25px;margin-block-start:25px;font-size:calc(var(--fs-2xs) * 1.1)}.pub-studio-label:before{content:"";inline-size:30px;block-size:1px;background:var(--border)}.pub-scroll-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);color:var(--pub-readable)}.pub-scroll-note>span{display:flex;align-items:center;gap:15px}.pub-scroll-note b{font-size:var(--fs-md);font-weight:var(--weight-regular)}.pub-scroll-kocco{gap:10px}.pub-story{padding-block:110px 120px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-section-top{display:grid;grid-template-columns:1fr 2.1fr;grid-gap:40px;gap:40px;-webkit-margin-after:55px;margin-block-end:55px}.pub-section-top>.pub-mono{-webkit-padding-before:9px;padding-block-start:9px;color:var(--pub-readable)}.pub-section-top h2{max-width:760px}.pub-landing .pub-section-top p{max-width:470px;-webkit-margin-before:24px;margin-block-start:24px;font-size:calc(var(--fs-md) * 1.06)}.pub-journey{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.pub-journey li{position:relative;padding:22px 25px 0 0;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-journey li:before{content:"";position:absolute;inset-block-start:-3px;inline-size:5px;block-size:5px;background:var(--text);border-radius:var(--radius-pill)}.pub-journey .pub-mono{display:flex;justify-content:space-between;-webkit-margin-after:30px;margin-block-end:30px;color:var(--pub-readable)}.pub-journey h3{-webkit-margin-after:13px;margin-block-end:13px;font-size:calc(var(--fs-lg) * 1.15)}.pub-landing .pub-journey p{max-width:260px;font-size:var(--fs-base)}.pub-workspace{padding-block:110px}.pub-workspace .pub-section-top{-webkit-margin-after:40px;margin-block-end:40px}.pub-product{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.pub-product-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 23px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);color:var(--pub-readable);font-size:calc(var(--fs-2xs) * 1.1)}.pub-product-title{color:var(--text);font-weight:var(--weight-semibold)}.pub-product-grid{display:grid;grid-template-columns:190px 1fr;min-height:380px}.pub-product-nav{display:flex;flex-direction:column;gap:5px;padding:24px 14px;background:var(--bg);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.pub-product-nav>.pub-mono{padding:0 12px 16px;color:var(--pub-readable)}.pub-product-tab{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 13px;background:transparent;border:0;border-radius:var(--radius-control);color:var(--text);font:inherit;font-size:var(--fs-xs);text-align:start;cursor:pointer}.pub-product-tab[aria-selected=true]{background:var(--text);color:var(--bg)}.pub-product-tab:not([aria-selected=true]):hover{background:var(--border)}.pub-product-main{min-width:0;min-height:380px;padding:32px 38px}.pub-product-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pub-landing .pub-product-heading h3{font-size:var(--fs-xl)}.pub-product-heading .pub-mono{color:var(--pub-readable);font-size:calc(var(--fs-2xs) * .9);text-align:end}.pub-landing .pub-product-description{max-width:650px;margin-block:12px 24px;font-size:var(--fs-base)}.pub-product-row{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:16px;gap:16px;align-items:center;padding-block:17px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:var(--fs-xs)}.pub-product-row span:not(:first-child){color:var(--pub-readable)}.pub-status{padding:4px 9px;border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--fs-2xs)}.pub-product-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;-webkit-margin-before:16px;margin-block-start:16px;color:var(--pub-readable);font-size:var(--fs-xs)}.pub-ownership{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:100px;gap:100px;padding-block:90px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-ownership>div>.pub-mono{color:var(--pub-readable)}.pub-landing .pub-ownership h2{-webkit-margin-before:24px;margin-block-start:24px;font-size:calc(var(--fs-xl) * 2.05)}.pub-landing .pub-ownership p{max-width:410px;-webkit-margin-before:24px;margin-block-start:24px;font-size:calc(var(--fs-md) * 1.06)}.pub-permission{align-self:center;margin:0;padding:0;list-style:none;border-block:1px solid var(--border)}.pub-permission li{display:flex;justify-content:space-between;gap:20px;padding-block:20px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:var(--fs-base)}.pub-permission li:last-child{border:0}.pub-permission span{max-width:300px;color:var(--pub-readable);text-align:end}.pub-questions{padding-block:90px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-questions .pub-section-top{-webkit-margin-after:40px;margin-block-end:40px}.pub-questions-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:64px;gap:64px}.pub-faq-teaser details{-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-faq-teaser details:first-child{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-faq-teaser summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding-block:14px;font-size:var(--fs-md);font-weight:var(--weight-medium);cursor:pointer;list-style:none}.pub-faq-teaser summary::-webkit-details-marker{display:none}.pub-faq-teaser summary:after{content:"+";color:var(--subtle);font-size:var(--fs-lg);line-height:1}.pub-faq-teaser details[open] summary:after{content:"−"}.pub-landing .pub-faq-teaser p{-webkit-padding-after:18px;padding-block-end:18px;max-width:560px;font-size:var(--fs-base)}.pub-faq-teaser>.pub-text-link,.pub-guides-teaser>.pub-text-link{-webkit-margin-before:20px;margin-block-start:20px}.pub-guides-teaser{align-self:start;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.pub-landing .pub-guides-teaser p{-webkit-margin-before:12px;margin-block-start:12px;font-size:var(--fs-base)}.pub-closing{display:flex;flex-direction:column;align-items:center;padding-block:85px 90px;text-align:center;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-closing .wren{-webkit-margin-after:18px;margin-block-end:18px}.pub-closing>.pub-mono{-webkit-margin-after:25px;margin-block-end:25px}.pub-landing .pub-closing h2{max-width:960px;font-size:calc(var(--fs-xl) * 3)}.pub-closing .pub-button{margin-block:32px 12px}.pub-landing .pub-closing>p:last-child{font-size:var(--fs-xs)}.pub-swap{animation:pub-swap calc(var(--motion-slow) * .75) ease-out}@keyframes pub-idea-in{0%{opacity:0;transform:translateY(25px) rotate(-6deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes pub-panel-in{0%{opacity:0;transform:translateY(30px) rotate(4deg)}to{opacity:1;transform:rotate(1deg)}}@keyframes pub-swap{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media (min-width:1600px){.pub-hero{min-height:810px}.pub-landing h1{font-size:calc(var(--fs-xl) * 3.85)}.pub-landing h2{font-size:calc(var(--fs-xl) * 2.55)}}@media (max-width:1023px){.pub{--pub-gutter:30px}.pub-header nav{display:none}.pub-landing h1{font-size:calc(var(--fs-xl) * 2.6)}.pub-landing h2{font-size:calc(var(--fs-xl) * 1.7)}.pub-landing .pub-closing h2,.pub-landing .pub-ownership h2{font-size:calc(var(--fs-xl) * 1.9)}.pub-hero{grid-template-columns:1fr;min-height:0;gap:20px;padding-block:48px 10px}.pub-hero-copy{-webkit-padding-after:10px;padding-block-end:10px}.pub-landing .pub-hero-lede{max-width:450px;font-size:var(--fs-md)}.pub-studio{width:100%;max-width:560px;margin-inline:auto;padding-block:20px 25px}.pub-idea{width:82%}.pub-section-top{grid-template-columns:1fr;gap:20px;-webkit-margin-after:40px;margin-block-end:40px}.pub-journey{grid-template-columns:1fr 1fr;gap:35px 20px}.pub-journey li{-webkit-padding-end:0;padding-inline-end:0}.pub-landing .pub-journey p{max-width:none}.pub-ownership,.pub-questions-grid{grid-template-columns:1fr;gap:40px}.pub-ownership,.pub-questions,.pub-story,.pub-workspace{padding-block:72px}}@media (max-width:639px){.pub{--pub-gutter:20px}.pub-header{min-height:68px;gap:12px}.pub-header-actions{gap:16px}.pub-header .pub-button{gap:12px;padding-inline:14px}.pub-landing h1{font-size:calc(var(--fs-xl) * 2.2)}.pub-landing h2{font-size:calc(var(--fs-xl) * 1.4)}.pub-landing .pub-closing h2,.pub-landing .pub-ownership h2{font-size:calc(var(--fs-xl) * 1.55)}.pub-button{gap:14px;padding-inline:18px}.pub-hero-actions{gap:14px}.pub-idea{width:88%}.pub-demo{margin-inline:4px}.pub-demo-body{padding:18px}.pub-demo-steps{gap:6px}.pub-scroll-note{-webkit-margin-before:20px;margin-block-start:20px;font-size:calc(var(--fs-2xs) * .9)}.pub-scroll-note>.pub-scroll-kocco{display:none}.pub-closing,.pub-ownership,.pub-questions,.pub-story,.pub-workspace{padding-block:60px}.pub-journey{grid-template-columns:1fr;gap:32px}.pub-journey .pub-mono{-webkit-margin-after:16px;margin-block-end:16px}.pub-product-top{padding-inline:16px;font-size:var(--fs-2xs)}.pub-product-grid{grid-template-columns:1fr}.pub-product-nav{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;padding:10px;-webkit-border-end:0;border-inline-end:0;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-product-nav>.pub-mono,.pub-product-tab span{display:none}.pub-product-tab{justify-content:center;padding:9px 5px;font-size:calc(var(--fs-2xs) * 1.1)}.pub-product-main{min-height:360px;padding:24px 18px}.pub-product-heading{align-items:start}.pub-landing .pub-product-heading h3{font-size:calc(var(--fs-lg) * 1.2)}.pub-product-heading .pub-mono{max-width:80px;font-size:calc(var(--fs-2xs) * .8)}.pub-product-row{grid-template-columns:1fr .9fr auto;gap:8px;font-size:calc(var(--fs-2xs) * 1.1)}.pub-status{padding:4px 5px;font-size:calc(var(--fs-2xs) * .8)}.pub-product-caption{flex-direction:column;align-items:start;gap:6px;font-size:var(--fs-2xs)}.pub-permission li{flex-direction:column;gap:4px}.pub-permission span{text-align:start}.pub-guides-teaser{padding:24px}.pub-footer{-webkit-padding-before:40px;padding-block-start:40px}}@media (prefers-reduced-motion:reduce){.pub-demo,.pub-idea,.pub-swap{animation:none}.pub-button,.pub-demo-step{transition:none}.pub-button:hover{transform:none}}