/* Werkfink design system: first-party font, semantic states, no remote assets. */
@font-face{font-family:'Werkfink Display';src:url('/werkfink-display.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--wf-bg:#070b18;--wf-panel:#10192e;--wf-raised:#16223b;--wf-text:#f4f7ff;--wf-muted:#b8c5df;--wf-subtle:#97a9cb;--wf-blue:#527bff;--wf-accent:#99c8ff;--wf-line:#a4bdf92c;--wf-success:#a1ebce;--wf-error:#ffb7b7;--wf-radius:18px;--wf-space:8px;--wf-font:'Werkfink Display','Segoe UI',sans-serif}
body{font-family:var(--wf-font);--bg:var(--wf-bg);--text:var(--wf-text);--muted:var(--wf-muted);--faint:var(--wf-subtle);--cyan:var(--wf-accent);--line:var(--wf-line)}
html{scroll-padding-top:32px}main{min-width:0}img,video{max-width:100%}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #b5d8ff;outline-offset:4px}a,button{ -webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
input,textarea,select{accent-color:var(--wf-blue)}input:disabled,textarea:disabled,button:disabled{cursor:not-allowed}textarea{resize:vertical}::selection{background:#9ac9ff;color:#081026}
.site-header{flex-wrap:wrap}.primary-nav{flex-wrap:wrap}.primary-nav a{min-height:44px}.legal-main{max-width:1180px}.legal-main p,.legal-main li{max-width:90ch}.legal-main h2{color:var(--wf-text)}.legal-notice{border-color:var(--wf-accent);background:#17264670}.preview-strip{color:var(--wf-muted)}
.section-note{font-size:12px;line-height:1.9;color:var(--wf-subtle);max-width:100ch;margin:25px 0 0}.section-note a{text-decoration:underline;text-underline-offset:4px;color:var(--wf-accent)}
.studio-home .hero h1{font-size:clamp(47px,5.2vw,73px);line-height:1.08}.studio-home .hero-stage{min-height:640px;grid-template-columns:1.12fr 1fr}.studio-home .hero-lead{max-width:490px}.studio-home .hero-copy .eyebrow{letter-spacing:.11em}.studio-home .lab-sheet{padding:20px}.lab-project-input,.lab-project-output{display:grid;gap:14px;font-size:11px;line-height:1.6;color:#c9d8f3}.lab-project-input span{display:flex;gap:12px;align-items:center}.lab-project-input b{font:9px/1.7 var(--mono);color:#92b8ff;border:1px solid #b1c6ff2c;padding:3px 5px;border-radius:4px}.lab-project-output span{display:flex;gap:10px;justify-content:space-between}.lab-project-output b{color:#b5e9da}.studio-home .lab-process{font-size:9px}.studio-home .lab-output{top:305px}.studio-home .scene-caption{font-size:8px}.studio-home .format-strip>strong{font-size:clamp(22px,3vw,39px)}
.project-services{padding-block:78px 64px}.project-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-service{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--wf-line);border-radius:var(--wf-radius);background:linear-gradient(145deg,#14213a,#0b1225);box-shadow:inset 0 1px 0 #ffffff05}.service-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--wf-accent)}.service-number{font:10px/1.7 var(--mono);letter-spacing:.04em}.service-visual{min-height:124px;display:flex;align-items:center;gap:11px;margin-block:25px 28px;padding:20px 12px;background:radial-gradient(ellipse at 50% 75%,#365eff26,transparent 75%);border-block:1px solid #a1c5ff13;overflow:hidden;font:10px/1.6 var(--mono);color:#b6cdf7}.service-visual>span{padding:14px 8px;border:1px solid #97b7ff3a;border-radius:6px;background:#2035595e}.service-visual i{font-size:19px;font-style:normal;color:#83a9ff}.service-visual strong{font-weight:500;color:#dce9ff}.service-web>div{display:grid;gap:7px}.service-web b{display:block;background:#85acff55;height:5px;width:44px;border-radius:3px}.service-web b:last-child{width:29px}.service-web>span{font-size:25px;padding:3px 12px}.project-service h3{font-size:clamp(26px,2.6vw,37px);line-height:1.15;letter-spacing:-.04em;margin-bottom:19px}.project-service>p{color:var(--wf-muted);font-size:14px;line-height:1.9}.project-service ul{list-style:none;padding:0;margin:3px 0 27px;color:var(--wf-muted);font-size:12px;line-height:1.8}.project-service li{padding:9px 0;border-bottom:1px solid #b6c9ff12}.project-service li::before{content:'↳';margin-right:10px;color:#93b9ff}.project-service>.text-link{margin-top:auto;font-size:12px}
.project-process{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:55px 92px}.process-heading h2{margin-bottom:24px}.project-process-list{list-style:none;margin:0;padding:0}.project-process-list li{display:grid;grid-template-columns:38px 1fr;gap:18px;border-top:1px solid var(--wf-line);padding:26px 0}.project-process-list li>span{font:11px/1.8 var(--mono);color:var(--wf-accent)}.project-process-list h3{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}.project-process-list p{font-size:14px;line-height:1.9;color:var(--wf-muted);margin:0}
.project-pricing{padding-block:56px 85px}.project-price-surface{display:grid;grid-template-columns:1fr 1.18fr;border:1px solid #99b9ff3d;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#182b55,#0f1b34 58%,#11192b)}.project-price-main{padding:42px}.project-hourly{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;font-size:78px;letter-spacing:-.06em;font-weight:550;margin:30px 0 10px}.project-hourly>span{font-size:14px;letter-spacing:0;color:var(--wf-muted);font-weight:400}.project-price-main>p:not(.project-hourly){font-size:13px;line-height:1.9;color:var(--wf-muted)}.project-price-main .price-tax{font-size:11px!important;margin-bottom:26px}.project-price-detail{padding:44px;border-left:1px solid var(--wf-line)}.project-price-detail h3{font-size:27px;letter-spacing:-.035em;line-height:1.3;margin:0 0 22px}.project-price-detail ul{padding:0;list-style:none;margin:0}.project-price-detail li{font-size:14px;line-height:1.9;color:var(--wf-muted);padding:17px 0;border-top:1px solid var(--wf-line)}.project-price-detail strong{font-weight:550;color:var(--wf-text)}.project-price-detail>p{font-size:11px;line-height:1.9;color:var(--wf-subtle);margin:22px 0 0}
/* Service and example pages share the same public presentation vocabulary. */
.service-page,.project-showcase{background:radial-gradient(ellipse at 80% 0,#223b7529,transparent 40%),var(--wf-bg);color:var(--wf-text);--panel:var(--wf-panel);--metal:#aabded;line-height:1.75}
.service-page .site-header,.project-showcase .site-header,.contact-page .site-header{max-width:1280px;width:calc(100% - 64px);padding:18px 24px;margin:20px auto 0;min-height:88px;border:1px solid var(--wf-line);border-radius:18px;background:#10182bba;gap:24px}.service-page .brand,.project-showcase .brand,.contact-page .brand{font-size:28px}.service-page .primary-nav,.project-showcase .primary-nav,.contact-page .primary-nav{font-size:13px;gap:24px;line-height:1.5}.service-page .section-shell,.project-showcase .section-shell{max-width:1408px}.service-page h1,.project-showcase h1{font-size:clamp(43px,5.5vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:550;margin:0 0 26px}.service-page h2,.project-showcase h2{font-size:clamp(30px,3.4vw,47px);line-height:1.18;letter-spacing:-.045em;font-weight:530}.service-page h3,.project-showcase h3{font-weight:540;letter-spacing:-.025em;line-height:1.3}.service-page .eyebrow,.project-showcase .eyebrow{color:var(--wf-accent);font-size:10px;letter-spacing:.13em}.service-hero{padding-block:70px 46px}.service-hero .lead,.service-hero>.hero-copy{max-width:710px;font-size:16px;color:var(--wf-muted);line-height:1.9}.service-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:28px 48px}.service-card{min-width:0;padding:30px;border:1px solid var(--wf-line);border-radius:var(--wf-radius);background:linear-gradient(135deg,#142039,#0d1528);scroll-margin-top:35px}.service-card h2{font-size:28px;margin-block:25px 20px}.service-card h3{font-size:22px}.service-card p,.service-deliverables{font-size:14px;color:var(--wf-muted);line-height:1.9}.service-deliverables{padding-left:20px}.service-deliverables li{margin-block:9px}.service-meta{border-top:1px solid var(--wf-line);padding-top:15px;font-size:12px;color:var(--wf-subtle);line-height:1.9}.service-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:28px 55px}.service-step{border-top:1px solid var(--wf-line);padding-top:25px}.service-step h3{font-size:23px}.service-step p{font-size:14px;color:var(--wf-muted);line-height:1.9}.service-price-band{margin-block:45px;padding:36px 40px;border:1px solid #93b7ff52;border-radius:var(--wf-radius);background:linear-gradient(120deg,#1b315c,#111d35)}.service-price-band p{max-width:85ch}.service-price-band strong{color:var(--wf-text)}.service-boundaries{padding:28px 32px;margin-block:32px;border-left:2px solid var(--wf-accent);background:#15244080;border-radius:0 12px 12px 0}.service-boundaries p,.service-boundaries li{font-size:13px;line-height:1.9;color:var(--wf-muted)}.service-cta{padding-block:48px 70px}.button-secondary{color:var(--wf-text);border:1px solid var(--wf-line);background:#182642}.service-page .button-primary,.project-showcase .button-primary,.contact-page .button-primary{background:linear-gradient(110deg,#4269f4,#527df5);color:white;border:1px solid #8caeff66;border-radius:9px}.project-showcase .example-card{background:var(--wf-panel)}.project-showcase .example-pane{background:#0a1120}.project-showcase .example-pane:last-child{background:#11223a55}
/* Public inquiry and retained private support portal. */
.contact-page{background:radial-gradient(ellipse at 85% 8%,#1c386849,transparent 42%),var(--wf-bg);color:var(--wf-text);line-height:1.8}.contact-shell{max-width:1280px;padding-top:64px;padding-bottom:75px}.contact-intro{display:grid;grid-template-columns:1.1fr .85fr;align-items:end;gap:65px;padding-bottom:45px}.contact-intro h1{font-size:clamp(44px,5vw,69px);font-weight:550;letter-spacing:-.055em;line-height:1.12;margin:0}.contact-intro .eyebrow{color:var(--wf-accent);font-size:10px}.contact-intro p:last-child{color:var(--wf-muted);font-size:15px;line-height:1.95;max-width:44ch;margin:0}.contact-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;align-items:start}.contact-form-panel{padding:36px;border:1px solid var(--wf-line);border-radius:20px;background:linear-gradient(145deg,#16233d,#0e172b)}.contact-form-panel h2{font-size:27px;line-height:1.3;letter-spacing:-.035em;margin-bottom:12px}.contact-form-panel .form-intro{font-size:13px;color:var(--wf-muted);margin:0 0 25px}.public-contact-form{display:grid;gap:10px}.contact-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{min-width:0;display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.contact-field label{font-size:13px;font-weight:550}.contact-field input,.contact-field textarea{width:100%;min-height:49px;padding:13px 15px;border:1px solid #a8c2ff45;border-radius:8px;background:#070d1cbf;color:var(--wf-text);line-height:1.6}.contact-field input:hover,.contact-field textarea:hover{border-color:#a4c5ff80}.contact-field input:focus,.contact-field textarea:focus{border-color:#b5d8ff}.contact-field [aria-invalid=true]{border-color:var(--wf-error)}.contact-field textarea{min-height:185px}.contact-field small{font-size:11px;color:var(--wf-subtle)}.form-help{font-size:12px;line-height:1.85;color:var(--wf-muted);margin:2px 0 15px}.form-help a{color:var(--wf-accent);text-decoration:underline;text-underline-offset:3px}.form-submit-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.form-submit-row>span{color:var(--wf-subtle);font-size:11px}.form-status{font-size:13px;line-height:1.8;padding:15px 18px;border:1px solid var(--wf-line);border-radius:9px;background:#0a1226;margin:18px 0 0;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status[data-state=error]{border-color:#ffb7b766;color:var(--wf-error)}.form-status[data-state=success]{border-color:#a1ebce55;color:var(--wf-success)}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-aside{padding:12px 6px 12px 25px}.contact-aside h2{font-size:24px;letter-spacing:-.025em;line-height:1.4}.contact-aside ol{list-style:none;counter-reset:contact-steps;padding:0;margin:24px 0}.contact-aside li{counter-increment:contact-steps;border-top:1px solid var(--wf-line);padding:20px 0 20px 36px;position:relative;font-size:13px;color:var(--wf-muted);line-height:1.9}.contact-aside li::before{content:'0' counter(contact-steps);position:absolute;left:0;top:23px;font:10px var(--mono);color:var(--wf-accent)}.contact-aside strong{display:block;font-size:14px;color:var(--wf-text);font-weight:550}.contact-direct{border-top:1px solid var(--wf-line);padding-top:25px;font-size:13px;color:var(--wf-muted)}.contact-direct a{color:var(--wf-accent);text-decoration:underline;text-underline-offset:5px}.support-portal{margin-top:65px;padding:32px;border:1px solid var(--wf-line);border-radius:18px;background:#10182a}.support-portal h2{font-size:28px;letter-spacing:-.035em;line-height:1.4}.support-portal>p{color:var(--wf-muted);font-size:13px;line-height:1.9}.support-portal label{display:block;font-size:13px;margin-block:16px 8px}.support-portal input:not([type=checkbox]),.support-portal textarea{display:block;max-width:100%;width:100%;background:#080e1f;color:var(--wf-text);border:1px solid var(--wf-line);border-radius:8px;padding:13px 15px}.support-portal button,.support-portal #support-signin{min-height:44px;padding:12px 18px;border:1px solid #8eaaff55;border-radius:8px;background:#213963;color:#f3f7ff;margin-block:8px;font-size:13px}.support-portal #support-signin{display:inline-flex;align-items:center}.support-portal .cloud-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.8}.support-portal .cloud-consent input{margin-top:7px}.support-portal .cloud-consent span{font-size:12px;color:var(--wf-muted)}.support-portal ol p,.support-portal ul p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--wf-muted)}.support-portal .ops-connection{padding:24px 0;border-block:1px solid var(--wf-line);margin-block:25px}.public-inbox-item{border-top:1px solid var(--wf-line);padding:20px 0;list-style:none}.contact-page .site-footer{background:transparent}.contact-page .footer-bottom{font-size:11px}
.service-price-summary{padding:29px 32px;border:1px solid #9ab8ff40;border-radius:18px;background:linear-gradient(135deg,#1d3155,#0f192c)}.service-price-summary>span{font-size:11px;color:var(--wf-muted)}.service-price-summary>strong{display:block;font-size:65px;font-weight:550;letter-spacing:-.05em;line-height:1.2;margin-block:16px}.service-price-summary small{font-size:15px;font-weight:400;letter-spacing:0}.service-price-summary p{font-size:13px;color:var(--wf-muted);line-height:1.9}.service-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-meta div{margin-bottom:16px}.service-meta dt{color:var(--wf-accent);font-weight:550;font-size:11px;margin-bottom:5px}.service-meta dd{margin:0;color:var(--wf-muted)}.service-budget-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:13px;line-height:1.8}.service-budget-table th,.service-budget-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--wf-line)}.service-budget-table th{color:var(--wf-text);font-weight:550}.service-budget-table td{color:var(--wf-muted)}.showcase-notice{padding:22px 27px;background:#17325a66;border:1px solid #94bbff44;border-radius:12px;margin-block:10px 42px;font-size:13px;line-height:1.85}.showcase-notice strong{font-weight:550}.showcase-notice p{color:var(--wf-muted);margin:6px 0 0}.showcase-card>h3{font-size:26px;margin-block:25px 20px}.showcase-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-block:20px;margin-block:20px;border-block:1px solid var(--wf-line);font-size:12px;color:var(--wf-muted)}.showcase-flow strong{color:var(--wf-text);font-size:14px}.showcase-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--wf-line);border-radius:8px;margin-block:20px}.showcase-table{width:100%;border-collapse:collapse;font:10px/1.7 var(--mono)}.showcase-table th,.showcase-table td{padding:10px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--wf-line)}.showcase-table th{color:var(--wf-accent);font-weight:500}.showcase-rule-map{font:11px/1.9 var(--mono);background:#081225;border:1px solid var(--wf-line);border-radius:9px;padding:18px;margin-block:20px;color:var(--wf-muted)}.showcase-local-intro{padding-block:35px}.showcase-local-intro p{max-width:85ch;color:var(--wf-muted);font-size:14px;line-height:1.9}
@media(min-width:1400px){.studio-home .hero-stage{gap:25px}.studio-home .lab-input{width:270px}.studio-home .lab-output{width:265px}}
@media(max-width:1050px){.project-service{padding:23px}.project-service-grid,.service-grid{gap:15px}.service-visual{gap:7px;padding-inline:0;font-size:9px}.project-process{gap:40px}.project-price-main,.project-price-detail{padding:32px}.contact-layout{grid-template-columns:1.4fr 1fr}.contact-aside{padding-left:6px}.contact-intro{gap:35px}.service-intro-grid{gap:30px}}
@media(max-width:760px){.studio-home .hero-stage{display:flex;min-height:0}.studio-home .hero h1{font-size:clamp(39px,8.7vw,63px);line-height:1.1}.studio-home .hero-scene{max-width:460px}.studio-home .lab-input{width:218px;top:44px}.studio-home .lab-output{width:218px;top:216px}.lab-project-input,.lab-project-output{font-size:10px;gap:10px}.studio-home .lab-process{top:188px;left:28%;font-size:8px}.project-services{padding-block:55px}.project-service-grid,.service-grid{grid-template-columns:1fr}.project-service{padding:27px}.service-visual{justify-content:center;font-size:12px;margin-block:20px}.project-service h3{font-size:33px}.project-service h3 br{display:none}.project-service>p{font-size:14px}.project-process{grid-template-columns:1fr;gap:30px;padding-block:20px 60px}.project-process-list li{padding-block:22px}.project-process-list h3{font-size:22px}.project-pricing{padding-block:15px 60px}.project-price-surface{grid-template-columns:1fr}.project-price-detail{border-left:0;border-top:1px solid var(--wf-line)}.project-hourly{font-size:71px}.project-price-main,.project-price-detail{padding:29px}.project-price-detail h3{font-size:26px}.service-page .section-shell,.project-showcase .section-shell{padding-inline:24px}.service-page .site-header,.project-showcase .site-header,.contact-page .site-header{width:calc(100% - 28px);padding:17px;margin-top:14px;gap:13px}.service-page .primary-nav,.project-showcase .primary-nav,.contact-page .primary-nav{margin-left:0;gap:0 19px;font-size:12px;width:100%}.service-hero{padding-block:45px 25px}.service-intro-grid{grid-template-columns:1fr;gap:15px}.service-process{grid-template-columns:1fr;gap:12px}.service-price-band{padding:25px}.service-card{padding:26px}.contact-shell{padding:40px 24px 50px}.contact-intro{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.contact-intro h1{font-size:43px}.contact-intro p:last-child{max-width:60ch;font-size:14px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-form-panel{padding:25px}.contact-fields-row{grid-template-columns:1fr;gap:0}.contact-aside{padding:15px 6px}.contact-aside ol{margin-bottom:0}.support-portal{padding:23px;margin-top:30px}.support-portal h2{font-size:25px}.studio-home .format-strip>strong{font-size:24px}.studio-home .format-strip{gap:15px 10px}}
@media(max-width:390px){.studio-home .hero h1{font-size:9.5vw}.studio-home .lab-input,.studio-home .lab-output{width:190px}.lab-project-input,.lab-project-output{font-size:9px}.studio-home .lab-output{top:205px}.studio-home .lab-process{left:25%;top:178px}.contact-form-panel{padding:21px}.contact-intro h1{font-size:38px}.project-price-main,.project-price-detail{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}.project-service,.service-card,.contact-page button{transition:none}}
@media(forced-colors:active){.button,.project-service,.service-card,.contact-form-panel,.contact-field input,.contact-field textarea{border:1px solid CanvasText}.studio-home .hero h1 em{-webkit-text-fill-color:CanvasText;background:none}}