/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f3f6fb;--surface:#fff;--ink:#111722;--muted:#5d6878;--line:#cbd3df;--line-strong:#9aa7ba;--blue:#2447f4;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--sans:var(--font-hanken), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-plex-mono), "SFMono-Regular", Consolas, monospace;--page-pad:clamp(22px, 3.25vw, 54px);--content-width:1600px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--blue);color:var(--surface)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[id]{scroll-margin-top:24px}.site-shell{width:min(100%, var(--content-width));padding-inline:var(--page-pad);margin-inline:auto;overflow:clip}.skip-link{z-index:100;background:var(--ink);color:var(--surface);font-family:var(--mono);padding:10px 14px;font-size:12px;transition:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 1fr auto;align-items:center;min-height:82px;display:grid}.brand{letter-spacing:-.04em;width:max-content;transition:transform .14s var(--ease-out);align-items:center;gap:13px;font-size:20px;font-weight:700;display:inline-flex}.brand-mark{width:19px;height:19px;transition:transform .22s var(--ease-out);grid-template:1fr 1fr/1fr 1fr;gap:2px;display:grid;transform:rotate(-2deg)}.brand-mark i{background:var(--ink);display:block}.brand-mark i:first-child{background:var(--blue)}.brand-mark i:nth-child(3){grid-column:1/-1;justify-self:end;width:62%}.header-services{color:var(--muted);font-family:var(--mono);letter-spacing:.035em;text-align:center;margin:0;font-size:11px}.button{border:1px solid var(--ink);letter-spacing:-.01em;min-height:44px;transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .14s var(--ease-out);justify-content:space-between;align-items:center;gap:26px;padding:0 9px 0 16px;font-size:13px;font-weight:600;display:inline-flex}.button--outline{min-width:184px}.button--primary{background:var(--blue);border-color:var(--blue);min-width:190px;color:var(--surface)}.arrow-box{background:var(--ink);width:26px;height:26px;color:var(--surface);font-family:var(--mono);transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s var(--ease-out);flex:none;place-items:center;font-size:13px;display:grid}.button--primary .arrow-box{background:var(--surface);color:var(--blue)}.button:active,.contact-action:active,.project-card--drivebase:active{transform:scale(.97)}.brand:active,.text-link:active{transform:scale(.98)}.button:focus-visible,.text-link:focus-visible,.project-card:focus-visible,.contact-action:focus-visible,.brand:focus-visible{outline:3px solid var(--blue);outline-offset:4px}main{display:block}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.42fr) minmax(390px,.88fr);min-height:min(760px,100svh - 82px);display:grid}.hero-copy{border-right:1px solid var(--line);grid-template-rows:auto 1fr auto;min-width:0;padding:clamp(44px,7vh,82px) clamp(44px,5vw,82px) clamp(40px,6vh,70px) 0;display:grid}.section-label{color:var(--muted);font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:500;display:flex}.section-label>span{border:1px solid var(--blue);background:var(--paper);width:7px;height:7px;position:relative}.section-label>span:after{content:"";background:var(--blue);position:absolute;inset:2px}.hero .section-label>span:after{animation:node-breathe 3.8s var(--ease-in-out) infinite}.hero h1{letter-spacing:-.06em;text-wrap:balance;align-self:center;max-width:900px;margin:32px 0;font-size:clamp(58px,5.4vw,88px);font-weight:500;line-height:.96}.hero h1 span{color:var(--blue);font-weight:600}.hero-bottom{grid-template-columns:minmax(280px,500px) auto;align-items:end;gap:34px;display:grid}.hero-bottom>p{color:var(--muted);letter-spacing:-.025em;margin:0;font-size:clamp(17px,1.3vw,21px);line-height:1.48}.hero-actions{justify-items:end;gap:18px;display:grid}.text-link{min-height:44px;font-family:var(--mono);letter-spacing:.035em;border-bottom:1px solid var(--line-strong);transition:transform .14s var(--ease-out);align-items:center;gap:10px;padding-block:10px 3px;font-size:11px;display:inline-flex}.text-link span{color:var(--blue);transition:transform .16s var(--ease-out)}.hero-signal{grid-template-rows:auto 1fr;min-width:0;padding:34px 0 34px clamp(28px,3.2vw,52px);display:grid;position:relative;overflow:hidden}.hero-signal:before{content:"";background:var(--blue);width:1px;height:20px;position:absolute;top:0;left:29%}.hero-signal:after{content:"";background:var(--blue);width:20px;height:1px;position:absolute;bottom:22%;right:0}.signal-label{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-self:end;margin:0;font-size:10px}.system-map{aspect-ratio:1.22;isolation:isolate;place-self:center;width:min(100%,540px);position:relative}.rail{z-index:0;background:var(--line-strong);opacity:.68;position:absolute}.rail-h{transform-origin:0;height:1px}.rail-v{transform-origin:top;width:1px}.rail-h-1{width:86%;top:20%;left:2%}.rail-h-2{width:83%;top:49%;left:16%}.rail-h-3{width:82%;top:79%;left:0}.rail-v-1{height:84%;top:7%;left:17%}.rail-v-2{height:94%;top:0;left:55%}.rail-v-3{height:71%;top:15%;left:83%}.system-module{z-index:2;border:1px solid var(--ink);background:var(--paper);transition:transform .26s var(--ease-out);position:absolute}.system-module:before,.system-module:after{content:"";background:currentColor;position:absolute}.module-a{width:31%;height:24%;color:var(--blue);border-color:var(--blue);background:var(--blue);top:8%;left:7%}.module-a:before{background:#ffffffad;width:1px;top:0;bottom:0;left:59%}.module-a:after{background:#ffffffad;width:41%;height:1px;top:52%;right:0}.module-b{aspect-ratio:1;background:var(--surface);width:18%;top:12%;left:55%}.module-b:before{background:var(--blue);width:7px;height:7px;top:50%;left:50%;transform:translate(-50%,-50%)}.module-b:after{background:var(--ink);width:24%;height:1px;top:50%;right:-25%}.module-c{border-color:var(--blue);background:0 0;width:19%;height:24%;top:37%;right:0}.module-c:before{background:var(--blue);width:42%;height:1px;box-shadow:0 12px 0 var(--blue), 0 24px 0 var(--blue);top:31%;left:29%}.module-c:after{background:var(--paper);border:1px solid var(--blue);width:6px;height:6px;bottom:-4px;left:50%;transform:translate(-50%)}.module-d{background:var(--surface);width:39%;height:31%;top:48%;left:16%}.module-d:before{background:var(--line-strong);width:1px;height:100%;top:0;left:26%}.module-d:after{background:var(--line-strong);width:100%;height:1px;top:62%;left:0}.module-e{width:27%;height:26%;color:var(--surface);border-color:var(--ink);background:var(--ink);bottom:6%;left:56%}.module-e:before{background:var(--blue);width:8px;height:8px;top:17%;right:13%}.module-e:after{background:var(--surface);width:43%;height:1px;bottom:17%;left:15%;box-shadow:0 -10px #ffffff75}.module-f{border-color:var(--blue);background:var(--paper);width:14%;height:21%;bottom:0;left:3%}.module-f:before{background:var(--blue);width:1px;height:38%;top:31%;left:50%}.module-f:after{background:var(--blue);width:38%;height:1px;top:50%;left:31%}.system-node{z-index:3;border:1px solid var(--blue);background:var(--paper);width:8px;height:8px;position:absolute}.system-node:after{content:"";background:var(--blue);position:absolute;inset:2px}.node-1{top:calc(49% - 4px);left:calc(17% - 4px)}.node-2{top:calc(20% - 4px);left:calc(55% - 4px)}.node-3{top:calc(79% - 4px);left:calc(83% - 4px)}.node-4{top:calc(79% - 4px);left:calc(55% - 4px)}.node-4:before{content:"";border:1px solid var(--blue);opacity:0;animation:node-pulse 4.5s 1.8s var(--ease-in-out) infinite;position:absolute;inset:-1px;transform:scale(1)}.signal-packet{z-index:4;background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 4px var(--paper);animation:packet 7s 1.1s var(--ease-in-out) infinite;position:absolute;top:calc(49% - 4px);left:16%}.principles{border-bottom:1px solid var(--line)}.principles ul{grid-template-columns:repeat(3,1fr);min-height:96px;margin:0;padding:0;list-style:none;display:grid}.principles li{letter-spacing:-.025em;align-items:center;gap:17px;padding:20px clamp(20px,2.6vw,42px);font-size:clamp(15px,1.25vw,19px);font-weight:600;display:flex}.principles li:first-child{padding-left:0}.principles li:nth-child(2){border-inline:1px solid var(--line)}.principle-glyph{flex:none;width:24px;height:24px;position:relative}.principle-glyph:before,.principle-glyph:after{content:"";border:1px solid var(--blue);background:var(--paper);position:absolute}.principle-glyph:before{width:12px;height:12px;top:0;left:0}.principle-glyph:after{background:var(--blue);width:8px;height:8px;bottom:0;right:0}.section{border-bottom:1px solid var(--line);padding-block:clamp(88px,10vw,156px)}.section-intro{grid-template-columns:minmax(180px,.42fr) minmax(360px,1fr) minmax(280px,.72fr);align-items:start;gap:clamp(32px,5vw,92px);margin-bottom:clamp(52px,6vw,88px);display:grid}.section-intro h2,.studio h2,.contact h2{letter-spacing:-.055em;text-wrap:balance;margin:-8px 0 0;font-size:clamp(42px,4.4vw,72px);font-weight:500;line-height:.98}.section-intro>p:last-child,.studio-intro>p,.contact-copy>p{color:var(--muted);letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.55}.project-grid{border:1px solid var(--line-strong);grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);display:grid}.project-card{background:var(--surface);min-width:0;min-height:490px;display:block;position:relative;overflow:hidden}.project-card:before,.project-card:after{content:"";pointer-events:none;position:absolute}.project-card:before{background:var(--line);height:1px;bottom:112px;left:0;right:0}.project-card:after{border:1px solid var(--blue);background:var(--surface);width:8px;height:8px;bottom:108px;right:clamp(30px,3.5vw,56px)}.project-card--drivebase{transition:transform .16s var(--ease-out), background-color .22s ease}.project-copy{z-index:3;flex-direction:column;min-height:490px;padding:clamp(30px,3.5vw,56px);display:flex;position:relative}.project-status{color:var(--muted);font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 24px;font-size:10px;font-weight:500;display:flex}.project-status>span{border:1px solid var(--blue);background:var(--surface);width:7px;height:7px;position:relative}.project-status>span:after{content:"";background:var(--blue);position:absolute;inset:2px}.project-status--future{color:#b7bed2}.project-status--future>span{background:var(--ink);border-color:#91a0ff}.project-card h3{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(42px,4vw,66px);font-weight:500;line-height:.95}.project-copy>p:not(.project-status,.project-note){max-width:620px;color:var(--muted);letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.52}.project-facts{flex-wrap:wrap;gap:24px 42px;margin:auto 0 0;padding-top:54px;display:flex}.project-facts div{gap:4px;display:grid}.project-facts dt{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px}.project-facts dd{font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:600}.project-action{align-items:center;gap:12px;width:max-content;margin-top:32px;font-size:13px;font-weight:600;display:flex}.project-action .arrow-box{background:var(--blue)}.project-note{color:#7e88a4;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:auto 0 0;padding-top:54px;font-size:10px}.capability-list{border-top:1px solid var(--line-strong)}.capability-list article{border-bottom:1px solid var(--line);grid-template-columns:66px minmax(150px,.42fr) 1fr;align-items:center;gap:26px;min-height:180px;padding-block:28px;display:grid}.capability-list h3{letter-spacing:-.045em;margin:0;font-size:clamp(25px,2.1vw,34px);font-weight:500}.capability-list p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.capability-mark{width:42px;height:42px;display:block;position:relative}.capability-mark:before,.capability-mark:after{content:"";border:1px solid var(--blue);position:absolute}.capability-mark--software:before{inset:2px 12px 12px 2px}.capability-mark--software:after{background:var(--blue);inset:12px 2px 2px 12px}.capability-mark--webapps:before{border-radius:50%;inset:4px}.capability-mark--webapps:after{background:var(--blue);border:0;width:1px;top:0;bottom:0;left:50%}.capability-mark--systems:before{width:12px;height:12px;box-shadow:24px 0 0 -1px var(--paper), 24px 0 0 0 var(--blue), 12px 24px 0 -1px var(--paper), 12px 24px 0 0 var(--blue);top:2px;left:2px}.capability-mark--systems:after{border-width:0 1px 1px;height:12px;top:15px;left:9px;right:9px}.process-list{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:62px 1fr;align-items:start;gap:28px;min-height:176px;padding-block:30px;display:grid}.process-list li>span{color:var(--blue);font-family:var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:10px}.process-list h3{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(27px,2.2vw,36px);font-weight:500;line-height:1}.process-list p{max-width:520px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.studio-intro{grid-template-columns:minmax(180px,.42fr) minmax(360px,1fr) minmax(280px,.72fr);align-items:start;gap:clamp(32px,5vw,92px);margin-bottom:clamp(58px,7vw,100px);display:grid}.studio-grid{border-block:1px solid var(--line-strong);grid-template-columns:1fr 1fr;display:grid}.studio-column{min-width:0;padding-block:28px 12px}.studio-column--process{border-left:1px solid var(--line);padding-left:clamp(34px,5vw,86px)}.studio .capability-list,.studio .process-list{border-top:0}.studio .capability-list article{grid-template-columns:62px 1fr;gap:24px;min-height:164px;padding-block:26px}.studio .capability-list h3{margin-bottom:10px}.studio .capability-list p{max-width:500px}.studio .process-list li{min-height:164px;padding-block:26px}.contact{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:end;gap:clamp(64px,8vw,140px);min-height:580px;display:grid;position:relative}.contact:before,.contact:after{content:"";pointer-events:none;position:absolute}.contact:before{border:1px solid var(--line);background:0 0;width:160px;height:160px;top:16%;right:12%}.contact:after{background:var(--blue);width:9px;height:9px;box-shadow:0 0 0 5px var(--paper);top:calc(16% + 76px);right:calc(12% + 76px)}.contact-copy{z-index:1;gap:34px;max-width:870px;display:grid;position:relative}.contact-copy h2{font-size:clamp(52px,5.4vw,88px)}.contact-copy>p{max-width:570px}.contact-action{border:1px solid var(--blue);background:var(--blue);min-height:150px;color:var(--surface);letter-spacing:-.035em;z-index:2;transition:background-color .18s ease, color .18s ease, transform .15s var(--ease-out);justify-content:space-between;align-items:center;gap:30px;padding:28px 30px;font-size:clamp(20px,2vw,28px);font-weight:600;display:flex;position:relative}.contact-action small{font-family:var(--mono);letter-spacing:.055em;margin-top:11px;font-size:9px;font-weight:400;display:block}.contact-action .arrow-box{background:var(--surface);width:42px;height:42px;color:var(--blue);font-size:17px}.site-footer{min-height:130px;color:var(--muted);font-family:var(--mono);letter-spacing:.045em;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px;font-size:10px;display:grid}.site-footer p{margin:0}.site-footer p:first-of-type{text-align:center}.footer-meta{justify-content:flex-end;align-items:center;gap:18px;display:flex}.footer-meta a{color:var(--ink);border-bottom:1px solid var(--line-strong);padding-block:8px 4px;transition:color .14s,border-color .14s}.footer-meta a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.brand--footer{color:var(--ink);font-family:var(--sans)}@media (hover:hover) and (pointer:fine){.brand:hover .brand-mark{transform:rotate(0)translateY(-1px)}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}.button:hover .arrow-box{background:var(--surface);color:var(--ink);transform:translate(2px,-2px)}.button--primary:hover .arrow-box{background:var(--blue);color:var(--surface)}.text-link:hover span{transform:translateY(2px)}.hero-signal:hover .module-a{transform:translate(-4px,-3px)}.hero-signal:hover .module-b{transform:translate(3px,-3px)}.hero-signal:hover .module-c{transform:translate(4px)}.hero-signal:hover .module-d{transform:translate(-3px,3px)}.hero-signal:hover .module-e{transform:translate(4px,4px)}.project-card--drivebase:hover{background:#f9fbff}.project-card--drivebase:hover .project-action .arrow-box{transform:translate(3px,-3px)}.contact-action:hover{background:var(--ink);color:var(--surface)}.contact-action:hover .arrow-box{transform:translate(4px,-4px)}}@keyframes node-breathe{0%,72%,to{opacity:1}82%{opacity:.25}}@keyframes node-pulse{0%,72%,to{opacity:0;transform:scale(1)}84%{opacity:.24;transform:scale(2.5)}}@keyframes packet{0%,15%{opacity:1;transform:translate(0)}62%{opacity:1;transform:translate(min(250px,28vw))}74%{opacity:0;transform:translate(min(250px,28vw))}75%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@media (width<=1180px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.hero-copy{padding-right:42px}.hero-bottom{grid-template-columns:1fr}.hero-actions{justify-items:start}.project-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.capability-list article{grid-template-columns:56px .42fr 1fr}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.header-services{display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);min-height:620px}.hero-signal{padding-block:44px;min-height:560px;padding-left:0}.system-map{width:min(88%,560px)}.signal-label{padding-right:4px}.section-intro{grid-template-columns:1fr;gap:30px}.section-intro h2,.studio-intro h2{max-width:760px}.section-intro>p:last-child,.studio-intro>p{max-width:620px}.project-grid{grid-template-columns:1fr}.studio-intro{grid-template-columns:1fr;gap:30px}.studio-grid{grid-template-columns:1fr}.studio-column--process{border-top:1px solid var(--line-strong);border-left:0;padding-left:0}.contact{grid-template-columns:1fr}.contact-copy{max-width:900px}.contact-action{max-width:620px}}@media (width<=700px){.site-shell{overflow:hidden}.site-header{min-height:72px}.brand{gap:10px;font-size:17px}.brand-mark{width:17px;height:17px}.button--outline{gap:10px;min-width:auto;min-height:38px;padding-inline:12px;font-size:11px}.button--outline .arrow-box{display:none}.hero-copy{padding-block:44px;min-height:580px;padding-right:0}.hero h1{font-size:clamp(48px,13.5vw,70px)}.hero-bottom>p{font-size:16px}.hero-actions{grid-template-columns:1fr;justify-items:start}.hero-signal{min-height:430px}.principles ul{grid-template-columns:1fr}.principles li,.principles li:first-child{min-height:74px;padding:18px 0}.principles li:nth-child(2){border-inline:0;border-block:1px solid var(--line)}.section{padding-block:82px}.section-intro h2,.studio h2{font-size:clamp(40px,12vw,58px)}.project-card{min-height:460px}.project-copy{min-height:460px;padding:30px 24px}.project-copy>p:not(.project-status,.project-note){font-size:15px}.project-facts{gap:18px 28px}.studio .capability-list article{grid-template-columns:52px 1fr;gap:20px}.process-list li{grid-template-columns:46px 1fr;gap:18px}.contact{align-items:end;min-height:650px}.contact:before{right:0}.contact:after{right:76px}.contact-copy h2{font-size:clamp(47px,13vw,66px)}.contact-action{min-height:126px;padding:22px}.site-footer{grid-template-columns:1fr;align-content:center;justify-items:start;gap:18px;min-height:190px}.site-footer p:first-of-type{text-align:left}.footer-meta{justify-content:flex-start}}@media (width<=430px){.button--outline{padding-inline:10px}.button--outline>span:first-child{max-width:86px;line-height:1.05}.hero-copy{min-height:610px}.hero h1{font-size:47px}.hero-signal{min-height:360px}.project-card h3{font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.signal-packet{display:none}.hero .section-label>span:after,.node-4:before{animation:none!important}.brand:active,.text-link:active,.button:active,.contact-action:active,.project-card--drivebase:active,.brand:hover .brand-mark,.button:hover .arrow-box,.text-link:hover span,.hero-signal:hover .system-module,.project-card--drivebase:hover .project-action .arrow-box,.contact-action:hover .arrow-box{transform:none!important}}.header-nav{min-height:44px;color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:32px;font-size:10px;display:flex}.header-nav a{min-height:44px;transition:color .16s ease, transform .14s var(--ease-out);align-items:center;display:inline-flex;position:relative}.header-nav a:after{content:"";background:var(--blue);opacity:0;height:1px;transition:opacity .16s ease, transform .18s var(--ease-out);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(.65)}.header-nav a:active{transform:scale(.97)}.header-nav a:focus-visible,.drivebase-case:focus-visible,.leffi-teaser:focus-visible,.package-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.hero{grid-template-columns:minmax(0,1.5fr) minmax(360px,.78fr);min-height:min(620px,100svh - 82px)}.hero-copy{padding-block:clamp(42px,6vh,68px)}.hero h1{font-size:clamp(58px,5.2vw,84px)}.section{border-bottom:1px solid var(--line)}.work{padding-block:clamp(60px,6vw,88px)}.work-heading{grid-template-columns:minmax(180px,.38fr) minmax(400px,1.62fr);align-items:start;gap:clamp(32px,5vw,90px);margin-bottom:clamp(32px,3.5vw,48px);display:grid}.work-heading h2{letter-spacing:-.058em;text-wrap:balance;max-width:820px;margin:-8px 0 0;font-size:clamp(44px,4vw,64px);font-weight:500;line-height:.96}.drivebase-case{isolation:isolate;color:#f7faff;min-height:580px;transition:transform .16s var(--ease-out);background:#081226;grid-template-columns:minmax(450px,1.04fr) minmax(400px,.96fr);display:grid;position:relative;overflow:hidden}.drivebase-case:before{content:"";z-index:4;background:#2f7dff;width:4px;position:absolute;top:0;bottom:0;left:0}.drivebase-case:after{content:"";z-index:4;background:#ff4058;width:68px;height:4px;position:absolute;top:0;left:4px}.drivebase-case:active{transform:scale(.995)}.drivebase-copy{flex-direction:column;min-width:0;padding:clamp(36px,4vw,62px);display:flex}.drivebase-brand{border-bottom:1px solid #2a3852;align-items:center;gap:clamp(18px,2vw,28px);padding-bottom:clamp(24px,2.6vw,36px);display:flex}.drivebase-logo{flex:none;width:clamp(72px,6vw,92px);height:auto}.drivebase-brand p{color:#9dabbe;font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;margin:0 0 8px;font-size:9px}.drivebase-brand strong{letter-spacing:-.055em;font-size:clamp(36px,3.2vw,52px);font-weight:700;line-height:.94;display:block}.drivebase-story{flex-direction:column;flex:1;padding-top:clamp(26px,2.8vw,38px);display:flex}.project-status--live{color:#b8c8df;margin-bottom:16px}.project-status--live>span{background:#081226;border-color:#4e92ff}.project-status--live>span:after{background:#4e92ff}.drivebase-story h3{letter-spacing:-.055em;text-wrap:balance;max-width:650px;margin:0 0 16px;font-size:clamp(38px,3.6vw,54px);font-weight:500;line-height:.98}.drivebase-story>p:not(.project-status){color:#b8c2d2;letter-spacing:-.018em;max-width:610px;margin:0;font-size:16px;line-height:1.52}.drivebase-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:auto 0 0;padding:28px 0 18px;display:grid}.drivebase-facts div{border-top:1px solid #2a3852;min-width:0;padding-top:11px}.drivebase-facts dt{color:#8797af;font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;font-size:9px}.drivebase-facts dd{color:#f7faff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1}.drivebase-action{color:#f7faff;align-items:center;gap:14px;width:max-content;min-height:48px;padding-bottom:2px;font-size:14px;font-weight:650;display:flex}.drivebase-action .arrow-box{width:30px;height:30px;transition:transform .18s var(--ease-out);background:#2f7dff}.drivebase-visual{background:#0d1930;border-left:1px solid #2a3852;min-width:0;position:relative;overflow:hidden}.drivebase-visual>p{z-index:2;color:#8d9bb1;font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:9px;position:absolute;top:clamp(28px,3vw,46px);right:clamp(26px,3vw,48px)}.drivebase-screen{width:min(68%,430px);height:540px;transition:transform .26s var(--ease-out);background:#0f172a;border:1px solid #344662;border-radius:38px 38px 0 0;position:absolute;bottom:-142px;right:clamp(32px,4.5vw,72px);overflow:hidden;transform:translateY(0);box-shadow:0 28px 80px #00000057}.drivebase-screen:before{content:"";z-index:2;background:#37455c;border-radius:999px;width:28%;height:5px;position:absolute;top:12px;left:36%}.drivebase-screen img{width:100%;height:auto;display:block}.leffi-teaser{color:#172238;min-height:178px;transition:transform .16s var(--ease-out);background:#f7f5ef;border:1px solid #d8d6cd;grid-template-columns:minmax(130px,.3fr) minmax(290px,.7fr) minmax(420px,1fr);align-items:center;gap:clamp(26px,4vw,68px);margin-top:20px;padding:clamp(26px,3vw,38px);display:grid;position:relative;overflow:hidden}.leffi-teaser:before{content:"";background:#172238;width:4px;position:absolute;top:0;bottom:0;left:0}.leffi-teaser:after{content:"";background:#5264d9;width:50px;height:4px;position:absolute;top:0;left:4px;box-shadow:50px 0 #91a48d}.leffi-teaser:active{transform:scale(.995)}.leffi-index{color:#69716f;font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:9px;font-weight:600}.leffi-brand{align-items:center;min-width:0;display:flex}.leffi-signature{letter-spacing:-.055em;align-items:baseline;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(36px,3.2vw,48px);font-weight:650;line-height:.95;display:inline-flex}.leffi-signature>span{display:inline-block}.leffi-woven-pair{z-index:0;isolation:isolate;letter-spacing:-.085em;padding-bottom:3px;position:relative}.leffi-woven-pair:before,.leffi-woven-pair:after{content:"";z-index:-1;transform-origin:50%;border-radius:70% 36% 64% 42%;height:3px;position:absolute;left:10%;right:2%}.leffi-woven-pair:before{background:#5264d9;bottom:1px;right:8%;transform:rotate(-4deg)}.leffi-woven-pair:after{background:#627a65;bottom:-2px;left:18%;transform:rotate(3deg)}.leffi-brand p{color:#4f6b5c;font-family:var(--mono);letter-spacing:.045em;margin:9px 0 0;font-size:9px;font-weight:600}.leffi-copy{max-width:680px}.leffi-copy .project-status--future{color:#4353bf;margin-bottom:9px}.leffi-copy .project-status--future>span{background:#f7f5ef;border-color:#5264d9}.leffi-copy .project-status--future>span:after{background:#5264d9}.leffi-copy h4{letter-spacing:-.035em;text-wrap:balance;margin:0 0 8px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(21px,1.75vw,28px);font-weight:520;line-height:1.04}.leffi-copy>p:not(.project-status){color:#69716f;margin:0;font-size:14px;line-height:1.5}.leffi-action{color:#172238;align-items:center;gap:10px;min-height:36px;margin-top:9px;font-size:12px;font-weight:700;display:inline-flex}.leffi-action .arrow-box{width:24px;height:24px;transition:transform .18s var(--ease-out);background:#5264d9}.studio{margin-inline:calc(var(--page-pad) * -1);padding:clamp(96px, 10vw, 150px) var(--page-pad);background:var(--surface);grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr);gap:clamp(70px,10vw,170px);display:grid}.studio-intro{margin:0;display:block}.studio-intro h2{letter-spacing:-.057em;text-wrap:balance;max-width:700px;margin:34px 0 28px;font-size:clamp(48px,4.8vw,76px);font-weight:500;line-height:.98}.studio-intro>p{max-width:540px;font-size:17px;line-height:1.58}.studio-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.studio-list li{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr;align-items:start;gap:clamp(24px,3vw,48px);min-height:184px;padding-block:30px;display:grid}.studio-list li>span{color:var(--blue);font-family:var(--mono);letter-spacing:.08em;padding-top:6px;font-size:10px}.studio-list h3{letter-spacing:-.048em;margin:0 0 12px;font-size:clamp(29px,2.8vw,44px);font-weight:500;line-height:1}.studio-list p{max-width:560px;color:var(--muted);margin:0;font-size:15px;line-height:1.58}.packages{margin-inline:calc(var(--page-pad) * -1);padding:clamp(82px, 8vw, 122px) var(--page-pad) clamp(68px, 7vw, 104px);background:var(--ink);color:#f7faff}.packages .section-label{color:#aeb8c9}.packages .section-label>span{background:var(--ink);border-color:#7184ff}.packages .section-label>span:after{background:#7184ff}.packages-heading{grid-template-columns:minmax(180px,.38fr) minmax(400px,1.62fr);align-items:start;gap:clamp(32px,5vw,90px);margin-bottom:clamp(46px,5vw,72px);display:grid}.packages-heading h2{letter-spacing:-.057em;text-wrap:balance;max-width:850px;margin:-8px 0 20px;font-size:clamp(44px,4.4vw,68px);font-weight:500;line-height:.97}.packages-heading p{color:#aeb8c9;max-width:690px;margin:0;font-size:16px;line-height:1.58}.package-list{border-top:1px solid #43506a}.package-card{min-height:180px;transition:transform .14s var(--ease-out);border-bottom:1px solid #43506a;grid-template-columns:minmax(110px,.26fr) minmax(330px,1fr) minmax(170px,.34fr);align-items:center;gap:clamp(24px,3vw,52px);padding-block:30px;display:grid}.package-card:active{transform:scale(.995)}.package-index{color:#8491a7;font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:9px;font-weight:600}.package-copy{min-width:0}.package-copy h3{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(30px,2.65vw,42px);font-weight:500;line-height:1}.package-copy>p{color:#aeb8c9;max-width:610px;margin:0;font-size:14px;line-height:1.52}.package-copy ul{color:#cbd3e1;font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;font-size:9px;list-style:none;display:flex}.package-copy li:not(:first-child):before{color:#7184ff;content:"/";margin-right:18px}.package-action{justify-self:end;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:650;display:inline-flex}.package-action .arrow-box{width:28px;height:28px;transition:transform .18s var(--ease-out);background:#4764ff}.packages-note{color:#8491a7;max-width:720px;font-family:var(--mono);letter-spacing:.025em;text-align:right;margin:24px 0 0 auto;font-size:9px;line-height:1.6}.inquiry-shell{width:min(100%, var(--content-width));padding-inline:var(--page-pad);margin-inline:auto;overflow:clip}.inquiry-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.inquiry-back{min-height:44px;color:var(--muted);font-family:var(--mono);letter-spacing:.045em;transition:transform .14s var(--ease-out);align-items:center;gap:10px;font-size:10px;display:inline-flex}.inquiry-back span{color:var(--blue)}.inquiry-back:active{transform:scale(.97)}.inquiry-back:focus-visible,.inquiry-action:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.inquiry-hero{border-bottom:1px solid var(--line);grid-template-rows:auto 1fr auto;min-height:min(560px,100svh - 82px);padding-block:clamp(48px,7vh,76px) clamp(54px,7vw,86px);display:grid}.inquiry-hero h1{letter-spacing:-.062em;text-wrap:balance;align-self:center;max-width:1100px;margin:38px 0;font-size:clamp(60px,6.2vw,98px);font-weight:500;line-height:.94}.inquiry-hero-bottom{grid-template-columns:minmax(300px,610px) auto;justify-content:space-between;align-items:end;gap:40px;display:grid}.inquiry-hero-bottom>p{color:var(--muted);letter-spacing:-.02em;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.inquiry-catalog{margin-inline:calc(var(--page-pad) * -1);padding:clamp(68px, 7vw, 104px) var(--page-pad);background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inquiry-product{border:1px solid var(--ink);background:#fff;flex-direction:column;min-width:0;min-height:610px;padding:clamp(30px,3.4vw,52px);display:flex;position:relative}.inquiry-product+.inquiry-product{border-left:0}.inquiry-product:before{content:"";background:var(--blue);width:76px;height:4px;position:absolute;top:-1px;left:-1px}.inquiry-product--complex{background:#f0f3ff}.inquiry-product--complex:before{background:var(--ink);width:126px}.inquiry-product-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:30px;display:flex}.inquiry-product-head>p:first-child{color:var(--muted);font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;margin:7px 0 0;font-size:9px;font-weight:600}.inquiry-price{text-align:right;margin:0}.inquiry-price small{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:500;display:block}.inquiry-price strong{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(32px,3vw,46px);font-weight:650;line-height:.95;display:block}.inquiry-product h2{letter-spacing:-.058em;text-wrap:balance;max-width:520px;margin:clamp(34px,4vw,54px) 0 16px;font-size:clamp(42px,4.4vw,66px);font-weight:500;line-height:.95}.inquiry-product-lead{max-width:570px;color:var(--muted);margin:0;font-size:16px;line-height:1.58}.inquiry-features{border-top:1px solid var(--line);margin:clamp(30px,3.2vw,44px) 0 42px;padding:0;list-style:none}.inquiry-features li{border-bottom:1px solid var(--line);color:#3f4a5b;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;min-height:58px;padding-block:12px;font-size:13px;line-height:1.45;display:grid}.inquiry-features span{color:var(--blue);font-family:var(--mono);letter-spacing:.06em;font-size:9px}.inquiry-action{border:1px solid var(--ink);background:var(--ink);min-height:94px;color:var(--surface);letter-spacing:-.02em;transition:transform .15s var(--ease-out);justify-content:space-between;align-items:center;gap:24px;margin-top:auto;padding:20px 22px;font-size:16px;font-weight:650;display:flex}.inquiry-action:active{transform:scale(.98)}.inquiry-action small{color:#aeb8c9;font-family:var(--mono);letter-spacing:.045em;margin-top:7px;font-size:8px;font-weight:400;display:block}.inquiry-action .arrow-box{background:var(--surface);width:34px;height:34px;color:var(--ink);transition:transform .18s var(--ease-out)}.inquiry-action--complex{border-color:var(--blue);background:var(--blue)}.inquiry-action--complex .arrow-box{color:var(--blue)}.inquiry-help{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:end;gap:clamp(60px,8vw,130px);min-height:440px;padding-block:clamp(82px,8vw,122px);display:grid}.inquiry-help h2{letter-spacing:-.057em;text-wrap:balance;max-width:800px;margin:32px 0 0;font-size:clamp(46px,4.8vw,74px);font-weight:500;line-height:.98}.inquiry-footer{border-top:0}.legal-shell{width:min(100%, var(--content-width));padding-inline:var(--page-pad);margin-inline:auto;overflow:clip}.legal-hero{border-bottom:1px solid var(--line);grid-template-rows:auto 1fr auto;min-height:440px;padding-block:clamp(48px,7vh,76px) clamp(54px,7vw,86px);display:grid}.legal-hero h1{letter-spacing:-.068em;align-self:center;margin:38px 0;font-size:clamp(72px,8.2vw,132px);font-weight:500;line-height:.9}.legal-hero>p:last-child{max-width:580px;color:var(--muted);letter-spacing:-.02em;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.legal-record{margin-inline:calc(var(--page-pad) * -1);padding:clamp(72px, 8vw, 124px) var(--page-pad);background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(52px,8vw,140px);display:grid;position:relative}.legal-record:before{content:"";width:4px;height:clamp(72px,9vw,136px);top:0;left:var(--page-pad);background:var(--blue);position:absolute}.legal-record-heading{border-top:1px solid var(--ink);align-self:start;padding-top:18px}.legal-record-heading p{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:9px;line-height:1.55}.legal-record-heading p+p{color:var(--muted);margin-top:12px}.legal-details{border-top:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.legal-details section{border-bottom:1px solid var(--line);min-height:330px;padding:clamp(28px,3vw,44px) clamp(24px,3.4vw,52px)}.legal-details section+section{border-left:1px solid var(--line)}.legal-details h2{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin:0 0 clamp(46px,5vw,72px);font-size:10px;font-weight:500}.legal-details address{letter-spacing:-.025em;gap:8px;margin:0;font-size:clamp(17px,1.45vw,21px);font-style:normal;line-height:1.5;display:grid}.legal-details address strong{letter-spacing:-.045em;margin-bottom:6px;font-size:clamp(24px,2.2vw,34px);font-weight:600}.legal-details address a{border-bottom:1px solid var(--line-strong);overflow-wrap:anywhere;width:max-content;max-width:100%;transition:color .14s,border-color .14s}.legal-details address a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.legal-footer{border-top:0}.contact{min-height:650px;padding-block:clamp(112px,11vw,170px)}.contact:before,.contact:after{display:none}.contact h2{letter-spacing:-.058em;margin:0;font-size:clamp(52px,5.3vw,84px);font-weight:500;line-height:.98}@media (hover:hover) and (pointer:fine){.header-nav a:hover{color:var(--ink)}.header-nav a:hover:after{opacity:1;transform:scaleX(1)}.drivebase-case:hover .drivebase-screen{transform:translateY(-6px)}.drivebase-case:hover .drivebase-action .arrow-box,.leffi-teaser:hover .leffi-action .arrow-box,.package-card:hover .package-action .arrow-box{transform:translate(3px,-3px)}.inquiry-back:hover{color:var(--ink)}.inquiry-action:hover .arrow-box{transform:translate(3px,-3px)}.footer-meta a:hover,.legal-details address a:hover{color:var(--blue);border-color:var(--blue)}}@media (width<=1180px){.drivebase-case{grid-template-columns:minmax(420px,1fr) minmax(360px,.86fr)}.drivebase-copy{padding:40px}.drivebase-screen{width:min(76%,410px);right:12%}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.header-nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);min-height:570px}.hero-signal{padding-block:38px;min-height:430px;padding-left:0}.work-heading{grid-template-columns:1fr;gap:28px}.work-heading h2{max-width:720px}.drivebase-case{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);min-height:540px}.drivebase-copy{min-height:0;padding:38px}.drivebase-visual{border-top:0;border-left:1px solid #2a3852;min-height:0}.drivebase-screen{width:min(78%,380px);height:500px;bottom:-150px;right:11%}.leffi-teaser{grid-template-columns:.68fr 1.32fr}.leffi-index{grid-column:1/-1}.studio{grid-template-columns:1fr;gap:70px}.studio-intro h2{max-width:760px}.studio-intro>p{max-width:640px}.packages-heading{grid-template-columns:1fr;gap:28px}.packages-heading h2{max-width:760px}.package-card{grid-template-columns:minmax(0,1fr) auto;gap:22px 36px}.package-index{grid-column:1/-1}.package-action{grid-column:1/-1;justify-self:start}}@media (width<=820px){.drivebase-case{grid-template-columns:1fr;min-height:0}.drivebase-copy{padding:38px}.drivebase-visual{border-top:1px solid #2a3852;border-left:0;min-height:410px}.drivebase-screen{width:min(58%,390px);height:470px;bottom:-150px;right:21%}.inquiry-catalog{grid-template-columns:1fr}.inquiry-product+.inquiry-product{border-top:0;border-left:1px solid var(--ink)}.inquiry-help{grid-template-columns:1fr;gap:54px}.inquiry-help .contact-action{width:min(100%,560px)}.legal-record{grid-template-columns:1fr;gap:48px}}@media (width<=700px){.hero-copy{min-height:560px}.hero-signal{display:none}.work{padding-block:58px}.work-heading{margin-bottom:30px}.work-heading h2{font-size:clamp(40px,10.8vw,50px)}.drivebase-copy{min-height:0;padding:28px 24px 30px}.drivebase-brand{gap:16px;padding-bottom:24px}.drivebase-logo{width:64px}.drivebase-brand strong{font-size:32px}.drivebase-story{padding-top:26px}.drivebase-story h3{font-size:clamp(36px,9.8vw,44px)}.drivebase-story>p:not(.project-status){font-size:15px}.drivebase-facts{gap:12px;padding-top:26px}.drivebase-facts dd{font-size:clamp(21px,6vw,28px)}.drivebase-visual{display:none}.leffi-teaser{grid-template-columns:1fr;gap:20px;min-height:0;padding:26px 24px}.leffi-signature{font-size:38px}.studio{gap:58px;padding-block:84px}.studio-intro h2{margin-block:30px 24px;font-size:clamp(43px,12vw,58px)}.studio-list li{grid-template-columns:42px 1fr;gap:18px;min-height:0;padding-block:28px}.studio-list h3{font-size:30px}.packages{padding-block:76px 68px}.packages-heading{margin-bottom:38px}.packages-heading h2{font-size:clamp(41px,11.6vw,54px)}.package-card{grid-template-columns:1fr;gap:18px;padding-block:30px}.package-index,.package-action{grid-column:auto}.package-copy h3{font-size:32px}.packages-note{text-align:left;margin-top:22px}.inquiry-header{min-height:74px}.inquiry-hero{min-height:520px;padding-block:44px 56px}.inquiry-hero h1{margin-block:36px;font-size:clamp(48px,14vw,66px)}.inquiry-hero-bottom{grid-template-columns:1fr;align-items:start;gap:24px}.inquiry-hero-bottom .text-link{width:max-content}.inquiry-catalog{padding-block:58px}.inquiry-product{min-height:0;padding:28px 24px}.inquiry-product-head{gap:16px;padding-bottom:24px}.inquiry-product h2{margin-top:34px;font-size:clamp(40px,11.8vw,52px)}.inquiry-features{margin-bottom:34px}.inquiry-action{min-height:88px}.inquiry-help{min-height:0;padding-block:76px}.inquiry-help h2{font-size:clamp(42px,11.8vw,58px)}.legal-hero{min-height:400px;padding-block:44px 56px}.legal-hero h1{margin-block:36px;font-size:clamp(64px,20vw,92px)}.legal-record{padding-block:72px}.legal-details{grid-template-columns:1fr}.legal-details section{min-height:280px;padding:30px 24px}.legal-details section+section{border-left:0}.contact{min-height:680px;padding-block:88px}.contact h2{font-size:clamp(45px,12.5vw,62px)}}@media (width<=430px){.hero h1{font-size:47px}.drivebase-brand p{max-width:150px;line-height:1.35}.drivebase-facts dt{font-size:8px}}@media (prefers-reduced-motion:reduce){.header-nav a,.header-nav a:after,.drivebase-case,.drivebase-screen,.drivebase-action .arrow-box,.leffi-teaser,.leffi-action .arrow-box,.package-card,.package-action .arrow-box,.inquiry-back,.inquiry-action,.inquiry-action .arrow-box,.footer-meta a,.legal-details address a{transition-duration:1ms!important}.header-nav a:active,.drivebase-case:active,.drivebase-case:hover .drivebase-screen,.drivebase-case:hover .drivebase-action .arrow-box,.leffi-teaser:active,.leffi-teaser:hover .leffi-action .arrow-box,.package-card:active,.package-card:hover .package-action .arrow-box,.inquiry-back:active,.inquiry-action:active,.inquiry-action:hover .arrow-box{transform:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:is(html:has(.studio-shell),html:has(.studio-login),body:has(.studio-shell),body:has(.studio-login)){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:0;max-width:100%}.studio-shell{grid-template-columns:220px minmax(0,1fr);width:100%;max-width:100%;min-height:100svh;display:grid}.studio-shell .button,.studio-login .button{min-width:0;max-width:100%}.studio-shell input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.studio-shell select,.studio-shell textarea,.studio-login input:not([type=hidden]),.studio-login select,.studio-login textarea{font-size:16px}.studio-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:36px;padding:28px 22px;display:flex}.studio-brand{color:inherit;align-items:center;gap:12px;display:flex}.studio-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-session--rail{display:none}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{letter-spacing:-.04em;font-size:15px}.studio-brand small{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px}.studio-nav{gap:4px;display:grid}.studio-nav a{color:var(--muted);letter-spacing:-.02em;border-left:2px solid #0000;padding:10px 12px;font-size:14px}.studio-nav a:hover{color:var(--ink)}.studio-nav a.is-active{color:var(--ink);border-left-color:var(--blue);background:var(--paper)}.studio-main{grid-template-rows:auto 1fr;min-width:0;max-width:100%;display:grid;overflow-x:clip}.studio-main>main{min-width:0;max-width:100%}.studio-top{border-bottom:1px solid var(--line);min-height:72px;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;font-size:11px;display:flex}.studio-session{text-transform:none;letter-spacing:0;align-items:center;gap:16px;display:flex}.studio-session span{color:var(--ink);font-family:var(--sans);font-size:13px}.studio-session button,.studio-text-button,.studio-danger button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.studio-session button:hover,.studio-text-button:hover,.studio-danger button:hover{color:var(--blue)}.studio-page,.studio-login{padding:36px 28px 64px}.studio-page{gap:28px;width:100%;max-width:min(1080px,100%);display:grid;overflow-x:clip}.studio-page-head,.studio-panel-head,.studio-toolbar,.studio-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-page-head .studio-toolbar{justify-content:flex-end}.studio-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.studio-page h1,.studio-login h1,.studio-panel h1,.studio-panel h2{letter-spacing:-.05em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:500}.studio-panel h2{font-size:22px}.studio-panel,.studio-login-card{background:var(--surface);border:1px solid var(--line);padding:28px}.studio-stats{border:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.studio-stats article{border-right:1px solid var(--line);padding:22px 24px}.studio-stats article:last-child{border-right:0}.studio-stats p{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px}.studio-stats strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:12px;font-size:36px;font-weight:500;display:block}.studio-table{border-collapse:collapse;width:100%}.studio-table th,.studio-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 0;font-size:14px}.studio-table th{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.studio-table a:hover{color:var(--blue)}.studio-pill{border:1px solid var(--line);min-height:24px;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.studio-pill--issued{border-color:var(--blue);color:var(--blue)}.studio-pill--paid{border-color:var(--ink);color:var(--ink)}.studio-pill--cancelled{opacity:.6}.studio-pill--sent{border-color:var(--blue);color:var(--blue)}.studio-pill--accepted{border-color:var(--ink);color:var(--ink)}.studio-pill--declined{opacity:.6}.studio-signed-flag{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:10px;display:block}.studio-signed-form{margin-top:18px}.studio-signed-form input[type=file]{padding:12px;font-size:16px}.studio-signed-form .button:disabled{opacity:.72;cursor:wait}.studio-button-status{align-items:center;gap:8px;display:inline-flex}.studio-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.5s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-signed-ok,.studio-file-name{margin:0}.studio-file-name{color:var(--muted);font-size:13px}.studio-form-error{color:#9b1c2e;margin:0}@media (prefers-reduced-motion:reduce){.studio-spinner{opacity:.45;border-right-color:currentColor;animation:none}}#gegenzeichnung{scroll-margin-top:24px}.studio-template-form{max-width:520px}.studio-rate-list{margin:0;padding:0;list-style:none;display:grid}.studio-rate-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.studio-rate-list li:first-child{border-top:0;padding-top:0}.studio-rate-list strong{display:block}.studio-rate-list p{color:var(--muted);margin:4px 0 0}.studio-billing-mode{gap:8px;display:flex}.studio-billing-mode button{border:1px solid var(--line-strong);background:var(--paper);min-height:32px;color:var(--muted);font:inherit;cursor:pointer;padding:0 10px;font-size:13px}.studio-billing-mode button.is-active{border-color:var(--ink);color:var(--ink)}.studio-scope,.studio-scope-fields,.studio-rate{gap:8px;display:grid}.studio-scope-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.studio-scope-list{gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.studio-scope-list li p{margin:6px 0 0}.studio-form,.studio-form fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.studio-form.studio-panel{background:0 0;border:0;padding:0}.studio-form.studio-panel input,.studio-form.studio-panel select,.studio-form.studio-panel textarea{background:var(--surface)}.studio-form legend{margin-bottom:8px;font-size:14px;font-weight:600}.studio-form label,.studio-form .studio-items{gap:8px;min-width:0;display:grid}.studio-form label{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.studio-field-hint{color:var(--muted);font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13px;font-weight:400;line-height:1.4}.studio-form input,.studio-form select,.studio-form textarea{border:1px solid var(--line-strong);background:var(--paper);width:100%;max-width:100%;min-height:44px;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;padding:10px 12px;font-size:16px;line-height:1.4}.studio-form textarea{resize:vertical;min-height:120px}.studio-form .studio-scope textarea{min-height:72px}.studio-form input:focus-visible,.studio-form select:focus-visible,.studio-form textarea:focus-visible,.studio-nav a:focus-visible,.studio-session button:focus-visible,.studio-text-button:focus-visible,.studio-billing-mode button:focus-visible,.studio-danger button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.studio-grid-2,.studio-grid-3,.studio-items-head,.studio-items-row{gap:12px;display:grid}.studio-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid-3{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)}.studio-items-head,.studio-items-row{grid-template-columns:minmax(0,1.6fr) 90px 130px 120px auto;align-items:start}.studio-items-row textarea{resize:vertical;min-height:58px}.studio-items-row input,.studio-items-row select,.studio-items-row>button{margin-top:8px}.studio-line-desc{white-space:pre-line}.studio-items-head{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.studio-empty-copy,.studio-panel p,.studio-login-card p{max-width:46ch;color:var(--muted);margin:0;line-height:1.5}.studio-login{align-content:center;justify-items:start;gap:28px;width:100%;max-width:560px;min-height:100svh;margin:0 auto;display:grid}.studio-login-card{gap:16px;width:min(100%,480px);display:grid}.studio-login-card .button{justify-self:start}.studio-error{color:#9b1c2e}.studio-error code,.studio-panel code{font-family:var(--mono);font-size:12px}.studio-invoice-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px;display:grid}.studio-invoice-meta p,.studio-invoice-meta dt{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.studio-invoice-meta strong{margin-bottom:8px;font-size:20px;font-weight:500;display:block}.studio-invoice-meta dl,.studio-totals{gap:8px;margin:0;display:grid}.studio-invoice-meta dl div,.studio-totals div{justify-content:space-between;gap:16px;display:flex}.studio-totals{max-width:320px;margin-left:auto;padding-top:16px}.studio-totals div:last-child{font-weight:600}.studio-danger{justify-self:start}.studio-danger button{font-size:13px}.studio-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-skeleton{background:color-mix(in srgb, var(--line) 70%, var(--paper))}.studio-skeleton--kicker{width:72px;height:10px}.studio-skeleton--title{width:min(240px,50%);height:28px;margin-top:10px}.studio-skeleton--panel{min-height:180px}@media (width<=1100px){.studio-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.studio-shell{padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:minmax(0,1fr)}.studio-rail{z-index:30;min-width:0;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;border-right:0;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px;position:sticky;top:0}.studio-brand-row{min-height:44px}.studio-session--rail{align-items:center;display:flex}.studio-session--rail button{min-height:44px;padding:0 4px;font-size:16px}.studio-nav{flex-wrap:wrap;gap:8px;width:100%;display:flex}.studio-nav a{border:1px solid var(--line);border-left:1px solid var(--line);background:var(--paper);letter-spacing:-.02em;text-align:center;white-space:nowrap;flex:calc(33.333% - 8px);justify-content:center;align-items:center;min-width:6.75rem;min-height:44px;padding:10px 12px;font-size:16px;display:inline-flex}.studio-nav a.is-active{border-color:var(--blue);border-left-color:var(--blue);background:var(--surface);color:var(--ink)}.studio-top{display:none}.studio-page,.studio-login{width:100%;max-width:100%;padding:20px 16px calc(40px + env(safe-area-inset-bottom,0px));overflow-x:clip}.studio-login{align-content:start;justify-items:stretch;gap:20px;margin:0}.studio-login-card{width:100%;max-width:100%}.studio-page h1,.studio-login h1,.studio-panel h1{letter-spacing:-.04em;font-size:28px}.studio-panel h2{font-size:20px}.studio-panel,.studio-login-card{max-width:100%;padding:16px}.studio-page-head,.studio-panel-head,.studio-toolbar,.studio-actions{flex-direction:column;align-items:stretch;gap:12px}.studio-page-head .studio-toolbar{justify-content:stretch}.studio-toolbar form,.studio-page-head form,.studio-actions form,.studio-form .button,.studio-toolbar .button,.studio-page-head .button,.studio-actions .button,.studio-login .button,.studio-login-card .button,.studio-panel-head .button{flex:none;justify-self:stretch;width:100%;max-width:100%}.studio-empty-copy,.studio-panel p,.studio-login-card p{max-width:none}.studio-panel pre,.studio-empty-copy:is(pre){white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-stats article:nth-child(odd){border-right:1px solid var(--line)}.studio-stats article:nth-child(n+5){border-bottom:0}.studio-stats article{border-bottom:1px solid var(--line);padding:16px}.studio-stats strong{font-size:28px}.studio-grid-2,.studio-grid-3,.studio-invoice-meta,.studio-scope-row{grid-template-columns:minmax(0,1fr)}.studio-table,.studio-table tbody,.studio-table tr,.studio-table th,.studio-table td{width:100%;min-width:0;display:block}.studio-table thead{display:none}.studio-table tr{border-bottom:1px solid var(--line);padding:16px 0}.studio-table tr:first-child{padding-top:0}.studio-table td{overflow-wrap:anywhere;border-bottom:0;padding:3px 0;font-size:16px}.studio-table td:first-child{font-weight:500}.studio-items-head{display:none}.studio-items-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;padding:12px 0}.studio-items-row textarea,.studio-items-row .studio-text-button{grid-column:1/-1;margin-top:0}.studio-items-row input,.studio-items-row select{margin-top:0}.studio-billing-mode{flex-wrap:wrap}.studio-billing-mode button{flex:auto;min-height:44px;font-size:16px}.studio-form textarea{min-height:96px}.studio-totals{max-width:none;margin-left:0}.studio-danger,.studio-danger button{text-align:left;justify-self:stretch;width:100%;min-height:44px;font-size:16px}.studio-text-button{min-height:44px;font-size:16px}.studio-rate-list li{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.studio-nav a,.studio-session button{transition:none}}:is(html:has(.preview-shell),html:has(.preview-login),body:has(.preview-shell),body:has(.preview-login)){background:var(--pv-bg,#111722);color:var(--pv-text,#f7faff)}.preview-shell,.preview-login{--pv-bg:#111722;--pv-elev:#171f2e;--pv-well:#0b1018;--pv-canvas:#0b1018;--pv-text:#f7faff;--pv-muted:#aeb8c9;--pv-line:#2a3548;--pv-line-strong:#43506a;--pv-blue:#2447f4;--pv-blue-soft:#5b75ff;--pv-accent:#2447f4;--pv-accent-text:#f7faff;--pv-mark:#f7faff;--pv-on-blue:#fff;--pv-hover-fill:#f7faff;--pv-hover-text:#111722;--pv-hover-arrow:#2447f4;--pv-hover-arrow-text:#f7faff;--pv-scrim:#080c148f;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:is(html:has(.preview-shell),html:has(.preview-login),body:has(.preview-shell),body:has(.preview-login)){background:var(--paper);color:var(--ink)}.preview-shell,.preview-login{--pv-bg:var(--surface);--pv-elev:var(--surface);--pv-well:var(--paper);--pv-canvas:#d9e0ea;--pv-text:var(--ink);--pv-muted:var(--muted);--pv-line:var(--line);--pv-line-strong:var(--line-strong);--pv-blue:var(--blue);--pv-blue-soft:var(--blue);--pv-accent:var(--ink);--pv-accent-text:var(--surface);--pv-mark:var(--ink);--pv-on-blue:var(--surface);--pv-hover-fill:var(--ink);--pv-hover-text:var(--surface);--pv-hover-arrow:var(--surface);--pv-hover-arrow-text:var(--ink);--pv-scrim:#11172247;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.preview-shell{background:var(--pv-bg);height:100dvh;color:var(--pv-text);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.preview-shell--comment{grid-template-rows:auto auto minmax(0,1fr)}.preview-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-kicker{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:500;display:flex}.preview-kicker>span{border:1px solid var(--pv-blue-soft);background:var(--pv-elev);flex:none;width:7px;height:7px;position:relative}.preview-kicker>span:after{content:"";background:var(--pv-blue-soft);position:absolute;inset:2px}.preview-top{border-bottom:1px solid var(--pv-line);background:var(--pv-bg);align-items:center;gap:16px;min-height:56px;padding:0 18px;display:flex;position:relative}.preview-top:after{content:"";background:var(--pv-blue);width:72px;height:2px;position:absolute;bottom:-1px;left:0}.preview-brand{flex:none;align-items:center;gap:12px;min-width:168px;display:flex}.preview-shell .brand-mark i{background:var(--pv-mark)}.preview-shell .brand-mark i:first-child{background:var(--pv-blue)}.preview-brand-project,.preview-brand-meta{display:block}.preview-brand-project{letter-spacing:-.04em;font-size:15px;font-weight:600}.preview-brand-meta{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.preview-path{border:1px solid var(--pv-line);background:var(--pv-well);flex:1;align-items:center;gap:10px;min-width:120px;min-height:36px;padding:0 12px;display:flex}.preview-live{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;gap:8px;font-size:10px;display:inline-flex}.preview-live-node{border:1px solid var(--pv-blue-soft);background:var(--pv-well);flex:none;width:7px;height:7px;position:relative}.preview-live-node:after{content:"";background:var(--pv-blue-soft);animation:preview-node-breathe 3.8s var(--ease-in-out,cubic-bezier(.77, 0, .175, 1)) infinite;position:absolute;inset:2px}.preview-path input{min-width:0;min-height:34px;color:var(--pv-text);font-family:var(--mono);letter-spacing:-.02em;background:0 0;border:0;flex:1;padding:0;font-size:13px}.preview-path input:focus{outline:none}.preview-toolbar{flex:none;align-items:center;gap:8px;display:flex}.preview-modes,.preview-viewports,.preview-rail-toggle{border:1px solid var(--pv-line);background:var(--pv-well);display:flex}.preview-modes button,.preview-viewports button,.preview-rail-toggle,.preview-text-button{min-height:36px;color:var(--pv-muted);font:inherit;letter-spacing:-.01em;cursor:pointer;transition:color .16s ease, background-color .16s ease, transform .14s var(--ease-out);background:0 0;border:0;padding:0 12px;font-size:12px}.preview-viewports button{place-items:center;width:36px;padding:0;display:grid}.preview-modes button.is-active,.preview-viewports button.is-active,.preview-rail-toggle.is-active{background:var(--pv-accent);color:var(--pv-accent-text)}.preview-rail-toggle{align-items:center;gap:8px;font-size:12px;font-weight:600}.preview-count{background:var(--pv-text);min-width:18px;height:18px;color:var(--pv-bg);font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-size:10px;display:grid}.preview-rail-toggle.is-active .preview-count{background:var(--pv-accent-text);color:var(--pv-accent)}.preview-glyph{border:1.5px solid;display:block}.preview-glyph--desktop{width:16px;height:10px}.preview-glyph--tablet{width:11px;height:14px}.preview-glyph--mobile{width:8px;height:14px}.preview-text-button{color:var(--pv-muted);background:0 0;border:0;padding:0;text-decoration:none}.preview-session,.preview-studio{flex:none}.preview-studio{text-decoration:none}.preview-modebar{border-bottom:1px solid var(--pv-line);background:color-mix(in srgb, var(--pv-blue) 16%, var(--pv-bg));min-height:32px;color:var(--pv-text);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:0;padding:0 18px;font-size:10px;display:flex}.preview-stage{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid;overflow:hidden}.preview-shell--rail-collapsed .preview-stage{grid-template-columns:minmax(0,1fr)}.preview-shell--rail-collapsed .preview-rail{display:none}.preview-canvas{background:var(--pv-canvas);min-width:0;min-height:0;display:grid}.preview-frame-wrap{background:var(--pv-canvas);min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.preview-frame-stage{transform-origin:0 0;box-shadow:0 0 0 1px var(--pv-line-strong);position:absolute;top:0;left:0}.preview-frame-wrap[data-viewport=tablet] .preview-frame-stage,.preview-frame-wrap[data-viewport=mobile] .preview-frame-stage{box-shadow:0 0 0 1px var(--pv-line-strong), 0 0 0 8px var(--pv-elev);top:16px}.preview-frame{background:var(--surface);border:0;width:100%;height:100%}.preview-hitbox{cursor:crosshair;background:#2447f40d;border:0;position:absolute;inset:0}.preview-pin{border:1px solid var(--pv-blue);background:var(--pv-blue);width:22px;height:22px;color:var(--pv-on-blue);font-family:var(--mono);cursor:pointer;margin:-11px 0 0 -11px;font-size:11px;position:absolute;transform:rotate(-2deg)}.preview-pin.is-active,.preview-pin--inline{background:var(--pv-text);border-color:var(--pv-text);color:var(--pv-bg)}.preview-pin--inline{flex:none;margin:0;position:static}.preview-composer{z-index:3;border:1px solid var(--pv-line-strong);background:var(--pv-elev);width:min(320px,100% - 24px);color:var(--pv-text);gap:12px;padding:16px;display:grid;position:absolute;transform:translate(14px,14px)}.preview-composer--rail{background:0 0;border:0;width:auto;margin:0;padding:0;position:static;transform:none}.preview-composer textarea{border:1px solid var(--pv-line-strong);background:var(--pv-well);width:100%;color:var(--pv-text);font:inherit;resize:vertical;padding:10px 12px;font-size:15px;line-height:1.45}.preview-composer textarea::placeholder{color:var(--pv-muted)}.preview-photos{gap:8px;display:grid}.preview-photo-add{width:max-content;color:var(--pv-text);letter-spacing:-.02em;border-bottom:1px solid var(--pv-line-strong);cursor:pointer;padding-bottom:2px;font-size:13px;font-weight:600}.preview-photo-hint,.preview-photo-error{font-family:var(--mono);letter-spacing:.04em;margin:0;font-size:10px}.preview-photo-hint{color:var(--pv-muted)}.preview-photo-error{color:#c45b6a}.preview-photo-thumbs,.preview-comment-photos{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preview-photo-thumbs li,.preview-comment-photos li{border:1px solid var(--pv-line);background:var(--pv-well);width:72px;height:72px;position:relative;overflow:hidden}.preview-photo-thumbs img,.preview-comment-photos img{object-fit:cover;width:100%;height:100%;display:block}.preview-photo-thumbs button{color:#f7faff;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#111722b8;border:0;padding:4px 0;font-size:9px;position:absolute;bottom:0;left:0;right:0}.preview-comment-photos{padding:8px 0 0 32px}.preview-composer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-composer-actions button{color:var(--pv-muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}.preview-shell .button{gap:14px;min-width:0;min-height:36px;padding:0 6px 0 12px;font-size:12px}.preview-shell .button--primary{background:var(--pv-blue);border-color:var(--pv-blue);color:var(--pv-on-blue)}.preview-shell .button .arrow-box{width:22px;height:22px;font-size:12px}.preview-shell .button--primary .arrow-box{background:var(--pv-on-blue);color:var(--pv-blue)}.preview-rail{overscroll-behavior:contain;border-left:1px solid var(--pv-line);background:var(--pv-elev);flex-direction:column;min-height:0;display:flex;position:relative;overflow-y:auto}.preview-rail:before{content:"";background:var(--pv-blue);width:4px;height:64px;position:absolute;top:0;left:0}.preview-stats{border-bottom:1px solid var(--pv-line);grid-template-columns:1fr 1fr;margin:0;display:grid}.preview-stats article{padding:20px 18px 18px}.preview-stats article:first-child{border-right:1px solid var(--pv-line)}.preview-stats p{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px}.preview-stats strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:22px;font-weight:500;display:block}.preview-stats small{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.04em;margin-top:4px;font-size:10px;display:block}.preview-brief,.preview-thread{padding:18px 18px 8px}.preview-brief{border-bottom:1px solid var(--pv-line)}.preview-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.preview-thread-meta{color:var(--pv-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10px}.preview-brief-list{margin:0;padding:0;list-style:none;display:grid}.preview-brief-list li{border-top:1px solid var(--pv-line);letter-spacing:-.02em;padding:10px 0 10px 18px;font-size:13px;line-height:1.5;position:relative}.preview-brief-list li:first-child{border-top:0;padding-top:0}.preview-brief-list li:before{content:"";border:1px solid var(--pv-blue-soft);background:var(--pv-blue-soft);width:6px;height:6px;position:absolute;top:16px;left:0}.preview-brief-list li:first-child:before{top:6px}.preview-hint,.preview-empty,.preview-comment-hit small,.preview-comment-hit em{color:var(--pv-muted);font-size:13px;line-height:1.45}.preview-hint{border-bottom:1px solid var(--pv-line);font-family:var(--mono);letter-spacing:.04em;margin:0;padding:12px 18px;font-size:10px}.preview-empty{margin:0;padding:0 0 12px}.preview-thread{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.preview-comments{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.preview-comments>li{border-top:1px solid var(--pv-line);padding:14px 0}.preview-comments>li:first-child{border-top:0;padding-top:0}.preview-comments>li.is-selected{background:color-mix(in srgb, var(--pv-blue) 10%, transparent);margin-inline:-18px;padding-inline:18px}.preview-comments>li.is-resolved{opacity:.48}.preview-comment-hit{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;display:flex}.preview-comment-hit span{gap:4px;min-width:0;display:grid}.preview-comment-hit strong{letter-spacing:-.02em;font-size:13px;font-weight:600}.preview-comment-hit small{font-family:var(--mono);letter-spacing:.04em;font-size:10px}.preview-comment-hit em{color:var(--pv-text);font-style:normal}.preview-comment-actions{gap:14px;margin-top:8px;padding-left:32px;display:flex}.preview-comment-actions button{color:var(--pv-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.preview-sheet-toggle,.preview-sheet-backdrop,.preview-rail-head--mobile,.preview-modes--sheet,.preview-sheet-session{display:none}.preview-login{background:var(--pv-well);width:100%;max-width:560px;min-height:100svh;color:var(--pv-text);align-content:center;justify-items:start;gap:28px;margin:0 auto;padding:36px 28px 64px;display:grid}.preview-login .studio-brand strong{color:var(--pv-text)}.preview-login .studio-brand small,.preview-login .studio-kicker,.preview-login .studio-login-card p{color:var(--pv-muted)}.preview-login .studio-login-card{border:1px solid var(--pv-line);background:var(--pv-elev);gap:16px;width:min(100%,480px);padding:28px;display:grid;position:relative}.preview-login .studio-login-card:before{content:"";background:var(--pv-blue);width:4px;height:64px;position:absolute;top:0;left:0}.preview-login h1{color:var(--pv-text)}.preview-login .studio-form label{color:var(--pv-muted)}.preview-login .studio-form input{border-color:var(--pv-line-strong);background:var(--pv-well);color:var(--pv-text)}.preview-login .brand-mark i{background:var(--pv-mark)}.preview-login .brand-mark i:first-child{background:var(--pv-blue)}.preview-path input:focus-visible,.preview-modes button:focus-visible,.preview-viewports button:focus-visible,.preview-rail-toggle:focus-visible,.preview-text-button:focus-visible,.preview-sheet-toggle:focus-visible,.preview-pin:focus-visible,.preview-comment-hit:focus-visible,.preview-composer textarea:focus-visible,.preview-login .studio-form input:focus-visible,.preview-login .button:focus-visible{outline:3px solid var(--pv-blue,#2447f4);outline-offset:3px}@media (hover:hover) and (pointer:fine){.preview-modes button:hover,.preview-viewports button:hover,.preview-rail-toggle:hover,.preview-text-button:hover,.preview-comment-actions button:hover,.preview-composer-actions button:hover{color:var(--pv-blue-soft)}.preview-modes button.is-active:hover,.preview-viewports button.is-active:hover,.preview-rail-toggle.is-active:hover{color:var(--pv-accent-text)}.preview-shell .button:hover{background:var(--pv-hover-fill);border-color:var(--pv-hover-fill);color:var(--pv-hover-text)}.preview-shell .button:hover .arrow-box{background:var(--pv-hover-arrow);color:var(--pv-hover-arrow-text);transform:translate(2px,-2px)}}.preview-modes button:active,.preview-viewports button:active,.preview-rail-toggle:active,.preview-text-button:active,.preview-shell .button:active{transform:scale(.97)}@keyframes preview-node-breathe{0%,72%,to{opacity:1}82%{opacity:.25}}@media (width<=1180px){.preview-brand{min-width:0}.preview-modes button{padding:0 10px}}@media (width<=860px){.preview-shell,.preview-shell--comment{grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}.preview-path,.preview-toolbar,.preview-session,.preview-modebar{display:none}.preview-sheet-toggle{min-height:44px;color:var(--pv-text);font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;margin-left:auto;padding:0 4px;font-size:16px;display:inline-flex}.preview-top{min-height:48px;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;flex-wrap:nowrap;align-items:center;gap:10px}.preview-top:after{width:48px}.preview-brand{flex:0 auto;min-width:0}.preview-stage{flex-direction:column;min-height:0;display:flex}.preview-canvas,.preview-frame-wrap,.preview-frame-wrap.is-native{flex:1;height:auto;min-height:0;position:relative}.preview-frame-stage,.preview-frame-wrap[data-viewport=tablet] .preview-frame-stage,.preview-frame-wrap[data-viewport=mobile] .preview-frame-stage{box-shadow:none;width:auto!important;height:auto!important;position:absolute!important;inset:0!important;transform:none!important}.preview-sheet-backdrop{z-index:20;background:var(--pv-scrim);border:0;display:block;position:fixed;inset:0}.preview-rail{z-index:21;border-left:0;border-top:1px solid var(--pv-line);max-height:min(78svh,620px);transition:transform .22s var(--ease-out);padding-bottom:env(safe-area-inset-bottom,12px);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.preview-rail.is-open{transform:translateY(0)}.preview-shell--rail-collapsed .preview-rail.is-open{display:flex}.preview-comments{overflow:auto}.preview-rail-head--mobile,.preview-modes--sheet,.preview-sheet-session{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-rail-head--mobile{padding:16px 16px 0}.preview-modes--sheet{margin:12px 16px 0}.preview-sheet-session{margin:8px 16px 0}.preview-stats{margin-top:12px}.preview-shell .button{min-width:0}.preview-composer--overlay{display:none}.preview-login{padding:20px 16px calc(40px + env(safe-area-inset-bottom,0px));align-content:start;justify-items:stretch;gap:20px;margin:0}.preview-login .studio-login-card{width:100%;max-width:100%;padding:16px}}@media (prefers-reduced-motion:reduce){.preview-rail{transition:none}.preview-live-node:after{animation:none}.preview-modes button:active,.preview-viewports button:active,.preview-rail-toggle:active,.preview-text-button:active,.preview-shell .button:active,.preview-shell .button:hover .arrow-box{transform:none}}