.build-studio{background:#f3f1e9;color:#242824}.build-studio em{font-style:normal;color:#b71922}.build-opening{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;padding-block:42px 30px;align-items:center}.build-copy h1{font-size:clamp(38px,4.5vw,65px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}.build-copy .eyebrow{font-size:9px}.build-intro{font-size:18px;line-height:1.5}.build-coverage{font-size:10px;margin:20px 0 0}.build-lab{background:#252c26;color:#eaece0;padding:18px 20px 12px;box-shadow:10px 12px 0 #dbdcd0}.lab-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.1em;border-bottom:1px solid #505a49;padding-bottom:12px}.lab-top span:last-child{color:#b7c0a8;letter-spacing:0}.lab-canvas{height:330px;position:relative;background:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:28px 28px;isolation:isolate}.lab-interface{position:absolute;top:22px;left:0;width:58%;background:#f1f0e8;color:#202820;transform:rotate(-3deg);border:1px solid #829371;transition:transform .3s,opacity .3s;z-index:2}.interface-chrome{font-size:6px;letter-spacing:.1em;border-bottom:1px solid #c3c7b7;padding:10px}.interface-body{padding:16px;position:relative}.interface-body p{font-size:28px;line-height:1.06;letter-spacing:-.04em;margin:6px 0 14px}.interface-mark{float:right;color:#b71922;font-size:28px}.interface-lines{width:65%;margin-bottom:16px}.interface-lines i{display:block;height:3px;background:#bfc6b5;margin:5px 0}.interface-lines i:last-child{width:70%}.interface-action{display:inline-block;background:#b71922;color:white;font-size:8px;padding:9px 12px}.lab-enquiry{position:absolute;right:0;top:60px;width:48%;background:#d8e0c9;color:#253025;padding:16px;z-index:3;transform:translateY(10px);transition:transform .3s,background .3s;box-shadow:6px 6px 0 #10171044}.lab-label{display:block;font-size:7px;letter-spacing:.1em;margin-bottom:12px}.lab-enquiry strong{display:block;font-size:19px;letter-spacing:-.03em}.lab-enquiry>span:not(.lab-label){font-size:8px}.enquiry-field{font-size:8px;border-bottom:1px solid #9eac8d;padding:10px 0;display:flex;gap:12px;align-items:center}.enquiry-field i{height:3px;background:#a7b795;flex:1}.enquiry-ready{display:block;margin-top:12px;color:#9f151e}.lab-workflow{position:absolute;bottom:14px;left:8%;width:84%;background:#333e30;border:1px solid #66745a;padding:13px;z-index:4;transition:transform .3s,border-color .3s}.lab-workflow>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.lab-workflow i{font-style:normal;color:#ee868a}.lab-workflow p{font-size:7px;color:#bbc7ae;margin:10px 0 0}.lab-connection{position:absolute;inset:0;width:100%;height:100%;color:#dd5960;z-index:1}.lab-connection path{stroke-dasharray:100;stroke-dashoffset:80;transition:stroke-dashoffset .35s}.lab-coordinate{position:absolute;bottom:119px;left:0;font-size:6px;color:#bdc4b1}.build-lab[data-stage="1"] .lab-enquiry{transform:translateY(0);background:#f2eadb}.build-lab[data-stage="1"] .lab-interface{transform:rotate(0) scale(.96)}.build-lab[data-stage="1"] path{stroke-dashoffset:40}.build-lab[data-stage="2"] path{stroke-dashoffset:0}.build-lab[data-stage="2"] .lab-workflow{transform:translateY(-6px);border-color:#f0a0a3}.lab-controls{display:flex;border-top:1px solid #505a49}.lab-controls button{flex:1;background:none;color:#bcc6b0;border:0;border-right:1px solid #505a49;font-size:11px;padding:13px 6px;min-height:46px;cursor:pointer}.lab-controls button span{font-size:8px;margin-right:9px}.lab-controls button[aria-pressed=true]{color:white;border-bottom:2px solid #e37b7e}.lab-caption{font-size:10px;min-height:30px;margin:10px 0 0;color:#c8cebd}.build-transition{display:grid;grid-template-columns:.55fr 1fr .8fr;align-items:end;gap:30px;padding-block:40px 25px;border-bottom:1px solid #c7ccbb}.build-section-index{font-size:9px;letter-spacing:.08em;color:#737b69}.build-transition h2{font-size:29px;margin:0}.build-transition p{font-size:12px;margin:0}.build-capabilities{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-block:28px 48px}.cap-build-menu button{display:flex;align-items:center;width:100%;gap:16px;min-height:66px;border:0;border-bottom:1px solid #c7ccbb;background:none;text-align:left;font-size:25px;letter-spacing:-.035em;cursor:pointer;color:#687160}.cap-build-menu button span{font-size:9px;letter-spacing:0}.cap-build-menu button i{margin-left:auto;font-style:normal;font-size:20px}.cap-build-menu button[aria-pressed=true]{color:#b71922}.cap-build-output{padding:25px 28px;background:#e3e6d8;border-left:2px solid #b71922}.cap-build-output h3{font-size:30px;max-width:380px}.cap-build-output p:not(.eyebrow){font-size:12px}.cap-build-output article{margin-bottom:30px}.studio-ready .cap-build-output article{margin-bottom:0}.cap-build-diagram{display:flex;align-items:center;justify-content:space-between;gap:8px;border-block:1px solid #b3bda7;padding-block:22px;margin-bottom:20px;font-size:9px}.cap-build-diagram strong{padding:16px 8px;border:1px solid #8c9d7c;font-size:12px}.cap-build-diagram i{font-style:normal;color:#b71922}.build-journey{background:#242b25;color:#f2f2e7;padding-block:40px 24px}.journey-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:end;margin-bottom:28px}.journey-heading h2{font-size:35px;margin:15px 0 0;max-width:650px}.journey-heading em{color:#f19a9d}.journey-heading p{font-size:13px;color:#c0cab4}.journey-run{background:#dce4ce;color:#263024;border:0;padding:12px 20px;font-size:13px;min-height:46px;cursor:pointer}.journey-track{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #53634a}.journey-track button{background:none;border:0;border-right:1px solid #53634a;color:#c2cfb4;min-height:170px;padding:15px;text-align:left;position:relative;cursor:pointer}.journey-track button[aria-pressed=true]{background:#dce4ce;color:#263024}.journey-step-index{display:block;font-size:8px}.journey-glyph{display:block;font-size:34px;line-height:1.2;margin:12px 0}.journey-track strong{font-size:15px;display:block}.journey-track small{font-size:9px;line-height:1.4;display:block;margin-top:6px}.journey-detail{display:flex;gap:30px;align-items:center;border-bottom:1px solid #53634a;padding:16px 0}.journey-detail>span{font-size:8px;color:#c0cab4}.journey-detail p{font-size:13px;margin:0}.concept-note{font-size:9px;color:#b6c2aa;margin:14px 0 0}.build-proof{padding-block:40px}.proof-heading{display:grid;grid-template-columns:.55fr 1fr .8fr;gap:30px;align-items:end;margin-bottom:25px}.proof-heading h2{font-size:35px;margin:0}.proof-heading p{font-size:14px;margin:0}.proof-heading p span{font-size:10px;color:#737b69}.proof-scene{background:#dce2d1;padding:30px 100px 48px 35px;position:relative;min-height:340px}.proof-browser{display:block;width:88%;box-shadow:8px 10px 0 #7683683b;border:1px solid #9aab89;text-decoration:none;background:#fff}.proof-browser>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:10px 12px;background:#fafaf5;color:#69785c}.proof-browser img{width:100%}.proof-phone{position:absolute;right:4%;top:17%;width:18%;padding:7px;background:#252e24;border-radius:20px;box-shadow:8px 10px 0 #76836844;max-height:85%;overflow:hidden}.proof-phone>span{display:block;width:35%;height:5px;background:#596b4c;border-radius:5px;margin:3px auto 7px}.proof-phone img{border-radius:10px;width:100%}.proof-annotation{position:absolute;left:35px;bottom:15px;font-size:8px;letter-spacing:.08em}.proof-notes{display:grid;grid-template-columns:1fr 1fr .65fr;gap:35px;padding-top:22px}.proof-notes span{font-size:8px;color:#737b69}.proof-notes p{font-size:13px;margin:8px 0 0}.proof-notes a{display:block;font-size:12px;padding:6px 0}.build-discovery{padding-block:20px 45px}.build-discovery h2{font-size:40px;margin:12px 0 25px}.discovery-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:35px}.discovery-options button{width:100%;background:none;border:0;border-bottom:1px solid #c7ccbb;display:flex;justify-content:space-between;gap:20px;padding:15px 0;text-align:left;font-size:16px;line-height:1.4;cursor:pointer;min-height:52px}.discovery-options button[aria-pressed=true]{color:#b71922}.discovery-scene{background:#242b25;color:#f0f2e6;padding:28px;display:flex;flex-direction:column;justify-content:center}.discovery-scene .eyebrow{color:#ef999d}.discovery-scene h3{font-size:28px}.discovery-path{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.discovery-path a{padding:10px 12px;border:1px solid #6d7e60;font-size:11px;text-decoration:none;min-height:44px;display:flex;align-items:center;animation:build-in .22s both}.discovery-explanation{font-size:13px;color:#c0cab4}.discovery-cta{align-self:flex-start;min-height:48px}.discovery-scene small{font-size:9px;color:#c0cab4;margin-top:15px}@keyframes build-in{from{opacity:.4;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){.build-opening{grid-template-columns:1fr 1.1fr;gap:25px}.lab-canvas{height:315px}.lab-interface{width:63%}.interface-body{padding:12px}.interface-body p{font-size:23px}.lab-enquiry{padding:12px;width:51%}.lab-enquiry strong{font-size:16px}.build-transition,.proof-heading{grid-template-columns:1fr 1fr}.build-transition>.build-section-index,.proof-heading>.build-section-index{grid-column:1/-1}.journey-track{grid-template-columns:repeat(3,1fr)}.journey-track button{min-height:145px;border-bottom:1px solid #53634a}.proof-scene{padding-right:65px}.proof-notes{gap:20px}.cap-build-menu button{font-size:21px}}
@media(max-width:600px){.build-studio .wrap{width:calc(100% - 36px)}.build-opening{display:flex;flex-direction:column;gap:23px;padding-top:26px}.build-copy{width:100%;display:grid;grid-template-columns:1fr auto;gap:0 10px}.build-copy .eyebrow,.build-copy h1{grid-column:1/-1}.build-copy h1{font-size:42px;margin-bottom:16px}.build-intro{font-size:13px;line-height:1.5;margin:0}.build-copy .button{font-size:12px;min-height:44px;padding:10px 13px;align-self:center}.build-coverage{grid-column:1/-1;font-size:9px;margin-top:14px}.build-lab{width:100%;padding:12px 12px 8px;box-shadow:5px 6px 0 #dbdcd0}.lab-top{font-size:6px;padding-bottom:10px}.lab-canvas{height:285px}.lab-interface{width:67%;top:14px}.interface-chrome{font-size:5px;padding:8px}.interface-body{padding:12px}.interface-body p{font-size:25px}.interface-mark{font-size:25px}.lab-enquiry{top:91px;width:53%;padding:11px}.lab-enquiry strong{font-size:15px}.lab-enquiry>span:not(.lab-label){font-size:7px}.lab-label{font-size:6px;margin-bottom:8px}.enquiry-field{padding:7px 0;font-size:7px}.enquiry-ready{margin-top:8px}.lab-workflow{bottom:5px;width:92%;left:4%;padding:10px}.lab-workflow>div{font-size:10px}.lab-workflow p{font-size:6px}.lab-coordinate{bottom:84px;font-size:5px}.lab-controls button{font-size:11px;min-height:44px}.lab-caption{font-size:9px;min-height:28px}.build-transition{grid-template-columns:1fr;gap:12px;padding-block:25px 18px}.build-transition h2{font-size:27px}.build-transition p{font-size:11px}.build-section-index{font-size:8px}.build-capabilities{grid-template-columns:1fr;gap:15px;padding-block:18px 28px}.cap-build-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.cap-build-menu button{font-size:16px;gap:7px;min-height:64px;line-height:1.15}.cap-build-menu button span{font-size:7px}.cap-build-menu button i{font-size:15px}.cap-build-output{padding:20px}.cap-build-output h3{font-size:26px;margin-bottom:20px}.cap-build-diagram{font-size:7px;padding-block:15px;gap:5px}.cap-build-diagram strong{font-size:9px;padding:14px 7px}.build-journey{padding-block:26px 20px}.journey-heading{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.journey-heading h2{font-size:27px;margin-top:12px}.journey-heading>div:last-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.journey-heading p{font-size:11px;margin:0;max-width:130px}.journey-run{font-size:11px;padding:10px 12px;min-height:44px}.journey-track{grid-template-columns:repeat(3,1fr)}.journey-track button{min-height:132px;padding:10px}.journey-glyph{font-size:28px;margin:9px 0}.journey-track strong{font-size:12px}.journey-track small{font-size:8px}.journey-detail{flex-direction:column;align-items:flex-start;gap:7px;padding-block:14px;min-height:82px}.journey-detail p{font-size:12px}.concept-note{font-size:8px}.build-proof{padding-block:28px}.proof-heading{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.proof-heading h2{font-size:30px}.proof-heading p{font-size:13px}.proof-scene{padding:18px 20px 54px 14px;min-height:260px}.proof-browser{width:94%;transform:translateY(0)}.proof-browser>div{font-size:5px;padding:7px;gap:5px}.proof-phone{width:30%;top:25%;right:4%;padding:4px;border-radius:13px;max-height:70%}.proof-phone img{border-radius:7px}.proof-phone>span{height:3px;margin-bottom:4px}.proof-annotation{left:14px;bottom:17px;font-size:6px}.proof-notes{grid-template-columns:1fr 1fr;gap:16px}.proof-notes p{font-size:11px}.proof-notes>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px}.proof-notes a{font-size:11px;min-height:44px;display:flex;align-items:center}.build-discovery{padding-block:8px 28px}.build-discovery h2{font-size:31px;margin-bottom:18px}.discovery-layout{grid-template-columns:1fr;gap:18px}.discovery-options{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.discovery-options button{font-size:12px;gap:5px;padding:13px 0;min-height:67px}.discovery-scene{padding:22px}.discovery-scene h3{font-size:26px}.discovery-path a{font-size:10px;padding:9px}.discovery-cta{font-size:12px}.discovery-explanation{font-size:12px}}
@media(max-width:350px){.build-copy h1{font-size:36px}.build-intro{font-size:11px}.lab-enquiry{width:55%}.interface-body p{font-size:22px}.cap-build-menu button{font-size:14px}.proof-scene{min-height:235px}}
@media(prefers-reduced-motion:reduce){.build-studio *{animation:none!important;transition:none!important}}
.build-lab[data-stage="0"] .lab-enquiry{opacity:.78}.build-lab[data-stage="1"] .lab-interface{opacity:.65}.build-lab[data-stage="2"] .lab-interface,.build-lab[data-stage="2"] .lab-enquiry{opacity:.65}.lab-enquiry,.lab-interface{transition:transform .25s,opacity .25s,background .25s}.journey-track button{transition:background .18s,color .18s}.cap-build-output article:not([hidden]){animation:build-in .22s ease}
/* Approved homepage refinement: scoped visual rhythm and existing interactions. */
.build-studio{background:linear-gradient(155deg,#f5f3eb 0%,#f5f3eb 24%,#eaece2 38%,#f7f6f0 72%,#eeeee5 100%)}
.build-opening{padding-block:32px 20px}.build-copy h1{line-height:1.015;max-width:520px}.build-copy .eyebrow{line-height:1.7}.build-lab{border:1px solid #55614b;box-shadow:0 20px 42px #25302518,8px 8px 0 #d1d6c7;padding:20px 22px 14px}.lab-canvas{height:350px}.interface-chrome{font-size:7px;display:flex;letter-spacing:.07em;padding:12px}.lab-interface{box-shadow:0 13px 24px #09110940;translate:var(--pointer-x,0px) var(--pointer-y,0px);border-color:#dce3d0}.interface-body{padding:20px}.interface-body p{font-size:32px;max-width:220px}.interface-action{font-size:9px;padding:10px 13px}.lab-enquiry{box-shadow:0 12px 25px #08100855;translate:calc(var(--pointer-x,0px) * -1) calc(var(--pointer-y,0px) * -1);border-top:3px solid #b71922}.lab-enquiry strong{font-size:21px;margin-bottom:5px}.lab-workflow{box-shadow:0 8px 22px #0d150c66;border-left:3px solid #b71922}.lab-workflow>div{font-size:12px}.lab-workflow p{font-size:8px}.lab-controls button[aria-pressed=true]{background:#ffffff09}.build-lab[data-stage="1"] .lab-enquiry{transform:translate(-6px,-6px) scale(1.035);opacity:1}.build-lab[data-stage="2"] .lab-workflow{transform:translateY(-7px) scale(1.025)}.build-transition{padding-top:30px}.build-capabilities{padding-bottom:36px}.cap-build-menu button{position:relative;padding-left:8px;transition:color .18s,background .18s}.cap-build-menu button[aria-pressed=true]{background:#b7192208;border-left:2px solid #b71922;padding-left:6px}.cap-build-output{background:#e6e8dd;border:1px solid #c6cdba;border-left:2px solid #b71922;box-shadow:5px 5px 0 #d5d9cc}.cap-build-diagram{position:relative;min-height:112px;gap:14px}.cap-build-diagram span{font-size:11px}.cap-build-diagram strong{font-size:14px;background:#f5f5ed;padding:20px 16px;box-shadow:3px 3px 0 #bac4ab;max-width:160px;text-align:center}.cap-visual-1 .cap-build-diagram{background:repeating-linear-gradient(90deg,transparent,transparent 24px,#849a6a10 24px,#849a6a10 25px)}.cap-visual-1 strong{border-radius:50%;padding:22px 15px}.cap-visual-2 .cap-build-diagram{border-bottom:3px solid #768863}.cap-visual-2 strong{border-left:4px solid #b71922}.cap-visual-3 .cap-build-diagram{background:#283325;color:#f1f2e8;padding:18px 14px;border-color:#54664a}.cap-visual-3 strong{background:#344530;color:#f1f2e8;box-shadow:none;transform:rotate(-3deg);border-color:#9cac8a}.cap-visual-3 .cap-build-diagram span:last-child{max-width:85px}.journey-glyph svg{display:block}.journey-track{position:relative}.journey-track button:after{content:'';height:2px;position:absolute;bottom:0;left:0;width:0;background:#e28488;transition:width .3s}.journey-track button[aria-pressed=true]:after{width:100%}.journey-track button[aria-pressed=true] .journey-glyph{animation:refined-step .25s both}.journey-track[data-progress="5"] button:after{width:100%}.journey-run:disabled{opacity:.8;cursor:progress}.proof-browser{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .2s,box-shadow .2s}.proof-phone{translate:calc(var(--pointer-x,0px) * -1) calc(var(--pointer-y,0px) * -1);transition:translate .2s;box-shadow:0 12px 20px #31452835,5px 7px 0 #76836833}.proof-scene.has-arrived .proof-browser{animation:refined-arrival .5s both}.proof-scene.has-arrived .proof-phone{animation:refined-arrival .5s .08s both}.build-proof{padding-top:32px;padding-bottom:30px}.build-discovery{padding-bottom:32px}.discovery-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.discovery-path a{position:relative;min-height:56px;padding:12px;font-size:12px;border-left:2px solid #d8888b;transition:background .18s}.discovery-path a:hover{background:#ffffff09}.discovery-scene[data-objective="1"] .discovery-path{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-scene[data-objective="1"] .discovery-path a:last-child{grid-column:1/-1}.discovery-scene[data-objective="3"] .discovery-path{grid-template-columns:1fr}.discovery-scene[data-objective="4"] .discovery-path a:nth-child(2){background:#4c603d}.discovery-scene[data-objective="5"] .discovery-path{grid-template-columns:1fr 1fr}.discovery-scene[data-objective="5"] .discovery-path a:last-child{grid-column:1/-1}.build-studio .button{min-height:48px;transition:background .18s,translate .18s}.build-studio .button:hover{translate:0 -2px}.build-studio .text-link:hover,.proof-notes a:hover{text-decoration-color:#b71922;color:#b71922}.studio-ready .build-copy>.eyebrow{animation:refined-arrival .4s both}.studio-ready .build-copy h1{animation:refined-arrival .5s .05s both}.studio-ready .build-intro{animation:refined-arrival .5s .12s both}.studio-ready .build-lab{animation:refined-arrival .65s .16s both}.studio-ready .lab-interface{animation:refined-arrival .5s .24s both}.studio-ready .lab-enquiry{animation:refined-arrival .5s .34s both}.studio-ready .lab-workflow{animation:refined-arrival .5s .44s both}@keyframes refined-arrival{from{opacity:.6;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes refined-step{from{transform:translateX(-4px)}to{transform:translateX(0)}}
@media(max-width:600px){.build-opening{padding-top:24px;gap:18px}.build-lab{padding:12px 12px 8px}.lab-canvas{height:300px}.lab-interface{width:71%;top:13px}.interface-chrome{font-size:6px;padding:9px}.interface-body{padding:14px}.interface-body p{font-size:26px}.interface-action{font-size:8px;padding:9px}.lab-enquiry{width:56%;top:102px;padding:11px}.lab-enquiry strong{font-size:16px}.lab-workflow{bottom:6px}.lab-workflow>div{font-size:10px}.lab-workflow p{font-size:7px}.lab-controls button{min-height:46px}.cap-build-menu{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:7px}.cap-build-menu button{flex:0 0 48%;min-height:62px;border:1px solid #b9c3ab;padding:10px;font-size:16px;scroll-snap-align:start}.cap-build-menu button[aria-pressed=true]{padding-left:9px;border-left-width:2px}.cap-build-menu button span{font-size:8px}.cap-build-diagram{gap:7px;min-height:100px}.cap-build-diagram span{font-size:9px}.cap-build-diagram strong{font-size:11px;padding:16px 10px}.cap-visual-3 .cap-build-diagram{padding:15px 9px}.cap-build-output{padding:20px 16px}.journey-track{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.journey-track button{flex:0 0 42%;min-height:152px;padding:14px;scroll-snap-align:start}.journey-track strong{font-size:14px}.journey-track small{font-size:10px}.journey-glyph svg{width:30px;height:30px}.journey-track button[aria-pressed=true]{border-top:2px solid #dc797e}.proof-scene{min-height:275px;background:linear-gradient(135deg,#dce2d1,#d0dbc8)}.proof-browser{width:91%;margin-top:5px}.proof-phone{width:33%;top:30%;max-height:67%;right:3%}.discovery-options{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding-bottom:7px}.discovery-options button{flex:0 0 64%;border:1px solid #bac3ad;padding:14px;min-height:80px;font-size:14px;scroll-snap-align:start}.discovery-options button[aria-pressed=true]{background:#b7192208;border-color:#b71922}.discovery-path{gap:8px}.discovery-path a{font-size:11px;padding:10px;min-height:52px}.build-copy .button{min-height:48px}.build-discovery{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){.build-studio *{animation:none!important;transition:none!important;translate:0 0!important}.lab-interface,.lab-enquiry,.proof-browser,.proof-phone{translate:0 0!important}}
.homepage .nav-dropdown{background:#f5f5ee;border-top:2px solid #b71922;box-shadow:0 16px 32px #27312518;animation:build-in .16s ease}.homepage .header nav .nav-dropdown a{border-left:2px solid transparent;transition:background .15s,border-color .15s}.homepage .header nav .nav-dropdown a:hover,.homepage .header nav .nav-dropdown a:focus-visible{border-left-color:#b71922;background:#e7ebde}.homepage .footer{background:#f8f8f2;border-top:1px solid #d4dacb}.homepage .footer-top h2{color:#49563d}.homepage .footer-bottom{border-color:#cbd4bf}
@media(prefers-reduced-motion:reduce){.homepage .nav-dropdown{animation:none}.homepage .header nav .nav-dropdown a{transition:none}}
/* Three connected stages, three distinct product compositions. */
.hero-state-canvas{height:350px}.hero-state{height:100%;position:relative;padding-top:16px;animation:hero-state-enter .25s ease both}.hero-state[hidden]{display:none}.hero-state-heading>span{font-size:8px;letter-spacing:.08em;color:#b9c9a8;display:block;margin-bottom:10px}.hero-state-heading>strong{font-size:25px;line-height:1.1;font-weight:500;letter-spacing:-.03em;display:block;max-width:440px}.design-message{position:absolute;left:0;top:115px;width:33%;border-left:2px solid #de8488;padding:12px}.design-message>span{font-size:7px;color:#bdcdae}.design-message p{font-size:18px;line-height:1.3;margin:10px 0}.design-page{position:absolute;right:0;top:96px;width:65%;background:#f0f1e7;color:#273225;transform:rotate(-2deg);box-shadow:7px 8px 0 #10170f55;border:1px solid #bacba7}.design-page-bar{padding:10px 13px;border-bottom:1px solid #c7d1bb;font-size:6px;letter-spacing:.04em}.design-page-body{padding:15px}.design-page-body small{font-size:7px;color:#77896a;display:block;margin-bottom:10px}.design-page-body>strong{font-size:27px;line-height:1.06;font-weight:500;letter-spacing:-.035em;display:block}.design-page-lines{margin-block:12px}.design-page-lines i{display:block;height:3px;background:#b9c6aa;margin-block:5px;width:65%}.design-page-lines i:last-child{width:47%}.design-page-cta{display:inline-block;background:#b71922;color:#fff;font-size:9px;padding:10px 12px}.hero-state-flow{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #637951;padding-top:13px;font-size:12px;color:#e2e9d7}.hero-state-flow i{font-style:normal;color:#dc888c}.capture-form{position:absolute;top:93px;left:0;width:65%;padding:17px;background:#e6ecdb;color:#273225;border-top:3px solid #b71922;box-shadow:6px 7px 0 #10170f55}.capture-form-label{display:block;font-size:7px;letter-spacing:.05em;margin-bottom:10px}.capture-choice{display:flex;justify-content:space-between;gap:10px;padding:9px;border:1px solid #a5b992;font-size:12px}.capture-choice>span{font-size:8px;color:#627a50}.capture-fields{display:flex;gap:13px;margin-top:12px}.capture-fields>div{min-width:0;flex:1}.capture-fields small{display:block;font-size:8px;color:#657b53;margin-bottom:7px}.capture-fields span{display:block;font-size:10px;border-bottom:1px solid #b2c2a0;padding-bottom:9px;overflow-wrap:anywhere}.capture-submit{background:#b71922;color:white;padding:10px;margin-top:14px;font-size:10px;display:inline-block}.capture-confirmation{position:absolute;right:0;top:156px;width:38%;background:#3a4b30;border:1px solid #8a9e77;padding:15px;box-shadow:5px 6px 0 #10170f55}.capture-confirmation>span{font-size:7px;color:#d5e0c9;display:block;margin-bottom:10px}.capture-confirmation strong{display:block;font-size:19px;line-height:1.1;font-weight:500}.capture-confirmation p{font-size:10px;line-height:1.4;margin:10px 0 0;color:#c4d5b4}.capture-confirmation i{position:absolute;right:12px;top:12px;font-size:13px;color:#d5e0c9;font-style:normal}.connect-record{position:absolute;top:107px;left:0;width:61%;background:#eef1e5;color:#293926;padding:15px;border-left:3px solid #b71922;box-shadow:5px 7px 0 #10170f55}.connect-record-top{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#687e55;border-bottom:1px solid #b9caa7;padding-bottom:10px}.connect-record>strong{font-size:20px;display:block;line-height:1.2;margin:12px 0}.connect-record>div:not(:first-child){display:flex;justify-content:space-between;gap:10px;border-top:1px solid #c1cfb2;padding-top:10px;margin-top:10px;font-size:10px}.connect-record b{font-weight:500;text-align:right}.connect-next{position:absolute;right:0;top:139px;width:35%;background:#35472c;border:1px solid #7d9568;padding:15px}.connect-next>span:first-child{display:block;font-size:7px;color:#d59294;margin-bottom:12px}.connect-next strong{font-size:18px;font-weight:500;line-height:1.15;display:block}.connect-next p{font-size:10px;line-height:1.4;margin:12px 0;color:#c0d0ad}.connect-status{font-size:8px;border-top:1px solid #7d9568;padding-top:10px;display:block;color:#d5e0c9}.lab-controls button[aria-pressed=true]{border-bottom:3px solid #df8589;background:#ffffff0c;color:#fff}.lab-controls button{color:#d1dcc5}.lab-top span:last-child:after{content:' / illustrative';font-size:7px}@keyframes hero-state-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hero-state-canvas{height:350px}.hero-state-heading>span{font-size:7px;letter-spacing:.04em}.hero-state-heading>strong{font-size:23px;line-height:1.12}.design-message{top:100px;width:33%;padding:9px}.design-message p{font-size:14px}.design-page{width:65%;top:119px}.design-page-bar{font-size:5px;padding:8px}.design-page-body{padding:12px}.design-page-body>strong{font-size:23px}.design-page-body small{font-size:6px}.design-page-cta{font-size:8px;padding:9px}.hero-state-flow{font-size:10px;gap:6px;padding-top:12px}.capture-form{top:89px;width:100%;padding:13px;box-shadow:none}.capture-fields{gap:12px}.capture-choice{font-size:12px}.capture-fields span{font-size:10px}.capture-fields small{font-size:9px}.capture-submit{padding:9px;font-size:10px}.capture-confirmation{width:76%;top:246px;padding:11px 13px;right:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.capture-confirmation>span{font-size:7px;margin:0;flex-basis:100%}.capture-confirmation strong{font-size:15px}.capture-confirmation p{font-size:8px;margin:0}.capture-confirmation p br{display:none}.capture-confirmation i{font-size:10px;top:10px}.hero-capture .hero-state-flow{bottom:0}.connect-record{top:108px;width:100%;padding:13px;box-shadow:none}.connect-record>strong{font-size:18px;margin:10px 0}.connect-record>div:not(:first-child){font-size:10px;padding-top:8px;margin-top:8px}.connect-next{width:78%;top:250px;padding:10px 12px}.connect-next>span:first-child{font-size:7px;margin-bottom:6px}.connect-next strong{font-size:15px}.connect-next p{display:none}.connect-status{font-size:8px;padding-top:6px;margin-top:6px}.hero-connect .hero-state-flow{bottom:-3px}.hero-connect .hero-state-heading>strong{font-size:21px}}
@media(max-width:350px){.hero-state-heading>strong{font-size:21px}.design-page-body>strong{font-size:20px}.design-message p{font-size:12px}.hero-state-flow{font-size:9px}.capture-confirmation{width:85%}.hero-connect .hero-state-heading>strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-state{animation:none!important}}
@media(min-width:601px){.capture-form{width:61%}.capture-confirmation{width:35%}}
@media(max-width:600px){.hero-state-canvas{height:390px}.capture-confirmation{top:285px}.connect-next{top:278px}.hero-capture .hero-state-flow,.hero-connect .hero-state-flow{bottom:7px}}
