/* Suspicious Inc. / connected-services edition
   Shared typography and spacing. Each service has a purposeful visual language. */
:root{--sans:Inter,"Segoe UI",Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--paper:#f5f4ef;--ink:#22251f;--muted:#656b60;--line:#d7d9cf;--accent:#c7ee87;--studio-width:1440px;--studio-gutter:clamp(22px,5.5vw,96px)}
html{scroll-padding-top:108px}body{font-family:var(--sans);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}button{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5367d7;outline-offset:5px}button:focus:not(:focus-visible){outline:none}::selection{background:var(--accent);color:var(--ink)}
.site-header{height:100px;max-width:var(--studio-width);margin:0 auto;padding:0 var(--studio-gutter);border-bottom:1px solid var(--line);background:var(--paper);z-index:40;gap:24px}.brand img{height:85px;width:85px}.desktop-nav{gap:clamp(18px,2.4vw,36px);font-size:13px}.nav-actions{gap:14px}.header-cta{font-size:13px;min-height:45px;padding:12px 18px;border-radius:2px;gap:25px}.header-cta span{font-size:20px}.command-trigger{border-radius:4px;background:#eeeee7;font-family:var(--mono);min-height:36px;font-size:11px;padding:7px 10px}.command-trigger span:first-child{font-size:14px}.site-header .menu-toggle{min-height:44px}.button:hover{transform:none}.site-footer{max-width:var(--studio-width);margin:0 auto;padding:50px var(--studio-gutter) 24px}.footer-top{grid-template-columns:1fr 1fr 1.1fr;padding-bottom:38px}.footer-top p{font-size:15px;line-height:1.7;letter-spacing:-.02em}.footer-bottom{line-height:1.7}.footer-bottom nav{font-size:11px;gap:14px}.footer-top>a:last-child{font-size:13px}.footer-wordmark{font-size:20px}
.studio{max-width:var(--studio-width);margin:0 auto;overflow:clip}.studio p{max-width:none}.studio button{letter-spacing:inherit}.studio-kicker,.studio-mono,.studio-section-label,.studio-location{font-family:var(--mono);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.055em}.studio-kicker{display:flex;gap:10px;align-items:center;margin:0 0 24px}.status-dot{width:7px;height:7px;border-radius:50%;background:#5c793b;box-shadow:0 0 0 4px #e9efdf}.studio-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;min-height:50px;padding:13px 20px;font-size:13px;font-weight:500;line-height:1.4;border-radius:2px;transition:background .18s,box-shadow .18s;text-align:left;cursor:pointer;white-space:normal}.studio-btn>span{font-size:21px;line-height:1;transition:transform .18s}.studio-btn:hover>span{transform:translate(2px,-2px)}.studio-btn.dark{background:var(--ink);color:var(--paper)}.studio-btn.dark:hover{background:#3e4834}.studio-btn.acid{background:var(--accent);color:var(--ink)}.studio-btn.acid:hover{background:#d9f5af}.studio-btn.outline{background:transparent;border-color:var(--line)}.studio-btn.outline:hover{background:#e9ebe2}.studio-link{display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:500;line-height:1.5;text-underline-offset:6px}.studio-link:hover{text-decoration:underline}.studio-link>span{font-size:17px}.studio-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button-link{padding:0;border:0;background:none;text-align:left;color:inherit}.studio-lead{font-size:17px;line-height:1.6;color:#5b6156;max-width:440px!important}.studio-location{color:#6a7162;margin-top:32px;font-size:9px;letter-spacing:.07em}.studio-location>span{margin:0 10px}
/* Hero: a calm sales statement beside an inspectable business system. */
.studio-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:5%;padding:59px var(--studio-gutter) 54px;align-items:center}.studio-hero h1{font-size:clamp(66px,7.2vw,102px);line-height:.95;font-weight:500;letter-spacing:-.075em;margin:0 0 27px;text-wrap:initial}.studio-hero h1>span{color:#777f68}.studio-hero .studio-actions{margin-top:25px;gap:22px}.studio-hero .studio-kicker{font-size:10px;margin-bottom:26px}.studio-system{background:#e9ede2;border:1px solid #cbd2c0;border-radius:8px;align-self:center;overflow:hidden;box-shadow:0 12px 30px -25px #40552a4d}.system-topline{padding:20px 21px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.system-topline>.studio-mono{font-size:9px;letter-spacing:.04em}.view-switch{border:1px solid #c8cfbe;border-radius:4px;display:flex;padding:3px;gap:2px}.view-switch button{border:0;padding:6px 9px;border-radius:2px;font-size:10px;min-height:32px;color:#555e4b;background:transparent}.view-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0000000c}.system-stage{aspect-ratio:600/400;position:relative;background-image:radial-gradient(#80906a44 1px,transparent 1px);background-size:19px 19px;margin:14px 10px 0;isolation:isolate}.system-wires{position:absolute;width:100%;height:100%;inset:0}.system-wires .orbit{stroke:#bcc9aa;stroke-width:1;fill:none;stroke-dasharray:2 6}.system-wires .wire{fill:none;stroke:#bec8b0;stroke-width:1.3}.wire-flow{fill:none;stroke:#789455;stroke-width:2.3;stroke-dasharray:6 220;stroke-linecap:round;animation:wire-travel 6s linear infinite}.wire-flow path{opacity:.25;transition:opacity .3s}.wire-flow path.is-active{opacity:1;stroke:#526d36}.system-corner{position:absolute;font:20px var(--mono);color:#97a188}.system-corner.top-left{left:8px;top:6px}.system-corner.bottom-right{bottom:32px;right:8px}.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:0;z-index:1}.system-core svg{width:102px;height:102px;border-radius:50%;background:#d8e6c5}.system-core>span{font:8px var(--mono);font-weight:600;letter-spacing:.065em;margin-top:7px;color:#59664b;white-space:nowrap}.system-node{position:absolute;display:flex;align-items:center;gap:9px;width:176px;min-height:72px;border:1px solid #c4cdb7;padding:13px 12px;background:#f8f9f2;border-radius:5px;text-align:left;box-shadow:0 4px 0 #ccd4c148;transition:background .25s,border-color .25s,box-shadow .25s}.system-node.build{left:4%;top:17%}.system-node.streamline{right:4%;top:17%}.system-node.grow{left:4%;top:65%}.system-node.hire{right:4%;top:65%}.system-node[aria-pressed=true]{border-color:#7f985c;background:#edf7dc;box-shadow:0 5px 0 #b8cd9966}.system-node:hover{border-color:#748957;box-shadow:0 5px 0 #b8cd99a1}.node-symbol{font:21px/1 var(--mono);min-width:29px;text-align:center}.system-node strong{display:block;font-size:14px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.system-node small{display:block;font-size:9px;margin-top:5px;line-height:1.3;color:#67705c}.node-indicator{margin-left:auto;align-self:start;width:5px;height:5px;border-radius:50%;background:#c0c9b4}.system-node[aria-pressed=true] .node-indicator{background:#5e7e36}.stage-note{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#737e64;font-size:8px}.system-scenarios{display:flex;gap:6px;flex-wrap:wrap;padding:16px 20px 18px}.system-scenarios button{background:transparent;color:#515b45;border:1px solid #c2cbb6;border-radius:3px;font-size:11px;padding:8px 11px;min-height:35px;transition:background .2s,color .2s}.system-scenarios button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.system-explanation{background:#e1e7d8;border-top:1px solid #c9d1bc;display:flex;gap:13px;padding:17px 20px;align-items:start;min-height:99px}.system-explainer-icon{font-size:26px;line-height:1.2;color:#627449}.system-explanation strong{font-size:12px;line-height:1.5;font-weight:600}.system-explanation p{font-size:11px;line-height:1.6;color:#606b52;margin-top:5px;max-width:310px}.system-explanation>a{margin-left:auto;min-width:32px;min-height:36px;display:grid;place-items:center;font-size:21px;border:1px solid #bdc9ac;border-radius:3px;background:#f4f7ed}.system-explanation>a:hover{background:var(--accent)}
/* One shared spine across four distinct visual chapters. */
.studio-disciplines{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 var(--studio-gutter)}.studio-disciplines a{position:relative;display:grid;grid-template-columns:24px 1fr 12px;gap:4px 5px;padding:22px 18px 23px 0;align-items:center}.studio-disciplines a:not(:first-child){border-left:1px solid var(--line);padding-left:22px}.studio-disciplines a>span:first-child{font:9px var(--mono);color:#76806b}.studio-disciplines strong{font-size:17px;letter-spacing:-.04em;font-weight:500}.studio-disciplines small{font-size:10px;grid-column:2/4;color:var(--muted)}.studio-disciplines a>span:last-child{grid-column:3;grid-row:1;color:#747d69;font-size:20px;transition:transform .2s}.studio-disciplines a:hover>span:last-child{transform:translate(3px,3px)}.studio-intro{display:grid;grid-template-columns:1.1fr 1.2fr;gap:20px 8%;padding:63px var(--studio-gutter) 68px;align-items:start}.studio-intro>p:first-child{font-size:32px;line-height:1.16;letter-spacing:-.055em;color:#828973;font-weight:400}.studio-intro>p:first-child strong{font-weight:500;color:var(--ink)}.studio-intro>p:nth-child(2){font-size:16px;line-height:1.7;color:var(--muted);max-width:415px}.studio-intro>a{grid-column:2;margin-top:-5px;justify-self:start;font-size:12px}.studio-service{padding:28px var(--studio-gutter) 75px;scroll-margin-top:18px}.studio-section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding:16px 0 47px;font-size:10px;letter-spacing:.045em}.studio-section-label>span:last-child{opacity:.7}.studio-service-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;align-items:center}.studio-service-copy h2{font-size:clamp(38px,4.7vw,64px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin-bottom:23px;text-wrap:initial}.studio-service-copy h2>span{color:#828974}.studio-service-copy>p{font-size:15px;line-height:1.7;max-width:360px}.studio-tags{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0}.studio-tags>span{font-size:10px;line-height:1.4;border:1px solid #cbd1c0;padding:7px 9px;border-radius:3px}.studio-service-copy>.studio-link{font-size:11px;margin-bottom:25px}.studio-service-copy>.studio-btn{display:flex;width:fit-content;margin-top:27px}.studio-service-copy>.studio-aside{font-size:12px;margin:20px 0 28px;color:#c1cbb8}.build-section{background:#ecede6}.build-section .studio-section-label{border-color:#c6cbbc}
/* A bespoke website transforms to a small working application. */
.build-demo{min-width:0}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:16px}.demo-tabs{display:flex;gap:5px}.demo-tabs button{background:transparent;border:1px solid transparent;padding:8px 13px;font-size:11px;border-radius:3px;min-height:36px}.demo-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.device-tabs{display:flex;border:1px solid #c9cfc0;border-radius:3px;padding:3px;gap:3px}.device-tabs button{border:0;border-radius:2px;background:transparent;padding:6px 8px;min-height:32px;display:flex;align-items:center}.device-tabs button[aria-pressed=true]{background:#fafbf6;box-shadow:0 1px 3px #0001}.device-tabs svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.browser-shell{border:1px solid #b9c1ae;border-radius:6px;background:#f5f6f0;padding:0;box-shadow:0 18px 28px -22px #28361e66;overflow:hidden;max-width:100%;margin-inline:auto;transition:width .45s cubic-bezier(.2,.8,.2,1);width:100%}.browser-shell.is-mobile{width:295px}.browser-bar{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid #d2d6c8;color:#7f8773;font:8px var(--mono)}.browser-lights{font-size:8px;letter-spacing:2px;color:#a8b29a}.browser-bar>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-canvas{height:333px;overflow:hidden;background:#e6e2d6}.sample-website{height:100%;display:flex;flex-direction:column;background:#f3ead7;padding:19px 23px 0;color:#414638;transition:background .3s}.sample-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #c8c8b5;font-size:7px}.sample-nav>strong{font-size:15px;letter-spacing:-.08em;line-height:.95}.sample-nav strong>span{font-size:6px;font-family:var(--mono);letter-spacing:.17em;display:block;margin-top:3px}.sample-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:18px 0 16px;flex:1;min-height:0}.sample-eyebrow{font:6px var(--mono);letter-spacing:.06em;display:block;margin-bottom:12px}.sample-hero h3{font-size:47px;line-height:.9;font-weight:500;letter-spacing:-.06em}.sample-hero h3 i{font-family:Georgia,serif;font-weight:400}.sample-hero p{font-size:8px;line-height:1.6;margin:12px 0;color:#6f725f}.sample-cta{border:0;background:#4c573e;color:#faf3e1;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;min-height:32px}.sample-cta>span{font-size:15px}.sample-cta:hover{background:#33402a}.sample-art{align-self:stretch;position:relative;overflow:hidden;background:#d4dac3;border-radius:50% 50% 0 0;min-height:210px}.art-orbit{position:absolute;left:12%;right:12%;top:17%;aspect-ratio:1;border:1px solid #9fae874f;border-radius:50%}.art-arch{position:absolute;left:23%;width:54%;height:74%;bottom:0;background:#b5bd9d;border-radius:50% 50% 0 0;box-shadow:16px 0 0 #a4b38b}.art-arch:after{content:'';position:absolute;bottom:0;left:31%;width:50%;height:71%;border-radius:50% 50% 0 0;background:#6f8056;box-shadow:inset 8px 0 13px #4653331c}.art-plinth{position:absolute;bottom:0;left:9%;width:64%;height:30%;background:#e8dfc9;clip-path:polygon(0 15%,85% 0,100% 22%,100% 100%,0 100%)}.art-sphere{position:absolute;bottom:24%;left:21%;width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f3b191,#b86545 77%);box-shadow:10px 8px 14px #3343201a}.sample-art>span{position:absolute;right:7px;top:45%;writing-mode:vertical-rl;font:6px var(--mono);letter-spacing:.2em;color:#4c5b39}.sample-bottom{display:flex;justify-content:space-between;border-top:1px solid #c8c8b5;font-size:7px;padding:9px 0}.browser-shell.is-mobile .sample-nav>span{display:none}.browser-shell.is-mobile .sample-website{padding:15px 16px 0}.browser-shell.is-mobile .sample-hero{grid-template-columns:1fr .72fr;gap:6px}.browser-shell.is-mobile .sample-hero h3{font-size:40px}.browser-shell.is-mobile .sample-eyebrow{font-size:5px}.browser-shell.is-mobile .sample-art{min-height:190px}.browser-shell.is-mobile .sample-cta{font-size:7px;padding:8px;gap:6px}.build-demo.is-before .sample-website{background:#f4f4f4;color:#333;padding-top:12px;font-family:Arial,sans-serif}.build-demo.is-before .sample-nav{padding:8px;background:#ddd;border:0}.build-demo.is-before .sample-nav strong{font-size:12px;letter-spacing:0}.build-demo.is-before .sample-hero{grid-template-columns:1fr;padding:20px 5px;display:block}.build-demo.is-before .sample-hero h3{font:700 23px/1.25 Arial;letter-spacing:0}.build-demo.is-before .sample-hero h3 br{display:none}.build-demo.is-before .sample-hero h3 i{font:inherit}.build-demo.is-before .sample-art{display:none}.build-demo.is-before .sample-eyebrow{font-size:7px;margin-bottom:8px}.build-demo.is-before .sample-hero p{font-size:10px;margin:14px 0}.build-demo.is-before .sample-cta{background:#d3d3d3;color:#3e3e3e;font-size:9px;border:1px solid #bbb}.build-demo.is-before .sample-bottom{background:#e0e0e0;padding:9px}.demo-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px}.demo-footer>.studio-mono{font-size:8px;color:#757f68}.text-control{font-size:10px;line-height:1.5;border:0;background:none;padding:8px 0;min-height:36px;display:flex;gap:12px;align-items:center}.text-control>span{font-size:18px}.sample-app{padding:19px 22px;background:#f8faf3;height:100%}.app-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.app-heading .studio-mono{font-size:6px;color:#738265}.app-heading h3{font-size:21px;letter-spacing:-.05em;margin-top:5px}.local-pill{background:#e8eeda;font-size:7px;padding:5px 8px;border-radius:20px;white-space:nowrap}.app-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 12px}.app-counts>div{border:1px solid #d7ddca;border-radius:3px;padding:8px 10px}.app-counts span{display:block;font-size:7px;color:#6b765f}.app-counts strong{font-size:24px;letter-spacing:-.04em;line-height:1.3;font-weight:500}.app-counts strong.count-text{font-size:15px;display:block;margin-top:8px}.app-table>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;border-top:1px solid #e1e5d8;min-height:28px;padding:4px 0}.app-table>div.app-table-header{font:6px var(--mono);color:#6b765f;min-height:22px}.app-tag{background:#e4eed6;border-radius:3px;padding:3px 6px;font-size:7px}.app-tag.lilac{background:#e8e2f1}.app-tag.neutral{background:#eceee7}.app-add{margin-top:7px;background:none;border:0;color:#4e6436;font-size:8px;min-height:27px;padding:0;display:flex;align-items:center;gap:20px}.app-add>span{font-size:14px}.demo-message{font-size:7px!important;color:#69785b;margin-top:3px;line-height:1.45!important}.sample-app .app-heading h3{font-size:22px}.browser-shell.is-mobile .sample-app{padding:18px 14px}.browser-shell.is-mobile .app-heading h3{font-size:19px}
/* Operations: dark technical canvas with explicit human exception handling. */
.streamline-section{background:#242b23;color:#f1f5e9;padding-top:29px;padding-bottom:72px}.streamline-section .studio-section-label{border-color:#475540;color:#c8d3bd}.streamline-section h2>span{color:var(--accent)}.streamline-section .studio-service-copy>p{color:#c1ccba}.streamline-section .studio-tags>span{border-color:#4c5e41;color:#d4dfc8}.workflow-demo{border:1px solid #4e5c43;border-radius:5px;background:#2a3327;min-width:0}.workflow-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 18px;border-bottom:1px solid #42523a}.workflow-top>.studio-mono{font-size:8px;max-width:190px;line-height:1.7;color:#aebea0}.flow-switch{display:flex;border:1px solid #506247;padding:3px;border-radius:4px}.flow-switch button{background:transparent;color:#bacba8;font-size:10px;border:0;padding:7px 10px;min-height:32px;border-radius:2px}.flow-switch button[aria-pressed=true]{color:#1f2b16;background:#c7ee87}.workflow-board{padding:26px 23px;background-image:radial-gradient(#9fb68425 1px,transparent 1px);background-size:17px 17px;min-height:267px;display:grid;align-items:center}.manual-flow{display:grid;grid-template-columns:1fr 1fr;gap:15px 27px}.manual-flow>div{border:1px solid #58684b;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:10px;padding:15px 10px;color:#d4dec9;min-height:51px;background:#2d3829;position:relative}.manual-flow>div:nth-child(2n){transform:translateY(8px)}.manual-flow>div>span{color:#90a17f;font:8px var(--mono)}.manual-flow b{color:#91a779;font-size:16px;font-weight:400;margin-left:auto}.connected-flow{display:flex;flex-direction:column;align-items:center;gap:3px}.connected-flow>div{border:1px solid #576c44;border-radius:4px;width:80%;display:grid;grid-template-columns:28px 1fr;column-gap:9px;padding:9px 13px;background:#303d29}.connected-flow>div>span{grid-row:1/3;align-self:center;font-size:23px;color:#c7ee87}.connected-flow strong{font-size:11px;font-weight:500;line-height:1.5}.connected-flow small{font-size:8px;color:#b6caa3}.connected-flow>i{font-style:normal;line-height:1;color:#b7d497}.connected-flow>.flow-central{background:#c7ee87;color:#24341a;border-color:#c7ee87}.connected-flow>.flow-central>span{color:#294019}.connected-flow>.flow-central small{color:#415634}.workflow-status{padding:13px 19px;font-size:9px;display:flex;gap:9px;border-top:1px solid #47593e;color:#b5c4a6;line-height:1.6}.workflow-status>span{color:#bdd48f}.capacity-mini{border-top:1px solid #47593e}.capacity-mini>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:14px 19px;cursor:pointer}.capacity-mini>summary>span{font-size:17px}.capacity-mini[open]>summary>span{transform:rotate(45deg)}.capacity-mini summary::-webkit-details-marker{display:none}.capacity-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:7px 19px 16px}.capacity-fields>label{display:grid;grid-template-columns:1fr auto;font-size:9px;gap:6px;color:#cbd9be}.capacity-fields>label:last-child{grid-column:1/-1}.capacity-fields input{grid-column:1/-1;width:100%;accent-color:#c7ee87;cursor:pointer;min-height:22px;margin:0}.capacity-fields output{font-family:var(--mono);color:#d5f0a7}.capacity-result{margin:0 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #4b6040;padding:12px 0}.capacity-result strong{font-size:30px;font-weight:500;letter-spacing:-.05em;line-height:1.2;color:#c7ee87}.capacity-result strong small{font-size:11px;letter-spacing:0;white-space:nowrap}.capacity-result>span{font-size:9px;color:#bdcdb0}.capacity-mini>p{font-size:9px;line-height:1.6;color:#b0c49f;padding:0 19px 17px}
/* Commercial: a paper-like CRM with one clearly labelled demonstration lead. */
.grow-section{background:#ece8f2;padding-top:29px}.grow-section .studio-section-label{border-color:#cdc5d9;color:#4b4256}.grow-section h2>span{color:#908299}.grow-section .studio-tags>span{border-color:#cfc5d9}.sales-demo{background:#f6f3f9;border:1px solid #d1c9dc;border-radius:6px;overflow:hidden;min-width:0;box-shadow:0 18px 30px -28px #54337180}.sales-header{padding:25px 24px;display:flex;justify-content:space-between;align-items:center}.sales-header .studio-mono{font-size:8px;color:#8c7f99}.sales-header h3{font-size:26px;letter-spacing:-.06em;margin-top:9px}.sales-symbol{font-size:46px;color:#856f9a;font-weight:300;line-height:1}.pipeline-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 16px 19px;align-items:stretch}.pipeline-stage{background:#ede8f2;border:1px solid #e1d9e8;border-radius:3px;padding:10px 6px;min-width:0}.pipeline-stage.is-current{background:#e4daee;border-color:#c5b2d6}.pipeline-stage-label{display:flex;gap:4px;align-items:center;font-size:8px;white-space:nowrap;color:#695a78}.pipeline-stage-label i{width:4px;height:4px;border-radius:50%;background:#beb0cd}.pipeline-stage.is-current .pipeline-stage-label i{background:#715386}.pipeline-slot{min-height:142px;margin-top:12px;position:relative}.pipeline-card{padding:9px 7px;background:white;border:1px solid #d5c7e0;border-radius:3px;box-shadow:0 3px 7px #6043760c;min-height:124px;animation:card-enter .24s ease-out}.pipeline-card>.studio-mono{font-size:6px;color:#8d7a9d;display:block;letter-spacing:0}.pipeline-card>strong{display:block;font-size:11px;line-height:1.25;letter-spacing:-.04em;margin-top:10px;font-weight:600}.pipeline-card>small{display:block;font-size:7px;line-height:1.5;color:#81708f;margin-top:7px}.lead-owner{font-size:7px;border-top:1px solid #eee7f3;display:flex;align-items:center;gap:5px;margin-top:11px;padding-top:7px;color:#735e85}.lead-owner>span{font-size:5px;line-height:1.4;color:#867992}.sales-action{padding:16px 20px;border-top:1px solid #dcd4e5;display:flex;align-items:center;justify-content:space-between;gap:18px}.sales-action>p{font-size:10px;max-width:190px;line-height:1.6;color:#70607e}.sales-action>div{display:flex;align-items:center;gap:8px}.sales-reset,.sales-next{border:1px solid #d7c9e1;border-radius:3px;background:white;min-height:38px}.sales-reset{width:35px;flex:none;font-size:20px;color:#7b6590}.sales-next{font-size:10px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#34273f;color:#fcf9ff;border-color:#34273f}.sales-next>span{font-size:17px}.demo-disclosure{font-size:8px;color:#86798e;line-height:1.6;padding:0 20px 16px}.sales-action>div button:hover{box-shadow:0 2px 7px #58406722}
/* People: warmer editorial composition, with human-led hiring stated plainly. */
.hire-section{background:#f3e7dc;padding-top:29px}.hire-section .studio-section-label{border-color:#d6c4b6;color:#634d3c}.hire-section h2{font-size:clamp(36px,4.3vw,59px);letter-spacing:-.055em}.hire-section h2>em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:#a47559}.hire-section .studio-tags>span{border-color:#d6c6b9}.hire-section .studio-service-copy>.studio-actions{gap:20px;margin-top:28px;align-items:start;flex-direction:column}.hire-section .studio-link{font-size:11px}.hire-demo{min-width:0}.hire-demo-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.hire-demo-top>.studio-mono{font-size:8px;color:#866a56}.hire-demo-top>span:last-child{font-size:28px;color:#a27658}.hire-roles{display:flex;gap:6px;margin-bottom:15px}.hire-roles button{padding:8px 13px;border:1px solid #cfbca9;border-radius:3px;min-height:35px;font-size:10px;background:transparent;color:#81634c}.hire-roles button[aria-pressed=true]{background:#76553f;border-color:#76553f;color:#fffaf5}.role-card{display:grid;grid-template-columns:1fr 45px;background:#fcf8f2;border:1px solid #d6bda8;border-radius:4px;padding:25px 25px 20px;box-shadow:7px 7px 0 -1px #e9d6c7,7px 7px 0 #cbb29b;margin:0 7px 23px 0;min-height:205px}.role-index{font:8px var(--mono);color:#a48167;letter-spacing:.05em}.role-card h3{font-size:31px;letter-spacing:-.055em;margin:14px 0 9px;font-weight:500;line-height:1.1}.role-card p{font-size:10px;color:#8b725f;max-width:300px}.role-stamp{background:#edc9ac;color:#855537;width:37px;height:37px;font-size:24px;display:grid;place-items:center;border-radius:50%;align-self:start;justify-self:end;margin-top:11px}.role-criteria{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.role-criteria>span{font-size:8px;border:1px solid #dfcbbb;border-radius:2px;padding:5px 8px;line-height:1.5;color:#84644d}.hire-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hire-steps button{padding:11px 0;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #ceb9a8;background:none;color:#93745b;font-size:11px;text-align:left}.hire-steps button>span{font:8px var(--mono);border:1px solid #c9b09a;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.hire-steps button[aria-pressed=true]{color:#65462f;border-top-color:#775138}.hire-steps button[aria-pressed=true]>span{background:#8b6144;border-color:#8b6144;color:#fff6ed}.hire-step-copy{font-size:11px;line-height:1.6;color:#85684f;padding:7px 0 16px;min-height:58px}.hire-demo .demo-disclosure{padding:0;font-size:8px;color:#8b715d}
/* Packages are an actual configuration, not invented fixed prices. */
.studio-packages{padding:81px var(--studio-gutter) 58px;background:var(--paper)}.package-heading{display:grid;grid-template-columns:1.3fr .8fr;gap:12%;align-items:end}.package-heading h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;line-height:1.02;text-wrap:initial;font-weight:500}.package-heading h2>span{color:#7f8771}.package-heading .studio-kicker{font-size:9px;margin-bottom:22px}.package-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:285px;padding-bottom:4px}.package-presets{margin:38px 0 21px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.package-presets>.studio-mono{font-size:8px;color:#6e7664;margin-right:10px}.package-presets>button{border:1px solid #cbd1c0;background:#f0f1ea;padding:9px 12px;font-size:10px;border-radius:3px;display:flex;align-items:center;gap:13px;min-height:36px}.package-presets>button:hover{background:#e8efdd}.package-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package-option{display:flex;flex-direction:column;align-items:start;text-align:left;min-height:165px;padding:20px;border:1px solid #cfd4c4;border-radius:4px;background:#edf0e6;transition:background .2s,border .2s,box-shadow .2s}.package-number{display:flex;justify-content:space-between;width:100%;font:9px var(--mono);align-items:center;color:#6e7960;margin-bottom:27px}.package-check{font-family:var(--sans);font-style:normal;border:1px solid #b2bea2;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:17px;line-height:1;background:transparent;color:#889979}.package-option>strong{font-size:26px;letter-spacing:-.06em;font-weight:500;margin-bottom:6px;line-height:1.2}.package-option>span:last-child{font-size:9px;color:#6e7960}.package-option.ink{background:#e7ebe1}.package-option.purple{background:#efeaf5;border-color:#d7cddd}.package-option.peach{background:#f3e8de;border-color:#d9c8b7}.package-option[aria-pressed=true]{background:#e0edcf;border:1px solid #6d8554;box-shadow:inset 0 0 0 1px #6d8554}.package-option[aria-pressed=true] .package-check{background:#536e38;border-color:#536e38;color:#fafdf4;font-size:13px}.package-option.ink[aria-pressed=true]{background:#30392a;border-color:#30392a;color:#f0f5e7;box-shadow:inset 0 0 0 1px #30392a}.package-option.ink[aria-pressed=true]>span{color:#bfceb0}.package-option.ink[aria-pressed=true] .package-check{background:#c7ee87;color:#354b21;border-color:#c7ee87}.package-option.purple[aria-pressed=true]{background:#e4d8ef;border-color:#967daf;box-shadow:inset 0 0 0 1px #967daf}.package-option.purple[aria-pressed=true] .package-check{background:#6b537e;border-color:#6b537e}.package-option.peach[aria-pressed=true]{background:#ecd2bc;border-color:#a9805e;box-shadow:inset 0 0 0 1px #a9805e}.package-option.peach[aria-pressed=true] .package-check{background:#916746;border-color:#916746}.package-option:hover{border-color:#68785a}.package-result{background:#e9ede2;border:1px solid #c7d1bc;border-radius:4px;padding:25px 28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:16px}.package-output>.studio-mono{font-size:8px;color:#687958}.package-output h3{font-size:25px;font-weight:500;letter-spacing:-.045em;margin:9px 0 10px;line-height:1.2}.package-output>p{font-size:12px;line-height:1.65;color:#626f55;max-width:560px}.package-deliverables{display:flex;gap:6px 12px;flex-wrap:wrap;margin-top:16px}.package-deliverables>span{font-size:9px;color:#657655;display:flex;align-items:center;gap:6px}.package-deliverables>span:before{content:'↳';font-size:13px}.package-result>.studio-btn{font-size:12px;gap:30px}.package-unsure{font-size:11px;color:#76806a;margin-top:20px;text-align:center;line-height:1.8}.package-unsure button{font-size:11px;color:#334726;text-decoration:underline;text-underline-offset:3px;margin-left:6px;min-height:30px}
/* Evidence and founder: specific implementation, no invented achievements. */
.studio-proof{padding:50px var(--studio-gutter) 73px;border-top:1px solid var(--line)}.proof-heading{max-width:640px}.proof-heading .studio-kicker{font-size:9px}.proof-heading h2{font-size:clamp(34px,4.5vw,57px);font-weight:500;line-height:1.06;letter-spacing:-.055em}.proof-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.7;margin:21px 0 0;max-width:450px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.proof-card{border:1px solid #cfd5c4;border-radius:4px;padding:28px;display:flex;flex-direction:column;align-items:start;background:#ecefe5;position:relative;overflow:hidden}.proof-card>.studio-mono{font-size:9px;color:#738365}.proof-card h3{font-size:31px;letter-spacing:-.06em;line-height:1.12;font-weight:500;margin:22px 0}.site-stack{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 22px;border-bottom:1px solid #cdd6c0;width:100%}.site-stack>span{font:10px var(--mono);background:#f4f7ed;border:1px solid #cfdac1;border-radius:3px;padding:8px 10px}.site-stack>i{font-style:normal;color:#728662}.proof-card details{margin:19px 0 30px;width:100%;font-size:12px}.proof-card summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;list-style:none;min-height:30px}.proof-card summary::-webkit-details-marker{display:none}.proof-card summary>span{font-size:19px}.proof-card details[open] summary>span{transform:rotate(45deg)}.proof-card details p{font-size:12px;line-height:1.7;margin-top:15px;color:#66765b}.proof-card>.studio-link{margin-top:auto;font-size:11px}.proof-lab{background:#242c21;color:#eef5e7;border-color:#242c21}.proof-lab>.studio-mono{color:#bbd69d}.proof-lab h3{position:relative;z-index:1}.proof-lab>p{font-size:13px;color:#b8c9a7;max-width:260px;margin:-3px 0 33px;line-height:1.7;position:relative;z-index:1}.proof-lab .studio-link{color:#c7ee87}.lab-mark{position:absolute;right:20px;top:24px;font:105px var(--mono);color:#56684a;letter-spacing:-.25em;transform:rotate(-9deg);opacity:.9}.lab-mark>span{color:#84a95e}.studio-founder{display:grid;grid-template-columns:.7fr 1fr;gap:12%;padding:70px var(--studio-gutter) 75px;background:#e8ebe1;border-top:1px solid #cfd6c3}.founder-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(#8b95794d 1px,transparent 1px);background-size:18px 18px;min-height:320px}.founder-mark>svg{width:220px;height:220px;color:#667852;transform:rotate(-8deg)}.founder-mark>.studio-mono{font-size:8px;letter-spacing:.12em;color:#7c8e68;margin-top:25px}.founder-copy .studio-kicker{font-size:9px;margin-bottom:19px}.founder-copy h2{font-size:clamp(36px,4.4vw,57px);font-weight:500;line-height:1.06;letter-spacing:-.06em;margin-bottom:24px}.founder-copy>p:not(.studio-kicker){font-size:14px;line-height:1.8;color:#647158;max-width:435px}.founder-copy>.studio-link{font-size:11px;margin:19px 0 0}.founder-technology{border-top:1px solid #c5ceb8;margin-top:28px;padding-top:22px}.founder-technology>.studio-mono{font-size:8px;color:#768667}.founder-technology>p:not(.credential-note){font-size:11px;line-height:1.9;color:#566b45;margin-top:10px}.credential-row{display:flex;gap:22px;margin-top:18px}.credential-row>span{font:10px var(--mono);color:#516841;border-left:2px solid #99b97d;padding-left:10px}.credential-row small{font-family:var(--sans);font-size:9px;display:block;margin-top:5px;line-height:1.6;color:#6f8060}.credential-note{font-size:8px;color:#75876a;line-height:1.6;margin-top:12px}.studio-end{padding:70px var(--studio-gutter) 77px;background:var(--accent);display:grid;grid-template-columns:1fr .72fr;gap:7%;align-items:center}.studio-end .studio-kicker{font-size:9px;letter-spacing:.03em;color:#52693b}.studio-end h2{font-size:clamp(43px,6vw,78px);font-weight:500;line-height:1.02;letter-spacing:-.06em}.studio-end h2>em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.studio-end>div:last-child>p{font-size:15px;line-height:1.75;color:#47622b}.studio-end .studio-btn{margin-top:23px}.studio-email{font-size:12px;text-underline-offset:5px;display:block;width:fit-content;margin-top:20px;color:#455f2c}.studio-email:hover{text-decoration:underline}
/* A real local brief: state, validation, review, copy/save and an honest email handoff. */
.studio-dialog{padding:0;width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 40px);border-radius:6px;border:1px solid #bcc9ab;overflow:auto}.studio-dialog::backdrop{background:#182110b3;backdrop-filter:blur(5px)}.studio-dialog-top{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;gap:20px;border-bottom:1px solid var(--line);background:#edf1e5;position:sticky;top:0;z-index:1}.studio-dialog-top .studio-mono{font-size:9px}.dialog-close{border:1px solid #c6d0bb;background:#f7f9f1;border-radius:3px;width:36px;height:36px;display:grid;place-items:center;font-size:23px}.studio-dialog-body{padding:31px 34px 25px}.studio-dialog-body>.studio-kicker{font-size:9px;color:#6c7a5d;margin-bottom:15px}.studio-dialog-body h2{font-size:38px;font-weight:500;letter-spacing:-.06em;line-height:1.07;max-width:500px}.studio-dialog-body .brief-subtitle{font-size:13px;color:#708062;margin:17px 0 26px;line-height:1.7}.intake-areas{border:0;margin:0 0 23px;padding:0}.intake-areas>legend{font-size:12px;font-weight:500;letter-spacing:0;margin-bottom:11px}.intake-areas>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intake-areas label{cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #cbd5bf;border-radius:3px;background:#eff2e9}.intake-areas input{accent-color:#56713c;margin:0;flex:none;width:16px;height:16px}.intake-areas label:has(input:checked){border-color:#759454;background:#e2edcf}.intake-areas label>span{font-size:13px;font-weight:500}.intake-areas small{font-size:9px;display:block;color:#78866a;font-weight:400;line-height:1.4;margin-top:2px}.intake-field{display:flex;flex-direction:column;gap:8px;min-width:0}.intake-field>label{font-size:12px;font-weight:500}.intake-field>label>span{font-size:10px;color:#809070;font-weight:400;margin-left:4px}.intake-field input,.intake-field textarea,.intake-field select{font-size:13px;line-height:1.6;width:100%;background:#fdfdf9;padding:11px 12px;border:1px solid #c8d2bb;border-radius:3px;color:var(--ink)}.intake-field textarea{resize:vertical;min-height:125px}.intake-field textarea::placeholder{color:#8a967e;font-size:12px}.intake-field input[aria-invalid=true],.intake-field textarea[aria-invalid=true]{border-color:#b65036;background:#fff5ef}.intake-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:19px}.intake-hint{font-size:10px;line-height:1.65;color:#7a876b;margin-top:12px}.intake-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;border-top:1px solid var(--line);padding-top:19px}.intake-step-count{font:9px var(--mono);color:#7b8d69;margin-left:auto}.intake-navigation .studio-btn{font-size:12px;min-height:43px;padding:10px 16px;gap:25px}.intake-navigation>.studio-link{font-size:12px}.intake-error{font-size:12px;line-height:1.6;color:#aa4029;margin-top:12px}.intake-status{font-size:11px;line-height:1.6;color:#596f41;margin-top:10px}.intake-error:empty,.intake-status:empty{display:none}.studio-brief-review{font:11px/1.8 var(--mono);background:#edf2e5;border:1px solid #ccd8bb;border-radius:4px;padding:18px;white-space:pre-wrap;word-break:break-word;max-height:290px;overflow:auto;margin:0 0 18px}.brief-export{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brief-export .studio-btn{font-size:11px;gap:17px;min-height:43px;padding:10px 14px}.brief-export>.studio-link{font-size:11px;margin-left:5px}.brief-send-note{font-size:10px;line-height:1.7;color:#78886b;margin-top:16px}.studio-services-page{overflow:visible}.studio-services-page .page-head{padding-inline:var(--studio-gutter)}.studio-services-page h1{font-weight:500;letter-spacing:-.065em}.studio-services-page .studio-disciplines{margin-bottom:45px}
/* Content pages keep their existing routes and acquire the same quieter typography. */
.page-head h1{font-weight:500}.page-intro{font-size:18px}.service-detail .service-description{font-size:17px;line-height:1.7}.service-detail .capability-tags{font-size:14px}.founder-about-card{padding:28px;background:#e7eddf;border:1px solid #cbd8bb;border-radius:4px;margin:25px 0}.founder-about-card h3{font-size:30px;margin-bottom:14px}.founder-about-card p{font-size:16px;line-height:1.75}.founder-about-card .tag-list{margin-top:20px}.case-screenshot{border:1px solid var(--line);border-radius:5px;width:100%;height:auto;display:block;margin:20px 0}.preview-reading-dialog{width:min(950px,calc(100vw - 28px));padding:0;max-height:90dvh}.preview-reading-dialog .reading-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.preview-reading-dialog .reading-content{overflow-x:clip}.preview-reading-dialog .reading-content .page-head{padding:38px 30px}.preview-reading-dialog .reading-content h1{font-size:52px}.preview-reading-dialog .reading-content .contact-band{display:none}.preview-reading-dialog .reading-content .lab-section{grid-template-columns:1fr 1fr;padding:35px 30px;gap:7%}.preview-reading-dialog .reading-content .lab-intro h2{font-size:36px}.preview-reading-dialog .reading-content .lab-intro p{font-size:14px}.preview-reading-dialog .reading-content .services-layout{grid-template-columns:170px 1fr;padding:25px 30px;gap:30px}.preview-reading-dialog .reading-content .service-detail h2{font-size:36px}.preview-reading-dialog .reading-content .service-index{position:static}.preview-reading-dialog .reading-content .service-description{font-size:16px}
@keyframes wire-travel{to{stroke-dashoffset:-452}}@keyframes card-enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1441px){.studio-hero{gap:75px}.studio-system{width:100%}.system-node{width:190px;min-height:78px}.node-symbol{font-size:24px}.system-node strong{font-size:16px}.system-node small{font-size:10px}.stage-note{font-size:9px}.studio-system .system-topline>.studio-mono{font-size:10px}.studio-service-copy>p{font-size:17px}.sample-hero h3{font-size:57px}.build-canvas{height:370px}.sample-art{min-height:240px}.sample-hero p{font-size:10px}.sample-eyebrow{font-size:8px}.sample-nav>span{font-size:9px}.sample-bottom{font-size:9px}.sample-cta{font-size:10px;min-height:36px}.sample-app{padding:24px 26px}.app-heading h3{font-size:26px}.app-table>div{min-height:32px;font-size:11px}.app-table>div.app-table-header{font-size:8px}.app-tag{font-size:8px}.app-heading .studio-mono{font-size:8px}.app-counts span{font-size:9px}.app-add{font-size:10px}.demo-message{font-size:9px!important}}
@media(max-width:1150px){:root{--studio-gutter:42px}.studio-hero{gap:4%;padding-top:45px}.studio-hero h1{font-size:clamp(66px,7.6vw,86px)}.system-topline{padding:15px 14px 0;gap:8px}.system-topline>.studio-mono{font-size:8px;max-width:105px}.view-switch button{font-size:9px;padding:5px 7px}.system-node{width:150px;min-height:65px;padding:10px;gap:6px}.system-node strong{font-size:13px}.system-node small{font-size:8px}.node-symbol{font-size:18px;min-width:24px}.system-core svg{width:85px;height:85px}.system-core>span{font-size:7px}.studio-system .stage-note{font-size:7px}.system-scenarios{padding:14px;gap:5px}.system-scenarios button{font-size:10px;padding:7px 9px}.system-explanation{padding:14px;gap:10px;min-height:102px}.system-explanation strong{font-size:11px}.system-explanation p{font-size:10px}.studio-lead{font-size:15px}.studio-hero .studio-btn{font-size:12px;padding:12px 16px;gap:19px}.studio-hero .studio-actions>.studio-link{font-size:12px}.studio-hero .studio-actions{gap:15px}.studio-disciplines a{grid-template-columns:19px 1fr 10px}.studio-disciplines a:not(:first-child){padding-left:15px}.studio-disciplines small{font-size:9px}.studio-service-grid{gap:5%;grid-template-columns:.8fr 1.2fr}.studio-service-copy h2{font-size:48px}.studio-service-copy>p{font-size:14px}.studio-tags>span{font-size:9px}.workflow-top{padding:15px 14px;gap:10px}.workflow-top>.studio-mono{font-size:7px;max-width:140px}.flow-switch button{font-size:9px;padding:6px 8px}.workflow-board{padding:23px 17px}.manual-flow{gap:13px 15px}.manual-flow>div{font-size:9px;padding:13px 8px}.pipeline-track{gap:5px;padding-inline:12px}.pipeline-stage{padding:9px 4px}.pipeline-stage-label{font-size:7px}.pipeline-card{padding:9px 5px}.pipeline-card>strong{font-size:10px}.pipeline-card>.studio-mono{font-size:5px}.pipeline-card>small{font-size:6px}.lead-owner>span{font-size:5px}.sales-action{padding:15px}.sales-action>p{font-size:9px;max-width:130px}.sales-next{font-size:9px;gap:9px;padding:8px}.sales-reset{width:29px}.role-card{padding:22px 20px}.role-card h3{font-size:28px}.role-criteria{gap:5px}.role-criteria>span{font-size:7px;padding:5px 6px}.package-option{padding:18px 15px}.package-option>strong{font-size:24px}.package-option>span:last-child{font-size:8px}.package-result{padding:23px}.package-result>.studio-btn{font-size:11px;gap:16px}.package-output>p{font-size:11px}.package-deliverables>span{font-size:8px}.proof-card{padding:23px}.proof-card h3{font-size:28px}.site-stack{gap:6px}.site-stack>span{font-size:8px;padding:7px}.lab-mark{font-size:89px;right:18px;top:36px}.studio-founder{gap:9%}.founder-copy h2{font-size:45px}.footer-top>a:last-child{font-size:12px}}
@media(max-width:850px){:root{--studio-gutter:30px}.site-header{height:84px}.brand img{height:75px;width:75px}.site-header .command-trigger{min-height:36px}.site-header .header-cta{display:flex;font-size:11px;min-height:40px;padding:10px 12px}.site-header .nav-actions{gap:16px}.site-header .menu-toggle{font-size:13px;display:flex}#mobile-nav{top:84px;left:0;width:100%;padding:15px 30px}#mobile-nav a{font-size:17px;padding:11px}.studio-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:38px;gap:36px}.studio-hero-copy{max-width:650px}.studio-hero h1{font-size:85px}.studio-hero h1 br:nth-child(1){display:none}.studio-hero h1>span br{display:none}.studio-hero h1>span{display:block;margin-top:6px}.studio-hero h1>br:nth-child(2){display:none}.studio-hero h1{font-size:clamp(49px,8.8vw,75px);max-width:620px;line-height:1.02}.studio-hero .studio-lead{max-width:540px!important;font-size:16px}.studio-hero .studio-location{margin-top:25px}.studio-system{width:100%;max-width:680px}.system-stage{aspect-ratio:600/320;min-height:320px}.system-wires{top:0;height:100%}.system-node{width:178px;min-height:71px}.system-node.build,.system-node.grow{left:7%}.system-node.streamline,.system-node.hire{right:7%}.system-node.build,.system-node.streamline{top:15%}.system-node.grow,.system-node.hire{top:65%}.system-node strong{font-size:15px}.system-node small{font-size:9px}.node-symbol{font-size:22px;min-width:29px}.system-core svg{width:103px;height:103px}.system-core>span{font-size:8px}.system-topline{padding:20px 21px 0}.system-topline>.studio-mono{font-size:9px;max-width:none}.view-switch button{font-size:10px;padding:6px 10px}.system-scenarios{padding:14px 21px 17px}.system-scenarios button{font-size:11px;padding:8px 12px}.system-explanation{padding:17px 21px;min-height:83px}.system-explanation strong{font-size:13px}.system-explanation p{font-size:11px;max-width:none}.studio-disciplines{grid-template-columns:1fr 1fr}.studio-disciplines a{padding:18px 18px 18px 0;grid-template-columns:25px 1fr 16px}.studio-disciplines a:nth-child(3){border-left:0;padding-left:0}.studio-disciplines a:nth-child(3),.studio-disciplines a:nth-child(4){border-top:1px solid var(--line)}.studio-disciplines a:nth-child(2n){padding-left:25px}.studio-disciplines strong{font-size:20px}.studio-disciplines small{font-size:10px}.studio-intro{gap:18px 8%;padding-top:42px;padding-bottom:45px}.studio-intro>p:first-child{font-size:29px}.studio-intro>p:nth-child(2){font-size:13px}.studio-intro>a{font-size:11px}.studio-service{padding-top:22px;padding-bottom:49px}.studio-section-label{padding-top:14px;padding-bottom:31px;font-size:9px}.studio-service-grid{grid-template-columns:1fr;gap:30px}.studio-service-copy{max-width:540px}.studio-service-copy h2{font-size:52px;margin-bottom:20px}.studio-service-copy>p{font-size:16px;max-width:490px}.studio-tags{margin:21px 0 15px}.studio-tags>span{font-size:10px}.studio-service-copy>.studio-link{margin-bottom:0;display:flex}.studio-service-copy>.studio-btn{margin-top:22px;min-height:46px;font-size:12px}.build-demo{max-width:690px;width:100%}.build-canvas{height:354px}.sample-hero h3{font-size:54px}.sample-website{padding:22px 27px 0}.sample-hero{grid-template-columns:1fr 1fr}.sample-art{min-height:230px}.sample-eyebrow{font-size:7px}.sample-hero p{font-size:10px}.sample-cta{font-size:10px;min-height:34px}.sample-nav{font-size:9px}.sample-nav>strong{font-size:18px}.sample-bottom{font-size:8px}.sample-app{padding:24px}.app-heading .studio-mono{font-size:8px}.app-heading h3{font-size:26px!important}.app-counts{margin:16px 0 12px}.app-counts span{font-size:9px}.app-table>div{font-size:11px;min-height:31px}.app-table>div.app-table-header{font-size:8px}.app-tag{font-size:8px}.app-add{font-size:9px;min-height:30px}.demo-message{font-size:8px!important}.workflow-demo{max-width:690px;width:100%}.workflow-top{padding:18px 20px}.workflow-top>.studio-mono{font-size:9px;max-width:none}.flow-switch button{font-size:10px}.manual-flow>div{font-size:12px;padding:16px 13px}.manual-flow>div>span{font-size:9px}.workflow-board{padding:25px;min-height:270px}.workflow-status{font-size:11px;padding:14px 20px}.connected-flow>div{width:72%;padding:10px 14px}.connected-flow strong{font-size:13px}.connected-flow small{font-size:10px}.capacity-mini>summary{font-size:12px;padding:15px 20px}.capacity-fields label{font-size:11px}.capacity-result>span{font-size:11px}.capacity-mini>p{font-size:10px}.streamline-section .studio-service-copy>.studio-aside{font-size:13px}.pipeline-stage{padding:12px 8px}.pipeline-stage-label{font-size:10px;gap:7px}.pipeline-track{padding:0 20px 22px;gap:9px}.pipeline-card{padding:12px 9px}.pipeline-card>strong{font-size:13px}.pipeline-card>.studio-mono{font-size:7px}.pipeline-card>small{font-size:8px}.lead-owner{font-size:9px}.lead-owner>span{font-size:6px}.sales-header{padding:24px}.sales-header h3{font-size:32px}.sales-header .studio-mono{font-size:9px}.pipeline-slot{min-height:150px}.sales-action{padding:18px 21px}.sales-action>p{font-size:11px;max-width:260px}.sales-next{font-size:11px;padding:10px 14px}.sales-reset{width:36px;min-height:42px}.demo-disclosure{font-size:9px}.hire-section .studio-service-copy>.studio-actions{flex-direction:row;align-items:center}.hire-demo-top>.studio-mono{font-size:9px}.hire-roles button{font-size:11px;padding:8px 16px}.role-card{padding:25px 27px}.role-card h3{font-size:35px}.role-card p{font-size:12px;max-width:440px}.role-criteria>span{font-size:10px}.role-index{font-size:9px}.hire-steps button{font-size:12px}.hire-step-copy{font-size:12px;min-height:0}.hire-demo .demo-disclosure{font-size:9px}.studio-packages{padding-top:53px;padding-bottom:44px}.package-heading{grid-template-columns:1.1fr .8fr;gap:7%}.package-heading h2{font-size:47px}.package-heading>p{font-size:13px;line-height:1.7}.package-presets{margin-top:31px}.package-presets>.studio-mono{width:100%;margin-bottom:3px}.package-options{gap:9px}.package-option{padding:15px 12px;min-height:145px}.package-option>strong{font-size:22px}.package-option>span:last-child{font-size:8px;max-width:95px}.package-number{margin-bottom:21px}.package-result{grid-template-columns:1fr;gap:20px;padding:22px}.package-result>.studio-btn{justify-self:start}.package-output h3{font-size:28px}.package-output>p{font-size:13px}.package-deliverables>span{font-size:10px}.package-output>.studio-mono{font-size:9px}.studio-proof{padding-top:42px;padding-bottom:44px}.proof-heading h2{font-size:47px}.proof-grid{gap:15px}.proof-card{padding:22px}.proof-card h3{font-size:27px}.site-stack{gap:5px}.site-stack>span{font-size:8px;padding:6px}.proof-card details{font-size:11px;margin-bottom:23px}.proof-card>.studio-mono{font-size:8px}.proof-lab>p{font-size:12px}.lab-mark{font-size:85px;opacity:.42;right:12px;top:15px}.studio-founder{padding-top:46px;padding-bottom:50px;grid-template-columns:.5fr 1fr;gap:8%}.founder-copy h2{font-size:42px}.founder-copy>p:not(.studio-kicker){font-size:13px}.founder-mark>svg{width:170px;height:170px}.founder-mark .studio-mono{font-size:7px;text-align:center}.credential-row{gap:15px}.credential-row>span{font-size:9px}.credential-row small{font-size:8px}.studio-end{padding-top:47px;padding-bottom:50px;grid-template-columns:1.2fr .8fr;gap:6%}.studio-end h2{font-size:53px}.studio-end>div:last-child>p{font-size:13px}.studio-end .studio-kicker{font-size:8px;max-width:300px}.studio-end .studio-btn{font-size:12px;gap:22px}.studio-email{font-size:10px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>a:last-child{grid-column:1/-1}.footer-top p{font-size:14px}.preview-reading-dialog .reading-content .lab-section{grid-template-columns:1fr}.preview-reading-dialog .reading-content h1{font-size:43px}.preview-reading-dialog .reading-content .services-layout{display:block}}
@media(max-width:550px){:root{--studio-gutter:22px}.site-header{height:78px}.brand img{height:69px;width:69px}.site-header .header-cta{display:none}.site-header .nav-actions{gap:14px}.site-header .menu-toggle{font-size:12px;gap:12px;padding-right:0}#mobile-nav{top:78px;padding-inline:22px}.studio-hero{padding-top:32px;gap:30px}.studio-hero h1{font-size:clamp(54px,13.9vw,76px);line-height:.98;letter-spacing:-.07em}.studio-hero h1 br:nth-child(1){display:block}.studio-hero h1>span br{display:block}.studio-hero h1>span{margin-top:0}.studio-hero .studio-kicker{font-size:8px;letter-spacing:.055em;margin-bottom:25px}.studio-hero .studio-lead{font-size:15px;max-width:340px!important}.studio-hero .studio-actions{gap:17px;flex-wrap:wrap}.studio-hero .studio-btn{font-size:12px;gap:22px;padding:12px 15px}.studio-hero .studio-actions>.studio-link{font-size:11px;gap:10px}.studio-location{font-size:8px;letter-spacing:0}.studio-location>span{margin-inline:8px}.system-topline{padding:15px 14px 0;gap:6px}.system-topline>.studio-mono{font-size:7px;max-width:110px}.view-switch button{font-size:8px;padding:5px 6px;min-height:30px}.system-stage{margin:10px 4px 0;min-height:270px;aspect-ratio:600/460}.system-node{width:138px;min-height:59px;padding:9px 8px;gap:5px}.system-node.build,.system-node.grow{left:3%}.system-node.streamline,.system-node.hire{right:3%}.system-node.build,.system-node.streamline{top:14%}.system-node.grow,.system-node.hire{top:67%}.system-node strong{font-size:12px}.system-node small{font-size:7px;max-width:75px;line-height:1.5}.node-symbol{font-size:18px;min-width:22px}.node-indicator{width:4px;height:4px;flex:none}.system-core svg{width:72px;height:72px}.system-core>span{font-size:6px;letter-spacing:.01em;margin-top:4px}.stage-note{bottom:0!important;font-size:6px!important}.system-corner{font-size:17px}.system-corner.bottom-right{bottom:26px}.system-scenarios{padding:14px 13px 15px;gap:5px}.system-scenarios button{font-size:9px;padding:7px 9px;min-height:33px}.system-explanation{padding:15px 14px;gap:9px;min-height:96px}.system-explanation strong{font-size:11px}.system-explanation p{font-size:10px;line-height:1.65}.system-explanation>a{min-width:27px;min-height:32px;font-size:19px}.system-explainer-icon{font-size:23px}.studio-disciplines a{padding-block:17px;grid-template-columns:19px 1fr 13px;gap:5px 4px}.studio-disciplines a:nth-child(2n){padding-left:17px}.studio-disciplines strong{font-size:18px}.studio-disciplines small{font-size:8px;line-height:1.6}.studio-disciplines a>span:first-child{font-size:8px}.studio-disciplines a>span:last-child{font-size:18px}.studio-intro{grid-template-columns:1fr;gap:19px;padding-top:33px;padding-bottom:37px}.studio-intro>p:first-child{font-size:32px}.studio-intro>p:nth-child(2){font-size:14px;max-width:360px}.studio-intro>a{grid-column:1;font-size:11px;margin-top:0}.studio-section-label{font-size:8px;padding-bottom:27px;gap:20px}.studio-section-label>span:last-child{font-size:7px;max-width:180px;text-align:right}.studio-service{padding-top:18px;padding-bottom:38px}.studio-service-grid{gap:26px}.studio-service-copy h2{font-size:45px;letter-spacing:-.06em;margin-bottom:21px}.studio-service-copy>p{font-size:14px;line-height:1.75}.studio-tags{margin:20px 0 15px;gap:5px}.studio-tags>span{font-size:9px;padding:6px 8px}.studio-service-copy>.studio-link{font-size:11px}.studio-service-copy>.studio-btn{font-size:12px;padding:12px 16px;gap:26px}.build-canvas{height:302px}.sample-website{padding:16px 16px 0}.sample-nav{font-size:6px;padding-bottom:12px}.sample-nav>strong{font-size:13px}.sample-nav strong>span{font-size:5px}.sample-hero{gap:10px;padding:15px 0 12px;grid-template-columns:1fr .85fr}.sample-hero h3{font-size:42px;line-height:.96}.sample-eyebrow{font-size:5px;letter-spacing:0;margin-bottom:10px}.sample-hero p{font-size:8px;margin:12px 0}.sample-cta{font-size:7px;min-height:31px;gap:10px;padding:8px 9px}.sample-art{min-height:195px}.sample-bottom{font-size:6px;padding:8px 0}.browser-bar{padding:0 9px;font-size:6px;gap:8px;height:30px}.browser-lights{font-size:6px;letter-spacing:1px}.browser-shell.is-mobile{width:254px}.browser-shell.is-mobile .sample-hero h3{font-size:35px}.browser-shell.is-mobile .sample-hero{grid-template-columns:1fr .7fr;gap:5px}.browser-shell.is-mobile .sample-website{padding:13px 13px 0}.browser-shell.is-mobile .sample-art{min-height:180px}.browser-shell.is-mobile .sample-eyebrow{font-size:4px}.browser-shell.is-mobile .sample-cta{font-size:6px;gap:6px}.demo-footer{gap:10px;margin-top:10px}.demo-footer>.studio-mono{font-size:6px;max-width:160px;line-height:1.7}.text-control{font-size:9px;gap:8px;white-space:nowrap}.demo-tabs button{font-size:10px;min-height:33px;padding:7px 11px}.device-tabs button{min-height:29px}.device-tabs svg{width:15px;height:15px}.sample-app{padding:16px 14px}.app-heading h3{font-size:20px!important}.app-heading .studio-mono{font-size:6px}.local-pill{font-size:6px}.app-counts{margin:12px 0 8px}.app-counts>div{padding:7px 9px}.app-counts strong{font-size:23px}.app-counts strong.count-text{font-size:13px;margin-top:7px}.app-counts span{font-size:7px}.app-table>div{font-size:8px;min-height:26px}.app-table>div.app-table-header{font-size:6px;min-height:20px}.app-tag{font-size:6px}.app-add{font-size:7px;min-height:26px;margin-top:4px}.demo-message{font-size:6px!important}.workflow-top{padding:14px 12px;gap:8px}.workflow-top>.studio-mono{font-size:6px;max-width:124px}.flow-switch button{font-size:8px;min-height:30px;padding:6px 8px}.workflow-board{min-height:245px;padding:20px 15px}.manual-flow{gap:13px 15px}.manual-flow>div{padding:12px 9px;min-height:51px;font-size:9px;gap:6px}.manual-flow>div>span{font-size:7px}.manual-flow b{font-size:13px}.workflow-status{font-size:9px;line-height:1.7;padding:13px 14px;gap:8px}.connected-flow>div{width:86%;padding:9px 12px;gap:7px}.connected-flow strong{font-size:11px}.connected-flow small{font-size:8px}.connected-flow>div>span{font-size:22px}.capacity-mini>summary{font-size:10px;padding:12px 14px}.capacity-fields{padding:6px 14px 12px;gap:12px}.capacity-fields>label{font-size:9px}.capacity-result{margin:0 14px;gap:9px}.capacity-result strong{font-size:26px}.capacity-result strong small{font-size:9px}.capacity-result>span{font-size:8px;max-width:80px;text-align:right}.capacity-mini>p{font-size:8px;padding:0 14px 14px}.studio-service-copy>.studio-aside{font-size:12px!important}.sales-header{padding:20px 17px}.sales-header h3{font-size:26px}.sales-header .studio-mono{font-size:7px}.sales-symbol{font-size:36px}.pipeline-track{grid-template-columns:1fr 1fr;padding:0 15px 18px;gap:8px}.pipeline-stage{padding:9px 8px}.pipeline-stage-label{font-size:9px}.pipeline-slot{min-height:123px;margin-top:8px}.pipeline-card{padding:10px 9px;min-height:120px}.pipeline-card>strong{font-size:12px;margin-top:8px}.pipeline-card>.studio-mono{font-size:6px}.pipeline-card>small{font-size:8px}.lead-owner{font-size:8px;margin-top:10px;padding-top:7px}.lead-owner>span{font-size:6px}.pipeline-stage:not(.is-current) .pipeline-slot:after{content:'—';position:absolute;inset:0;display:grid;place-items:center;color:#cfc1db;font:22px var(--mono)}.sales-action{padding:14px;flex-direction:column;align-items:start;gap:12px}.sales-action>p{font-size:10px;max-width:none;min-height:0}.sales-action>div{align-self:flex-end}.sales-next{font-size:10px;padding:9px 12px;min-height:37px}.sales-reset{width:34px;min-height:37px}.demo-disclosure{font-size:8px;padding:0 14px 15px}.hire-section .studio-service-copy>.studio-actions{flex-direction:row;gap:18px;align-items:center}.hire-section .studio-actions .studio-btn{font-size:12px;padding:12px 17px}.hire-section .studio-actions .studio-link{font-size:10px;gap:8px}.hire-demo-top{padding-bottom:14px}.hire-demo-top>.studio-mono{font-size:7px;max-width:260px}.hire-demo-top>span:last-child{font-size:25px}.hire-roles{gap:5px;margin-bottom:13px}.hire-roles button{font-size:9px;padding:8px 12px;min-height:34px}.role-card{padding:21px 18px 19px;grid-template-columns:1fr 30px;min-height:190px}.role-card h3{font-size:29px;margin:14px 0 10px}.role-card p{font-size:10px;line-height:1.7}.role-index{font-size:7px}.role-stamp{width:27px;height:27px;font-size:20px}.role-criteria{gap:5px;margin-top:19px}.role-criteria>span{font-size:8px;padding:5px 7px}.hire-steps{gap:9px}.hire-steps button{font-size:10px;gap:7px}.hire-steps button>span{font-size:7px;width:22px;height:22px}.hire-step-copy{font-size:11px;padding-bottom:13px;line-height:1.7;min-height:58px}.hire-demo .demo-disclosure{font-size:8px}.studio-packages{padding-top:39px;padding-bottom:33px}.package-heading{grid-template-columns:1fr;gap:23px}.package-heading h2{font-size:45px}.package-heading .studio-kicker{font-size:8px;margin-bottom:20px}.package-heading>p{font-size:14px;max-width:330px;padding:0}.package-presets{margin-top:23px;gap:6px}.package-presets>button{font-size:9px;gap:8px;padding:8px 9px;min-height:33px}.package-presets>.studio-mono{font-size:7px}.package-options{grid-template-columns:1fr 1fr;gap:9px}.package-option{min-height:143px;padding:17px}.package-option>strong{font-size:27px;margin-bottom:6px}.package-option>span:last-child{font-size:9px;max-width:130px}.package-number{font-size:8px;margin-bottom:18px}.package-result{padding:20px;margin-top:13px;gap:22px}.package-output>.studio-mono{font-size:8px}.package-output h3{font-size:26px;line-height:1.2}.package-output>p{font-size:12px;line-height:1.7}.package-deliverables{gap:8px 10px}.package-deliverables>span{font-size:9px}.package-result>.studio-btn{font-size:12px;min-height:46px;gap:26px}.package-unsure{font-size:10px;margin-top:18px;text-align:left}.package-unsure button{font-size:10px;margin-left:0;display:block}.studio-proof{padding-top:34px;padding-bottom:34px}.proof-heading .studio-kicker{font-size:7px;letter-spacing:.035em;line-height:1.7}.proof-heading h2{font-size:39px}.proof-heading>p:last-child{font-size:13px;line-height:1.8;margin-top:18px}.proof-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.proof-card{padding:23px}.proof-card h3{font-size:31px;margin:20px 0}.proof-card>.studio-mono{font-size:8px}.site-stack>span{font-size:9px;padding:8px}.site-stack{gap:7px}.proof-card details{font-size:12px;margin:18px 0 24px}.proof-card details p{font-size:12px}.proof-lab>p{font-size:13px;max-width:255px;margin-bottom:27px}.lab-mark{font-size:107px;top:19px;right:23px;opacity:.6}.studio-founder{grid-template-columns:1fr;padding-top:35px;padding-bottom:36px;gap:28px}.founder-mark{min-height:145px;flex-direction:row;justify-content:space-between;padding:8px 22px;border:1px solid #c6d0b9;border-radius:4px}.founder-mark>svg{width:115px;height:115px}.founder-mark .studio-mono{font-size:8px;max-width:100px;line-height:1.8;margin:0;text-align:right}.founder-copy .studio-kicker{font-size:8px;margin-bottom:17px}.founder-copy h2{font-size:41px;margin-bottom:20px}.founder-copy>p:not(.studio-kicker){font-size:13px;line-height:1.8}.founder-technology{margin-top:23px;padding-top:19px}.founder-technology>p:not(.credential-note){font-size:11px}.credential-row{gap:20px}.credential-row>span{font-size:10px}.credential-row small{font-size:9px}.credential-note{font-size:8px}.studio-end{grid-template-columns:1fr;gap:28px;padding-top:35px;padding-bottom:36px}.studio-end h2{font-size:54px}.studio-end .studio-kicker{font-size:7px;margin-bottom:23px;max-width:none}.studio-end>div:last-child>p{font-size:14px}.studio-end .studio-btn{font-size:12px;margin-top:21px}.studio-email{font-size:11px;margin-top:18px}.site-footer{padding-top:32px}.footer-top{gap:23px 20px;padding-bottom:30px}.footer-top p{font-size:12px}.footer-wordmark{font-size:17px}.footer-top>a:last-child{font-size:12px}.footer-bottom,.site-footer .footer-bottom{font-size:10px}.footer-bottom nav{font-size:10px;gap:11px 15px}.studio-dialog-top{padding:11px 15px;gap:10px}.studio-dialog-top .studio-mono{font-size:7px;max-width:220px}.dialog-close{width:32px;height:32px;font-size:22px;flex:none}.studio-dialog-body{padding:24px 20px 22px}.studio-dialog-body h2{font-size:32px}.studio-dialog-body>.studio-kicker{font-size:8px;margin-bottom:13px}.studio-dialog-body .brief-subtitle{font-size:12px;margin:15px 0 21px}.intake-areas label{padding:10px 9px;gap:7px}.intake-areas label>span{font-size:12px}.intake-areas small{font-size:8px;max-width:104px}.intake-areas input{width:14px;height:14px}.intake-field>label{font-size:11px}.intake-field input,.intake-field select,.intake-field textarea{font-size:16px;padding:9px 10px}.intake-field textarea{min-height:130px}.intake-field textarea::placeholder{font-size:12px}.intake-row{grid-template-columns:1fr;gap:15px;margin-bottom:16px}.intake-hint{font-size:9px;line-height:1.7}.intake-navigation{gap:14px}.studio-brief-review{font-size:10px;padding:13px;max-height:260px}.brief-export{gap:9px}.brief-export .studio-btn{font-size:10px;gap:13px;padding:10px 12px}.brief-send-note{font-size:9px}.preview-reading-dialog .reading-content .page-head{padding:28px 20px}.preview-reading-dialog .reading-content h1{font-size:37px}.preview-reading-dialog .reading-content .lab-section{padding:25px 20px}.preview-reading-dialog .reading-content .lab-intro h2{font-size:32px}.preview-reading-dialog .reading-content .services-layout{padding:22px 20px}.preview-reading-dialog .reading-content .service-detail h2{font-size:32px}.preview-reading-dialog .reading-content .page-intro{font-size:15px}}
@media(max-width:360px){:root{--studio-gutter:17px}.studio-hero h1{font-size:52px}.system-node{width:124px;padding:8px 6px;gap:4px}.system-node strong{font-size:11px}.system-node small{font-size:6px}.node-symbol{min-width:19px;font-size:16px}.system-node.build,.system-node.grow{left:2%}.system-node.streamline,.system-node.hire{right:2%}.system-core svg{width:66px;height:66px}.studio-hero .studio-actions{gap:16px}.studio-hero .studio-btn{font-size:11px;gap:14px}.studio-hero .studio-actions>.studio-link{font-size:10px}.studio-service-copy h2{font-size:40px}.studio-section-label>span:last-child{max-width:160px}.manual-flow>div{font-size:8px;gap:4px;padding:11px 7px}.sample-hero h3{font-size:36px}.package-presets>button{font-size:8px}.system-scenarios button{font-size:8px;padding:7px 8px}.package-option>strong{font-size:24px}.package-option>span:last-child{font-size:8px}.site-stack>span{font-size:8px;padding:7px}.studio-end h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wire-flow{stroke-dasharray:none;opacity:.65}.signal{display:none!important}}
@media print{.site-header,.site-footer,.studio-system,.studio-btn,.studio-disciplines,.build-demo,.workflow-demo,.sales-demo,.hire-demo,.package-presets,.package-options,.studio-end,.command-trigger,dialog{display:none!important}.studio-service,.studio-packages,.studio-founder,.studio-proof,.studio-hero,.studio-intro{display:block!important;padding:20px 0!important;background:white!important;color:black!important;break-inside:avoid}.studio-service-copy h2,.studio h2{font-size:25px!important;color:black!important}.studio-hero h1{font-size:40px!important}.studio p{color:black!important}.studio-tags{display:none}.proof-grid{display:block}.proof-card{break-inside:avoid}.studio-founder .founder-mark{display:none}.studio-service-copy>.studio-link{display:none}.package-result{display:block;background:white}.studio-service .studio-section-label{padding:10px 0}.studio-hero h1 br{display:none!important}}

.node-symbol{white-space:nowrap;flex-shrink:0;letter-spacing:-.1em;font-size:18px}
@media(max-width:550px){.node-symbol{font-size:15px}}

.studio-nojs{font-size:12px;line-height:1.7;margin-top:18px}.studio-nojs a{text-decoration:underline}

/* Range showcase: miniature brand styles are isolated from the main site. */
.build-demo { container: build-preview / inline-size; }
.build-demo .demo-toolbar { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; }
.build-demo .style-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; }
.build-demo .style-tabs button { border:1px solid #c7cebc; background:transparent; border-radius:999px; padding:8px 11px; min-height:36px; font-size:11px; line-height:1.2; }
.build-demo .style-tabs button[aria-pressed="true"] { background:#232922; color:#fff; border-color:#232922; }
.build-demo .browser-shell { container: concept / inline-size; }
.build-demo .build-canvas { height:380px; overflow:auto; overscroll-behavior:contain; }
.build-demo .sample-website { height:100%; padding:0; display:block; background:#f3ead7; }
.build-demo .site-variant { height:100%; min-height:0; display:flex; flex-direction:column; padding:18px 22px 0; overflow:auto; }
.build-demo .site-variant h3 { margin:0; font-size:38px; line-height:1; letter-spacing:-.04em; text-wrap:balance; }
.build-demo .site-variant p { margin:12px 0 16px; font-size:11px; line-height:1.6; max-width:31ch; }
.build-demo .site-kicker { display:block; font-size:8px; letter-spacing:.1em; margin-bottom:12px; }
.build-demo .concept-header, .build-demo .service-topbar, .build-demo .saas-nav { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:0 0 14px; border-bottom:1px solid currentColor; flex-shrink:0; }
.build-demo .concept-header > span, .build-demo .service-topbar > span, .build-demo .saas-nav > span { max-width:22ch; font-size:9px; line-height:1.5; text-align:right; }
.build-demo .concept-footer, .build-demo .service-strip, .build-demo .saas-metrics { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding:12px 0; border-top:1px solid currentColor; font-size:9px; line-height:1.4; flex-shrink:0; }
.build-demo .creative-grid, .build-demo .service-hero, .build-demo .saas-hero { display:grid; grid-template-columns:1fr .94fr; gap:20px; align-items:center; padding:20px 0; flex:1; min-height:0; }
.build-demo .sample-cta { font:600 10px/1.4 Arial,sans-serif; border-radius:0; padding:10px 13px; min-height:38px; }
/* Editorial: serif-led, warm, deliberately quiet. */
.build-demo .creative-site { background:#fbf1e3; color:#5d332b; font-family:Georgia,'Times New Roman',serif; }
.build-demo .creative-site .concept-header, .build-demo .creative-site .concept-footer { border-color:#d9bfb0; }
.build-demo .concept-header strong { font-size:19px; font-weight:400; letter-spacing:.1em; }
.build-demo .concept-header strong span { display:block; margin-top:3px; font:8px Arial,sans-serif; letter-spacing:.32em; }
.build-demo .creative-site .site-kicker { font:8px Arial,sans-serif; letter-spacing:.13em; }
.build-demo .creative-site h3 { font:400 44px/.99 Georgia,serif; letter-spacing:-.04em; }
.build-demo .creative-site p { color:#805c50; }
.build-demo .creative-site .sample-cta { background:#713d31; color:#fff6e9; }
.build-demo .creative-site .sample-cta:hover { background:#51281f; }
.build-demo .creative-art { position:relative; align-self:stretch; min-height:160px; overflow:hidden; background:#edd5bb; border-radius:48% 48% 0 0; }
.build-demo .creative-art .art-arch { background:#d6b293; box-shadow:16px 0 0 #c99b7d; }
.build-demo .creative-art .art-arch::after { background:#a77a5c; }
.build-demo .creative-art .art-plinth { background:#f8e9d3; }
.build-demo .creative-art > span { position:absolute; right:8px; top:28%; writing-mode:vertical-rl; font:7px Arial,sans-serif; letter-spacing:.14em; }
/* Local service: bold, clear and action-led rather than another boutique layout. */
.build-demo .service-site { background:#edf5fc; color:#153454; font-family:Arial,Helvetica,sans-serif; }
.build-demo .service-topbar { border-color:#b7cfe4; }
.build-demo .service-topbar strong { font-size:19px; font-weight:900; letter-spacing:-.05em; }
.build-demo .service-site h3 { font:800 39px/1.04 Arial,sans-serif; letter-spacing:-.05em; }
.build-demo .service-site .site-kicker { font-weight:700; color:#285b87; }
.build-demo .service-actions { display:flex; align-items:start; flex-direction:column; gap:9px; }
.build-demo .service-site .sample-cta { background:#ed6628; color:#151b23; border-radius:5px; }
.build-demo .service-site .sample-cta:hover { background:#f8854d; }
.build-demo .service-badge { font-size:8px; font-weight:700; letter-spacing:.02em; }
.build-demo .service-panel { display:grid; gap:8px; }
.build-demo .service-panel > div { padding:12px 15px; border-left:3px solid #f37e41; background:#173a61; color:#fff; }
.build-demo .service-panel strong { display:block; font-size:25px; line-height:1.1; }
.build-demo .service-panel small { font-size:9px; line-height:1.4; }
.build-demo .service-strip { border-color:#b7cfe4; font-weight:700; }
/* Product: compact, dark and dashboard-led. */
.build-demo .saas-site { background:#10162d; color:#eef2ff; font-family:'Segoe UI',Arial,sans-serif; }
.build-demo .saas-nav { border-color:#343d65; }
.build-demo .saas-nav strong { font-size:15px; font-weight:700; letter-spacing:.015em; }
.build-demo .saas-site .site-kicker { color:#a9b9ff; }
.build-demo .saas-site h3 { font:600 35px/1.06 'Segoe UI',Arial,sans-serif; letter-spacing:-.035em; }
.build-demo .saas-site p { color:#b6c1df; }
.build-demo .saas-site .sample-cta { background:#bac7ff; color:#172046; border-radius:6px; }
.build-demo .saas-site .sample-cta:hover { background:#d3ddff; }
.build-demo .saas-card { background:#1b2547; border:1px solid #3e4b78; border-radius:12px; padding:15px; min-height:190px; display:flex; flex-direction:column; justify-content:space-between; gap:16px; box-shadow:0 16px 28px #0002; }
.build-demo .saas-card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.build-demo .saas-card-top span { font-size:7px; letter-spacing:.08em; color:#bfccef; }
.build-demo .saas-card-top b { font-size:25px; font-weight:600; }
.build-demo .saas-bars { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; align-items:end; height:82px; }
.build-demo .saas-bars i { display:block; height:55%; border-radius:4px 4px 0 0; background:#91a8ff; }
.build-demo .saas-bars i:nth-child(2) { height:80%; background:#b8c7ff; }
.build-demo .saas-bars i:nth-child(3) { height:62%; }
.build-demo .saas-bars i:nth-child(4) { height:95%; background:#b8c7ff; }
.build-demo .saas-legend { display:flex; justify-content:space-between; gap:6px; font-size:8px; color:#c2cdee; }
.build-demo .saas-metrics { border-color:#343d65; }
.build-demo .saas-metrics > div { display:flex; flex-direction:column; gap:4px; }
.build-demo .saas-metrics strong { font-size:10px; font-weight:600; }
.build-demo .saas-metrics span { font-size:8px; color:#b6c1df; }
/* Before/after remains an illustrative layout comparison for each selected brand. */
.build-demo.is-before .sample-website { padding:0; }
.build-demo.is-before .site-variant { background:#f3f3f3; color:#333; font-family:Arial,sans-serif; }
.build-demo.is-before .concept-header, .build-demo.is-before .service-topbar, .build-demo.is-before .saas-nav { padding:9px; background:#ddd; border:0; }
.build-demo.is-before .site-variant h3 { font:700 26px/1.2 Arial,sans-serif; letter-spacing:0; }
.build-demo.is-before .site-variant h3 i { font:inherit; }
.build-demo.is-before .creative-grid, .build-demo.is-before .service-hero, .build-demo.is-before .saas-hero { display:block; padding:24px 8px; }
.build-demo.is-before .creative-art, .build-demo.is-before .service-panel, .build-demo.is-before .saas-card { display:none; }
.build-demo.is-before .site-variant p, .build-demo.is-before .site-kicker { color:#444; }
.build-demo.is-before .sample-cta { background:#ddd; color:#333; border:1px solid #aaa; border-radius:0; }
.build-demo.is-before .concept-footer, .build-demo.is-before .service-strip, .build-demo.is-before .saas-metrics { padding:10px; background:#e3e3e3; border:0; color:#333; }
.build-demo.is-before .saas-metrics span { color:#444; }
/* This query follows the preview's width, including its mobile-device switch. */
@container concept (max-width:400px) {
  .build-demo .build-canvas { height:450px; }
  .build-demo .site-variant { padding:15px 16px 0; }
  .build-demo .creative-grid, .build-demo .service-hero, .build-demo .saas-hero { grid-template-columns:1fr; gap:15px; padding:18px 0; flex:none; }
  .build-demo .site-variant h3 { font-size:31px; }
  .build-demo .site-variant p { margin:10px 0 12px; max-width:none; }
  .build-demo .creative-art { height:140px; min-height:140px; }
  .build-demo .service-panel { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .build-demo .service-panel > div { padding:10px 6px; border-left:0; border-top:2px solid #f37e41; }
  .build-demo .service-panel strong { font-size:18px; }
  .build-demo .service-panel small { font-size:8px; }
  .build-demo .service-strip { flex-wrap:wrap; gap:7px 12px; }
  .build-demo .saas-card { min-height:152px; padding:12px; gap:12px; }
  .build-demo .saas-bars { height:53px; }
  .build-demo .saas-metrics strong { font-size:9px; }
  .build-demo .saas-metrics span { font-size:7px; }
  .build-demo .saas-nav > span { font-size:8px; }
  .build-demo .sample-app { padding:18px 14px; }
}
@container build-preview (max-width:560px) {
  .build-demo .demo-toolbar { grid-template-columns:1fr auto; gap:10px; }
  .build-demo .style-tabs { grid-column:1 / -1; grid-row:2; justify-content:flex-start; }
  .build-demo .device-tabs { grid-column:2; grid-row:1; }
  .build-demo .style-tabs button { min-height:40px; padding:9px 13px; }
  .build-demo .demo-footer { align-items:flex-start; gap:6px; }
  .build-demo .demo-footer > .studio-mono { max-width:21ch; font-size:8px; line-height:1.6; }
}

/* Full-width design range: independent sites, not tiny brand reskins. */
.range-build-section{padding-bottom:72px}.range-service-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin:45px 0 40px}.range-service-intro h2{font-size:clamp(35px,4.4vw,64px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0}.range-service-intro h2 span{color:#778668}.range-service-intro p{font-size:16px;line-height:1.6;max-width:48ch;margin:0 0 20px}.range-intro-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:23px}.range-intro-actions .studio-btn{font-size:12px;padding:13px 17px}.range-build-section suspicious-showcase{display:block;width:100%;position:relative;z-index:2}.range-service-intro .studio-tags{flex-wrap:wrap}@media(max-width:780px){.range-service-intro{grid-template-columns:1fr;gap:22px;margin:30px 0}.range-intro-actions{gap:15px}.range-build-section{padding-left:16px;padding-right:16px}}@media(max-width:460px){.range-service-intro h2{font-size:38px}.range-service-intro p{font-size:14px}.range-build-section{padding-left:10px;padding-right:10px}}


/* Project-intake repair. Scoped card styles keep global form defaults out. */
#studio-brief-form .intake-areas > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
#studio-brief-form .intake-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 82px;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid #c4cdb8;
  border-radius: 5px;
  background: #eff2e9;
  color: #253020;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
#studio-brief-form .intake-option > input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  display: block;
  position: static;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  padding: 0;
  margin: 0;
  accent-color: #526e37;
  cursor: pointer;
}
#studio-brief-form .intake-option-copy {
  display: block;
  min-width: 0;
  color: #253020;
  overflow-wrap: anywhere;
}
#studio-brief-form .intake-option-copy strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.01em;
}
#studio-brief-form .intake-option-copy small {
  display: block;
  max-width: none;
  margin-top: 4px;
  color: #56624b;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 400;
}
#studio-brief-form .intake-option:hover {
  border-color: #819566;
}
#studio-brief-form .intake-option:has(input:checked) {
  background: #e2edcf;
  border-color: #759454;
}
#studio-brief-form .intake-option:has(input:focus-visible) {
  outline: 3px solid #5367d7;
  outline-offset: 3px;
}
/* Prevent long names / email addresses from widening the dialog. */
#studio-brief-form .intake-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 520px) {
  #studio-brief-form .intake-areas > div,
  #studio-brief-form .intake-row {
    grid-template-columns: minmax(0, 1fr);
  }
  #studio-brief-form .intake-option {
    min-height: 69px;
    padding: 12px 14px;
  }
}

/* The hero mascot responds only to a selection; no looping or cursor chasing. */
.system-mascot .mascot-head,
.system-mascot .mascot-face {
  transform-box: view-box;
  transform-origin: 50% 50%;
}
.system-mascot .mascot-head {
  transform: translate(var(--head-x, 0px), var(--head-y, 0px)) rotate(var(--head-tilt, 0deg));
  transition: transform 460ms cubic-bezier(.22, 1, .36, 1);
}
.system-mascot .mascot-face {
  transform: translate(var(--look-x, 0px), var(--look-y, 0px));
  transition: transform 300ms cubic-bezier(.22, 1, .36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .system-mascot .mascot-head,
  .system-mascot .mascot-face,
  #studio-brief-form .intake-option {
    transition: none;
  }
}

/* Shared founder credentials: two columns with long titles wrapping naturally. */
.credential-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:18px;max-width:560px;width:100%}
.credential-row>span{display:block;min-width:0;font:11px var(--mono);color:#425536;border-left:2px solid #99b97d;padding-left:11px}
.credential-row .credential-code{display:block}
.credential-row small{font-family:var(--sans);font-size:11px;display:block;margin-top:5px;line-height:1.5;color:#536547;white-space:normal;overflow-wrap:break-word}
.founder-credential-heading{font-size:13px;margin-top:24px}
@media(max-width:380px){.credential-row{grid-template-columns:minmax(0,1fr);gap:15px}}