@layer components{.btn{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);font-family:var(--font-body);font-weight:var(--w-semi);font-size:var(--t-sm);line-height:1;color:var(--btn-fg);background:var(--btn-bg);border:var(--bw) solid var(--btn-bd);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--accent{--btn-bg: var(--c-accent);--btn-fg: var(--c-on-accent);--btn-bd: var(--c-accent);box-shadow:var(--shadow-accent)}.btn--accent:hover{--btn-bg: var(--c-accent-hi);--btn-bd: var(--c-accent-hi)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: var(--c-line-strong)}.btn--ghost:hover{--btn-bg: var(--c-surface-2);--btn-bd: var(--c-axis)}.btn--sm{min-height:38px;padding:0 var(--sp-4);font-size:var(--t-mono)}.btn--lg{min-height:52px;padding:0 var(--sp-6);font-size:var(--t-body)}.btn__icon{flex:none}.site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in oklab,var(--c-bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:var(--bw) solid transparent;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.site-header[data-scrolled]{border-bottom-color:var(--c-line-2);background:color-mix(in oklab,var(--c-bg) 92%,transparent)}.site-header__inner{display:flex;align-items:center;gap:var(--sp-5);min-height:68px}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);margin-right:auto}.brand__mark{display:grid;place-items:center;width:38px;height:38px;color:var(--c-accent);flex:none}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__name{font-family:var(--font-display);font-weight:var(--w-bold);font-size:1.05rem;letter-spacing:var(--tracking-head)}.brand__role{font-size:var(--t-micro);color:var(--c-faint)}.site-nav{display:flex;align-items:center;gap:var(--sp-6)}.site-nav a{position:relative;font-size:var(--t-sm);color:var(--c-muted);padding-block:var(--sp-2);transition:color var(--dur-1) var(--ease-out)}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--bw);background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}.site-nav a:hover{color:var(--c-text)}.site-nav a:hover:after{transform:scaleX(1)}.burger{display:none;width:var(--tap);height:var(--tap);padding:10px;flex-direction:column;justify-content:center;gap:5px}.burger span{display:block;height:2px;width:100%;background:var(--c-text);transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-1) var(--ease-out)}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{border-top:var(--bw) solid var(--c-line-2);background:var(--c-bg);overflow:hidden}.mobile-menu[hidden]{display:none}.mobile-menu__nav{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--gutter) var(--sp-6)}.mobile-menu__nav a:not(.btn){padding:var(--sp-3) 0;font-size:1.1rem;border-bottom:var(--bw) solid var(--c-line)}.mobile-menu__nav .btn{margin-top:var(--sp-3)}.compare{--pos: 50%;width:100%}.compare__viewport{position:relative;isolation:isolate;aspect-ratio:1440 / 900;overflow:hidden;border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);box-shadow:var(--shadow-2);touch-action:pan-y;cursor:ew-resize;user-select:none}.compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-drag:none}.compare__img--after{z-index:1}.compare__before{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0);will-change:clip-path}.compare__tag{position:absolute;top:var(--sp-3);z-index:2;padding:4px 10px;font-size:var(--t-micro);letter-spacing:var(--tracking-label);background:color-mix(in oklab,var(--c-bg) 72%,transparent);backdrop-filter:blur(4px);border:var(--bw) solid var(--c-line-2);color:var(--c-text)}.compare__tag--raw{left:var(--sp-3)}.compare__tag--build{right:var(--sp-3);color:var(--c-accent);border-color:color-mix(in oklab,var(--c-accent) 40%,transparent)}.compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:var(--tap);transform:translate(-50%);display:grid;place-items:center;cursor:ew-resize;background:none;touch-action:none}.compare__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--c-accent);box-shadow:0 0 0 1px color-mix(in oklab,var(--c-bg) 60%,transparent)}.compare__handle-grip{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--c-surface);border:var(--bw-2) solid var(--c-accent);color:var(--c-accent);box-shadow:var(--shadow-2);transition:transform var(--dur-1) var(--ease-out)}.compare__handle:hover .compare__handle-grip,.compare__handle:focus-visible .compare__handle-grip{transform:scale(1.08)}@media (prefers-reduced-motion: no-preference){.compare:not(.is-active) .compare__handle-grip{animation:grip-nudge 2.6s var(--ease-inout) infinite}}@keyframes grip-nudge{0%,18%,to{transform:translate(0)}6%{transform:translate(-6px)}12%{transform:translate(6px)}}.compare__hint{margin-top:var(--sp-3);text-align:center;color:var(--c-faint);transition:opacity var(--dur-2) var(--ease-out)}.compare.is-active .compare__hint{opacity:0}.field{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.field label{font-size:var(--t-sm);color:var(--c-muted)}.field input,.field textarea{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:var(--bw) solid var(--c-line-strong);border-radius:var(--radius-sm);color:var(--c-text);transition:border-color var(--dur-1) var(--ease-out)}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:var(--c-faint)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--c-accent);outline:none}.field[data-invalid] input,.field[data-invalid] textarea{border-color:var(--c-danger)}.field__error{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--c-danger)}.field__error[hidden]{display:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form__submit{width:100%;margin-top:var(--sp-2)}.contact-form__submit[aria-busy=true]{opacity:.7;pointer-events:none}.contact-form__status{margin-top:var(--sp-4);font-family:var(--font-mono);font-size:var(--t-sm);min-height:1.5em}.contact-form__status[data-state=ok]{color:var(--c-success)}.contact-form__status[data-state=error]{color:var(--c-danger)}.site-footer{border-top:var(--bw) solid var(--c-line-2);padding-block:var(--sp-7);margin-top:var(--section-y)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}.site-footer__brand{display:flex;align-items:baseline;gap:var(--sp-3);margin-right:auto}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.site-footer__nav a{font-size:var(--t-sm);color:var(--c-muted);transition:color var(--dur-1) var(--ease-out)}.site-footer__nav a:hover{color:var(--c-accent)}.site-footer__copy{width:100%;padding-top:var(--sp-4);border-top:var(--bw) solid var(--c-line)}.footer-link{font-family:var(--font-body);font-size:var(--t-sm);color:var(--c-muted);transition:color var(--dur-1) var(--ease-out)}.footer-link:hover{color:var(--c-accent)}.field--consent{margin-top:var(--sp-2)}.consent{display:flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer}.consent input{position:absolute;opacity:0;width:1px;height:1px}.consent__box{flex:none;width:22px;height:22px;margin-top:1px;border:var(--bw-2) solid var(--c-line-strong);background:var(--c-surface);display:grid;place-items:center;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.consent__box:after{content:"";width:11px;height:6px;border-left:2px solid var(--c-on-accent);border-bottom:2px solid var(--c-on-accent);transform:rotate(-45deg) translateY(-1px) scale(0);transition:transform var(--dur-1) var(--ease-out)}.consent input:checked+.consent__box{background:var(--c-accent);border-color:var(--c-accent)}.consent input:checked+.consent__box:after{transform:rotate(-45deg) translateY(-1px) scale(1)}.consent input:focus-visible+.consent__box{outline:var(--bw-2) solid var(--c-accent);outline-offset:2px}.consent__text{font-size:var(--t-sm);color:var(--c-muted);line-height:1.5}.field--consent[data-invalid] .consent__box{border-color:var(--c-danger)}.link-inline{font:inherit;color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;padding:0}.link-inline:hover{color:var(--c-accent-hi)}.cookie{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--gutter);background:color-mix(in oklab,var(--c-surface) 96%,transparent);backdrop-filter:blur(10px);border-top:var(--bw) solid var(--c-line-strong);box-shadow:var(--shadow-2)}.cookie[hidden]{display:none}@media (prefers-reduced-motion: no-preference){.cookie:not([hidden]){animation:cookie-up var(--dur-3) var(--ease-out)}}@keyframes cookie-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie__text{flex:1 1 320px;margin:0;font-size:var(--t-sm);color:var(--c-muted)}.cookie__actions{display:flex;gap:var(--sp-3);margin-left:auto}.policy{width:min(720px,92vw);max-height:86dvh;margin:auto;padding:0;background:var(--c-surface);color:var(--c-text);border:var(--bw) solid var(--c-line-strong);box-shadow:var(--shadow-2)}.policy:not([open]){display:none}.policy::backdrop{background:color-mix(in oklab,var(--c-bg) 70%,transparent);backdrop-filter:blur(4px)}.policy__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--c-surface);border-bottom:var(--bw) solid var(--c-line-2)}.policy__title{font-size:var(--t-h3)}.policy__close{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);color:var(--c-muted);transition:color var(--dur-1) var(--ease-out)}.policy__close:hover{color:var(--c-accent)}.policy__body{padding:var(--sp-5);overflow-y:auto;max-height:calc(86dvh - 70px)}.policy__doc+.policy__doc{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:var(--bw) solid var(--c-line-2)}.policy__doc h3{font-size:var(--t-h3);margin-bottom:var(--sp-2)}.policy__doc h4{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--w-semi);margin-top:var(--sp-5);margin-bottom:var(--sp-2)}.policy__doc p{color:var(--c-muted);font-size:var(--t-sm);margin-bottom:var(--sp-3);max-width:none}}