/* Shared interaction surfaces make the complete portfolio feel connected. */
:root{--stage:#111b25;--stage-raised:#1a2935;--stage-ink:#e3edf2;--stage-muted:#8da2b1;--stage-line:#8ca6bd32;--stage-accent:#bff385;--stage-secondary:#ae9bef;--card-bg:#111923;--card-ink:#e8eef4;--card-muted:#93a5b1;--card-line:#8dabc52c}
:root[data-theme=light]{--bg:#f6f3ed;--panel:#ebe7df;--ink:#1c2938;--muted:#5f6c73;--line:#283b4226;--accent:#1b6b61;--on-accent:#fff;--header:#f6f3edf0;--stage:#fffdf9;--stage-raised:#f0f2ec;--stage-ink:#253a42;--stage-muted:#62746f;--stage-line:#45645d28;--stage-accent:#1b6b61;--stage-secondary:#956144;--card-bg:#fffdf9;--card-ink:#203641;--card-muted:#65747b;--card-line:#345d5429}
.motion-ready .reveal{opacity:1;transform:none}.section{position:relative}.chapter-bridge{height:92px;position:relative;isolation:isolate;color:var(--muted);margin-block:12px}.chapter-bridge>div{display:flex;gap:14px;align-items:center;position:absolute;inset-inline-start:2%;top:9px;font-size:9px;z-index:1;background:var(--bg);padding:0 12px}.chapter-next{color:var(--muted);font-size:7px}.chapter-bridge b{font:8px Manrope;color:var(--accent)}.chapter-bridge svg{position:absolute;inset:12px 0;width:100%;height:65px;overflow:visible}.chapter-bridge path{fill:none;stroke-width:1}.signal-base{stroke:var(--line)}.signal-trace{stroke:var(--accent);stroke-width:1.2!important;opacity:.65}.chapter-bridge circle{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.tech-manifesto{padding-bottom:65px}.tech-work{padding-top:45px;padding-bottom:45px}.tech-projects{gap:36px}.tech-project{position:relative;top:auto;min-height:0;background:var(--card-bg);color:var(--card-ink);border-color:var(--card-line);box-shadow:0 12px 60px #00000015;isolation:isolate;will-change:clip-path}.tech-project:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#bff3850d,transparent 45%);pointer-events:none;opacity:0;transition:opacity .35s;z-index:3}.tech-project.is-touched:after,.tech-project:hover:after{opacity:1}.project-content{padding:40px 36px}.project-content>h3{color:var(--card-ink);font-size:clamp(30px,3.2vw,50px);margin-top:48px}.project-content>h3 span,.project-content>p,.project-tech,.project-overline{color:var(--card-muted)}.project-content .project-open{color:var(--card-ink);margin-top:30px;padding-top:18px;position:static;align-self:flex-start}.project-content .circle{color:var(--stage-accent);border-color:var(--stage-line);background:transparent}.project-content .project-open:hover .circle{background:var(--stage-accent);color:var(--bg)}.tech-preview{min-height:440px;padding:32px 24px 32px 0;will-change:transform}.tech-project .tech-preview .product-window{transform:rotateY(var(--tilt-y,-4deg)) rotateX(var(--tilt-x,4deg)) rotateZ(-1deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 45px #0003}.project-interaction{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 30px;border-top:1px solid var(--card-line);position:relative;z-index:4;background:color-mix(in srgb,var(--card-bg) 85%,var(--stage-accent) 3%)}.work-feedback{font-size:11px;color:var(--card-muted);line-height:1.8;max-width:60%}.project-interaction>button{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--card-ink);min-height:44px;padding:7px 16px;border:1px solid var(--card-line);border-radius:7px;white-space:nowrap}.project-interaction>button>span{color:var(--stage-accent);font:20px Manrope}.project-interaction button:disabled{opacity:.6;cursor:progress}.inline-periods{display:flex;gap:4px;padding:4px;border:1px solid var(--card-line);border-radius:7px;flex-shrink:0}.inline-periods button{padding:8px 17px;font-size:11px;min-height:36px;border-radius:4px;color:var(--card-muted)}.inline-periods button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.tech-project:not(.in-view) .flow-packet{animation-play-state:paused}.flow-node{transition:border-color .35s,box-shadow .35s,background .35s}.flow-node.is-complete{border-color:#a9ecaf;box-shadow:0 0 25px #8aefb32b;background:#244039}.flow-node.is-complete>span{color:#aff1bb;background:#29543e}.flow-canvas.is-running .flow-packet{animation-duration:1.3s;stroke-width:3}.kinetic-band-frame:not(.in-view) .kinetic-band>div{animation-play-state:paused}
.services{grid-template-columns:1fr 1.03fr;gap:7vw;padding-top:55px;padding-bottom:65px}.services-intro{position:sticky;top:108px}.services-intro h2{font-size:clamp(32px,3.4vw,52px);line-height:1.5}.services-intro>p{font-size:13px;margin-top:20px;line-height:2;max-width:420px}.services-foot{display:none}.service-showcase-slot{margin-top:26px}.service-item{border:1px solid transparent;border-bottom-color:var(--line);border-radius:0;padding-inline:17px;transition:border-color .35s,background .35s,padding .35s}.service-item[open]{border-color:var(--line);border-radius:12px;background:var(--panel);padding-inline:20px}.service-item summary{padding:25px 0;gap:15px;font-size:21px}.service-item summary .service-number{font-size:9px}.service-item summary .plus{font-size:25px;color:var(--accent)}.service-item[open] summary .service-name{color:var(--accent)}.service-detail{padding:0 0 26px!important;overflow:visible}.service-detail>p{font-size:13px;line-height:2}.service-pills{margin-block:19px}.service-pills>span{background:var(--bg);font-size:9px}.service-detail .text-link{min-height:40px;color:var(--ink);font-size:11px}
.service-lens{background:var(--stage);border:1px solid var(--stage-line);border-radius:13px;color:var(--stage-ink);overflow:hidden;box-shadow:0 12px 40px #0000000c}.lens-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--stage-line);color:var(--stage-muted)}.lens-caption>span{display:flex;gap:7px;align-items:center;font-size:9px}.lens-caption i{width:4px;height:4px;background:var(--stage-accent);border-radius:50%}.lens-caption>small{font:8px Manrope;color:var(--stage-accent)}.lens-artboard{height:213px;padding:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 80%,color-mix(in srgb,var(--stage-secondary),transparent 95%),transparent 70%)}.lens-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 15px;border-top:1px solid var(--stage-line)}.lens-feedback{font-size:9px;color:var(--stage-muted);max-width:56%;line-height:1.7}.lens-footer>button{display:flex;align-items:center;gap:14px;white-space:nowrap;color:var(--stage-ink);font-size:10px;min-height:42px;border:1px solid var(--stage-line);border-radius:6px;padding:8px 11px}.lens-footer>button>span{font:19px Manrope;color:var(--stage-accent)}.lens-footer button:disabled{opacity:.6;cursor:progress}.lens-mini-kicker{display:block;font:6px Manrope;letter-spacing:1px;color:var(--stage-muted);direction:ltr;text-align:start}.lens-artboard h4{font-size:18px;font-weight:400;line-height:1.6;margin:8px 0 13px;color:var(--stage-ink)}.lens-browser{background:var(--stage-raised);border:1px solid var(--stage-line);border-radius:8px;width:100%;max-width:365px;overflow:hidden;transition:width .55s cubic-bezier(.2,.8,.2,1)}.lens-browser.device-mobile{width:180px}.lens-browser-bar{height:20px;display:flex;align-items:center;padding:0 8px;gap:3px;direction:ltr;border-bottom:1px solid var(--stage-line);background:var(--stage)}.lens-browser-bar i{width:3px;height:3px;border-radius:50%;background:var(--stage-muted);opacity:.5}.lens-browser-bar>span{font:5px Manrope;margin-left:auto;color:var(--stage-muted)}.lens-site{padding:14px 17px 12px;position:relative}.lens-site-brand{font:700 15px/1 Manrope;letter-spacing:-1px;color:var(--stage-accent);display:block;direction:ltr}.lens-site-nav{position:absolute;inset-inline-end:17px;top:17px;font:4px Manrope;color:var(--stage-muted)}.lens-site h4{font-size:19px;line-height:1.4;margin:11px 0 4px;letter-spacing:-.6px}.lens-site p{font-size:6px;line-height:1.8;color:var(--stage-muted);max-width:230px}.lens-site-button{display:inline-flex;margin-top:8px;background:var(--stage-accent);color:var(--stage);padding:4px 8px;border-radius:3px;font-size:5px}.lens-site-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.lens-site-tiles i{height:10px;background:var(--stage-line);border-radius:2px}.device-mobile .lens-site h4{font-size:16px}.device-mobile .lens-site-tiles{grid-template-columns:1fr}.device-mobile .lens-site-tiles i{height:4px}.device-mobile .lens-site-nav{display:none}.device-mobile .lens-site p{font-size:5px}.lens-store{width:100%;max-width:365px}.lens-store-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--stage-muted);margin-bottom:14px}.lens-store-top>b{font:10px Manrope;color:var(--stage-accent);padding:5px 9px;border:1px solid var(--stage-line);border-radius:30px;direction:ltr}.lens-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lens-products>div{padding:10px;border:1px solid var(--stage-line);border-radius:7px;background:var(--stage-raised)}.lens-products i{display:grid;place-items:center;height:42px;background:color-mix(in srgb,var(--stage-secondary),transparent 86%);border-radius:5px;font:23px Manrope;font-style:normal;color:var(--stage-secondary);margin-bottom:8px}.lens-products span{display:block;font-size:7px;color:var(--stage-muted)}.lens-products b{font:8px Manrope;color:var(--stage-ink);display:block;margin-top:7px}.lens-cart{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:9px;color:var(--stage-muted)}.lens-cart strong{font:18px Manrope;color:var(--stage-accent);direction:ltr}.lens-cart small{font-size:6px;margin-inline-start:5px}.lens-roles,.lens-data,.lens-automation,.lens-scope{width:100%;max-width:365px}.lens-role-tabs{display:flex;gap:5px;font-size:8px;margin-bottom:10px}.lens-role-tabs>span{padding:5px 12px;border:1px solid var(--stage-line);border-radius:20px;color:var(--stage-muted)}.lens-role-tabs .chosen{color:var(--stage);background:var(--stage-accent);border-color:var(--stage-accent)}.lens-permissions>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:6px 0;border-bottom:1px solid var(--stage-line);color:var(--stage-muted);opacity:.45}.lens-permissions i{font:12px Manrope;font-style:normal}.lens-permissions .allowed{opacity:1;color:var(--stage-ink)}.lens-permissions .allowed i{color:var(--stage-accent)}.lens-data{position:relative}.lens-data>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:15px}.lens-data .lens-mini-kicker{grid-column:1/-1}.lens-data h4{font-size:16px;margin-top:7px}.lens-data strong{font:21px Manrope;color:var(--stage-accent);direction:ltr;letter-spacing:-.6px}.lens-data strong small{font-size:5px;color:var(--stage-muted);margin-left:5px;letter-spacing:0}.lens-bars{height:104px;display:flex;align-items:end;gap:9px;padding:9px 0 0;border-bottom:1px solid var(--stage-line);direction:ltr}.lens-bars i{flex:1;display:block;background:var(--stage-accent);border-radius:4px 4px 0 0;min-height:4px;opacity:.8}.lens-bars i:nth-child(2n){background:var(--stage-secondary)}.lens-data-axis{display:flex;justify-content:space-between;font:5px Manrope;color:var(--stage-muted);margin-top:9px;direction:ltr}.lens-flow-track{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:21px;direction:ltr;padding-inline:12px}.lens-flow-wire{height:1px;background:var(--stage-line);position:absolute;inset:25px 20px auto;z-index:0}.lens-flow-node{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;min-width:55px}.lens-flow-node>i{font:22px Manrope;font-style:normal;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--stage-line);background:var(--stage-raised);color:var(--stage-secondary);border-radius:12px;transition:background .35s,color .35s,border .35s}.lens-flow-node>span{font-size:8px;color:var(--stage-muted)}.lens-flow-node.complete>i{background:var(--stage-accent);color:var(--stage);border-color:var(--stage-accent);box-shadow:0 0 25px color-mix(in srgb,var(--stage-accent),transparent 85%)}.lens-flow-bottom{font:5px Manrope;letter-spacing:1px;display:block;text-align:center;color:var(--stage-muted);margin-top:22px}.lens-priorities{display:flex;flex-direction:column;gap:7px}.lens-priorities>div{display:flex;align-items:center;gap:13px;border:1px solid var(--stage-line);background:var(--stage-raised);border-radius:6px;padding:8px 12px;font-size:10px;color:var(--stage-muted)}.lens-priorities b{font:7px Manrope;opacity:.6}.lens-priorities i{font:15px Manrope;margin-inline-start:auto;font-style:normal}.lens-priorities .chosen{border-color:var(--stage-accent);color:var(--stage-ink)}.lens-priorities .chosen i{color:var(--stage-accent)}
.about{padding-block:85px;background:var(--panel)}.about-name{font-size:clamp(54px,6vw,90px)}.process-header{margin-top:70px}.process-track{gap:22px;position:relative;--process-progress:.25}.process-step{padding:25px 18px 18px;border:1px solid var(--line);border-radius:10px;transition:background .35s,border-color .35s;cursor:pointer}.process-step:before{display:none}.process-step:after{content:'';position:absolute;left:18px;right:18px;top:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s}.process-step.selected{border-color:var(--accent);background:color-mix(in srgb,var(--panel),var(--accent) 3%)}.process-step.selected:after{transform:scaleX(1)}.process-step>span{font-size:9px}.process-step.selected>span{color:var(--accent)}.process-step h3{margin-top:12px;font-size:20px}.process-select{padding:0;color:inherit;text-align:start;min-height:32px;width:100%}.process-step p{font-size:12px}.process-result{display:flex;align-items:center;gap:25px;margin-top:24px;padding:25px 28px;border:1px solid var(--line);background:var(--bg);border-radius:12px;min-height:150px}.process-result-index{font:400 54px Manrope;letter-spacing:-3px;color:var(--accent);opacity:.75}.process-result>div{flex:1}.process-result small{font-size:9px;color:var(--muted)}.process-result h3{font-size:23px;font-weight:400;line-height:1.7;margin-top:3px}.process-result p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.9}.process-result-arrow{font:43px Manrope;color:var(--accent)}.faq{padding-block:75px}.faq-list details{scroll-margin-top:105px}.faq-list details[open] summary{color:var(--accent)}.faq-list summary>span:last-child{transition:transform .35s}.faq-list details>p{overflow:hidden}.contact{padding-top:80px}.contact-channel{position:relative;transition:padding .35s}.contact-channel:hover{padding-inline:10px}.contact-channel>i{transition:transform .35s}.contact-channel:hover>i{transform:rotate(45deg)}#project-form{overflow:clip}.footer{overflow:clip}.has-ripple{position:relative;overflow:hidden}.touch-ripple{position:absolute;pointer-events:none;background:currentColor;border-radius:50%;z-index:0;transform-origin:center}

/* Daylight palette: warm paper, deep ink, petrol and copper. */
[data-theme=light] .kinetic-hero{--signal:#1b6b61;--signal-alt:#a05f3e}[data-theme=light] .kinetic-hero[data-scene=automation]{--signal:#6c58a8;--signal-alt:#177081}[data-theme=light] .kinetic-hero[data-scene=data]{--signal:#147c8f;--signal-alt:#ab752c}[data-theme=light] .backdrop-glow{background:radial-gradient(ellipse at 50% 50%,#c7865430,transparent 64%);opacity:.6}[data-theme=light] .backdrop-word{-webkit-text-stroke-color:#60776b19}[data-theme=light] .backdrop-grid{background-image:linear-gradient(#54726609 1px,transparent 1px),linear-gradient(90deg,#54726609 1px,transparent 1px)}[data-theme=light] .kinetic-band{background:#d9e8db}[data-theme=light] .kinetic-band>div{color:#214c43}[data-theme=light] .kinetic-band i,[data-theme=light] .kinetic-band span:nth-of-type(3n){color:#8d6345}[data-theme=light] .monogram i{color:#9f6241}[data-theme=light] .header-contact{border-color:#1b6b6140}[data-theme=light] .code-fragment{background:#fffdf9;border-color:#b7c4b950;box-shadow:0 12px 40px #3a4a3410}[data-theme=light] .code-fragment i{color:#94603e}[data-theme=light] .tech-preview:before{background:radial-gradient(ellipse,#c4d8cb77,transparent 68%)}[data-theme=light] .tech-automation .tech-preview:before{background:radial-gradient(ellipse,#d9d1e5aa,transparent 68%)}[data-theme=light] .tech-project .tech-preview .product-window{box-shadow:0 25px 50px #455b4c24}[data-theme=light] .tech-project:after{background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#1b6b610a,transparent 45%)}[data-theme=light] .product-window{background:#f8faf6;color:#314c54;border-color:#a9c2b470}[data-theme=light] .window-bar{background:#e7eee7;color:#6b8177;border-color:#afc1b538}[data-theme=light] .window-dots i{background:#91a99b}[data-theme=light] .window-dots i:first-child{background:#b8947c}[data-theme=light] .product-sidebar{background:#edf1e9;border-color:#adbeaf42;color:#80948a}[data-theme=light] .product-sidebar>b{color:#2b4e43}[data-theme=light] .product-sidebar>b span{color:#a06942}[data-theme=light] .product-sidebar .selected{color:#1b6b61;background:#d5e5d9}[data-theme=light] .product-sidebar .sidebar-bottom{color:#476656;border-color:#829f8d60}[data-theme=light] .product-top small{color:#70887b}[data-theme=light] .product-top h3{color:#25453c}[data-theme=light] .product-top h3>span{color:#a06942}[data-theme=light] .avatars{background:#d3e0d5;color:#46654f}[data-theme=light] .avatars i{background:#d0c3e1}[data-theme=light] .avatars i:last-child{background:#bfdac5}[data-theme=light] .orbit-toolbar{color:#748a7d;border-color:#91ac9a50}[data-theme=light] .orbit-toolbar b{color:#1b6b61}[data-theme=light] .orbit-toolbar em{color:#fff;background:#1b6b61}[data-theme=light] .kanban h4{color:#668271}[data-theme=light] .kanban article{background:#fffefd;border-color:#bacbbd88}[data-theme=light] .kanban article strong{color:#345243}[data-theme=light] .kanban article small{color:#1b6b61}[data-theme=light] .kanban article p,[data-theme=light] .kanban article footer{color:#789181}[data-theme=light] .kanban article footer i{background:#dce7df;color:#50705b}[data-theme=light] .kanban article.featured-task{background:#eee8f5;border-color:#b6a4cf88}[data-theme=light] .task-progress{background:#d4c8e3}[data-theme=light] .task-progress i{background:#8d70b7}[data-theme=light] .task-placeholder{color:#8ba18f;border-color:#acbfaf77}[data-theme=light] .product-status{color:#6d8b79;border-color:#a1b6a53c}[data-theme=light] .product-status i{background:#1b6b61}[data-theme=light] .flow-window{background:#f5f3f8;border-color:#b9accb66}[data-theme=light] .flow-window .window-bar{background:#e8e1ef;color:#8d7d9e}[data-theme=light] .flow-live{color:#8e7c9c}[data-theme=light] .flow-live i{background:#5d9770}[data-theme=light] .flow-canvas{background-image:radial-gradient(#b9adc53c 1px,transparent 1px)}[data-theme=light] .flow-lines{stroke:#beadc8}[data-theme=light] .flow-lines .flow-packet{stroke:#8b6daf}[data-theme=light] .flow-node{background:#fffdff;border-color:#bca9cc77}[data-theme=light] .flow-node>span{color:#8b6daf;background:#eee5f5}[data-theme=light] .flow-node strong{color:#5e456e}[data-theme=light] .flow-node small{color:#a18cae}[data-theme=light] .flow-node.is-complete{background:#e9f2e9;border-color:#76a77b;box-shadow:0 0 22px #76a77b22}[data-theme=light] .flow-node.is-complete>span{background:#d7ead8;color:#487f50}[data-theme=light] .flow-terminal{background:#ede8f2;border-color:#c3b3d039;color:#937da7}[data-theme=light] .flow-terminal p b{color:#79579e}[data-theme=light] .flow-terminal p i{color:#9b87ad}[data-theme=light] .pulse-stats>div{background:#fffdf7;border-color:#b6c7ba5c}[data-theme=light] .pulse-stats span{color:#80917c}[data-theme=light] .pulse-stats strong{color:#3d5d4c}[data-theme=light] .pulse-stats strong small{color:#859b87}[data-theme=light] .pulse-stats em{color:#2e8167}[data-theme=light] .pulse-graph{background:#f0f5ed;border-color:#adc1ac44}[data-theme=light] .pulse-graph>div:first-child{color:#6b8468}[data-theme=light] .pulse-graph small{color:#8a9f85}[data-theme=light] .graph-grid{stroke:#8ba48329}[data-theme=light] .pulse-line{stroke:#3d8d6c}[data-theme=light] .pulse-graph stop{stop-color:#3d8d6c}[data-theme=light] .graph-axis{color:#8ba185}
[data-theme=light] .service-item[open]{background:#ebece4;border-color:#4e80642a}[data-theme=light] .service-pills>span{background:#f9f6ee}[data-theme=light] .about{background:radial-gradient(ellipse at 0 20%,#e3c7a933,transparent 60%),#ebe7df}[data-theme=light] .about-values>span{border-color:#82968545}[data-theme=light] .process-step.selected{background:#f6f5ed;border-color:#1b6b61}[data-theme=light] .contact{background:#214f47;color:#f9f4e9}[data-theme=light] .contact h2,[data-theme=light] .contact h2 em{color:#f9f4e9}[data-theme=light] .contact .section-label,[data-theme=light] .contact .section-label>span:first-child,[data-theme=light] .contact p,[data-theme=light] .contact-channel small,[data-theme=light] .contact legend,[data-theme=light] .contact .form-note{color:#b8d0c2}[data-theme=light] .contact h2 em:after{background:#d6b38a}[data-theme=light] .contact-arrow{color:#d6b38a}[data-theme=light] .contact-channel{border-color:#b8d0c23b}[data-theme=light] .contact-channel>span,[data-theme=light] .contact form h3,[data-theme=light] .contact label,[data-theme=light] .contact .form-back{color:#f5f1e8}[data-theme=light] .contact .service-choice span{border-color:#afcabc5a;color:#e3eddf}[data-theme=light] .contact .service-choice input:checked+span{color:#203f34;background:#e2d0b6;border-color:#e2d0b6}[data-theme=light] .contact .button{background:#e2d0b6;color:#203f34}[data-theme=light] .contact input:not([type=radio]),[data-theme=light] .contact textarea{border-color:#a7c5b59c;color:#fffaf0}[data-theme=light] .contact input::placeholder,[data-theme=light] .contact textarea::placeholder{color:#afc8ba}[data-theme=light] .contact :focus-visible{outline-color:#e2d0b6}
[data-theme=light] #experience-dialog{background:#fbf8f1;color:#213b3a;border-color:#b9cabd}[data-theme=light] .dialog-toolbar{background:#f0ede5;border-color:#a5b9a73b;color:#456653}[data-theme=light] .dialog-badge{color:#688473}[data-theme=light] .dialog-bottom{background:#f1eee5;border-color:#b0c0ad38}[data-theme=light] .dialog-bottom p{color:#70806e}[data-theme=light] .demo-orbit,[data-theme=light] .demo-flow,[data-theme=light] .demo-dashboard{background:#f9f8f0;color:#29473b}[data-theme=light] .tech-demo-heading p{color:#6c8372}[data-theme=light] .demo-product{color:#a16b43}[data-theme=light] #task-form input{background:#fffdf9;color:#29473b;border-color:#9eb8a466}[data-theme=light] #task-form input::placeholder{color:#8a9f8c}[data-theme=light] #task-form>button,[data-theme=light] #run-flow{background:#1b6b61;color:#fff}[data-theme=light] .demo-column{background:#ebf0e6;border-color:#a3b69d55}[data-theme=light] .demo-column>h3{color:#446647}[data-theme=light] .demo-column>h3>span{background:#d5e1cf;color:#61835d}[data-theme=light] .demo-task{background:#fffefa;border-color:#b3c5ab77;color:#3e5e3a}[data-theme=light] .demo-task>small{color:#8c9f82}[data-theme=light] .demo-task button{color:#267561}[data-theme=light] .demo-board-footer{color:#6b8a65}[data-theme=light] .flow-options{color:#48684c}[data-theme=light] .flow-step{background:#edf1e7;border-color:#a1b69860;color:#54754d}[data-theme=light] .flow-step.complete{border-color:#1b6b61;background:#e4eee1}[data-theme=light] .flow-execution-log{background:#e9efe2;border-color:#a5b99b48;color:#5e7d52}[data-theme=light] .demo-dashboard .demo-tabs button{color:#50754b;border-color:#8ca88255}[data-theme=light] .demo-dashboard .demo-tabs button[aria-pressed=true]{color:#fff;background:#1b6b61}[data-theme=light] .demo-metric,[data-theme=light] .demo-chart{background:#fffdf7;border-color:#9db59655}[data-theme=light] .demo-metric small,[data-theme=light] .demo-chart-head span:last-child,[data-theme=light] .demo-table th{color:#7d9575}[data-theme=light] .demo-metric em{color:#2d7f59}[data-theme=light] .demo-bars>div{background:#488c6d}[data-theme=light] .demo-bars>div:nth-child(2n){background:#96b289}[data-theme=light] .demo-bars>div span{background:#1b6b61;color:#fff}[data-theme=light] .demo-table th,[data-theme=light] .demo-table td{border-color:#a7ba9d42}[data-theme=light] .table-status{color:#3d7c4c;background:#dce9d5}
@media(max-width:1050px){.project-content{padding:30px}.tech-preview{min-height:390px}.services{gap:5vw}.services-intro h2{font-size:35px}.lens-artboard{height:200px}.lens-footer{gap:10px}.lens-feedback{font-size:8px}.lens-footer>button{font-size:9px;gap:10px;padding-inline:9px}.service-item summary{font-size:18px;padding-block:22px}.project-interaction{padding-inline:24px}.process-result p{font-size:11px}}
@media(max-width:800px){.chapter-bridge{height:70px;margin-block:6px}.chapter-bridge svg{height:50px;top:10px}.chapter-bridge>div{font-size:8px;top:2px;gap:10px}.chapter-next{font-size:6px}.tech-project{display:flex;flex-direction:column}.project-content{min-height:0;padding:28px}.project-content>h3{font-size:36px;margin-top:26px}.project-content .project-open{margin-top:23px;padding-top:0}.tech-preview{min-height:320px;padding:20px 38px 30px}.project-interaction{padding:16px 24px}.work-feedback{font-size:10px;max-width:55%}.services{display:block;padding-block:50px}.services-intro{position:static}.services-intro h2{font-size:38px}.services-intro>p{max-width:560px;font-size:13px}.service-showcase-slot{display:none}.service-list{margin-top:32px}.service-item summary{font-size:21px;min-height:75px}.service-detail>.service-lens{margin-bottom:23px}.lens-artboard{height:235px}.service-lens{max-width:none}.lens-browser,.lens-store,.lens-roles,.lens-data,.lens-automation,.lens-scope{max-width:440px}.lens-feedback{font-size:10px}.lens-footer{padding:13px 17px}.lens-footer>button{font-size:11px;min-height:44px}.lens-caption>span{font-size:10px}.lens-artboard h4{font-size:22px}.lens-mini-kicker{font-size:7px}.lens-site h4{font-size:23px}.lens-site p{font-size:8px;max-width:290px}.lens-site-button{font-size:6px}.lens-browser-bar>span{font-size:6px}.lens-site-tiles i{height:13px}.lens-products span{font-size:9px}.lens-products b{font-size:10px}.lens-products i{height:50px}.lens-cart{font-size:11px}.lens-role-tabs{font-size:10px}.lens-permissions>div{font-size:11px;padding-block:7px}.lens-data h4{font-size:20px}.lens-data strong{font-size:25px}.lens-bars{height:105px}.lens-flow-node>span{font-size:11px}.lens-flow-node>i{width:54px;height:54px;font-size:26px}.lens-flow-wire{top:28px}.lens-flow-bottom{font-size:7px}.lens-priorities>div{font-size:12px;padding-block:9px}.lens-priorities b{font-size:9px}.about{padding-block:70px}.process-track{grid-template-columns:repeat(2,1fr);gap:16px}.process-step{padding:21px 17px 18px}.process-result{padding:22px;gap:20px}.process-result-index{font-size:48px}.process-result h3{font-size:22px}.process-result-arrow{font-size:33px}.faq{padding-block:60px}.contact{padding-top:65px}}
@media(max-width:540px){.chapter-bridge{height:58px;margin-block:4px}.chapter-bridge svg{height:38px;top:12px}.chapter-bridge>div{font-size:8px;gap:8px;padding-inline:8px;inset-inline-start:0}.chapter-bridge b{font-size:7px}.chapter-next{font-size:6px}.tech-manifesto{padding-bottom:45px}.tech-work{padding-top:35px}.tech-work .section-heading{margin-bottom:28px}.tech-projects{gap:25px}.project-content{padding:25px 22px}.project-content>h3{font-size:31px;margin-top:26px}.project-content>p{font-size:12px;line-height:1.9}.project-content .project-open{font-size:11px;margin-top:21px}.tech-preview{min-height:230px;padding:8px 19px 27px}.project-interaction{padding:13px 16px;gap:14px;align-items:center;min-height:74px}.project-interaction>button{font-size:11px;padding:8px 11px;gap:14px;min-height:44px}.work-feedback{font-size:9px;line-height:1.8;max-width:54%}.inline-periods{gap:2px;padding:3px}.inline-periods button{font-size:9px;padding:7px 9px;min-height:36px}.services{padding-top:35px;padding-bottom:45px}.services-intro h2{font-size:32px}.services-intro>p{font-size:12px;margin-top:18px}.service-list{margin-top:26px}.service-item{padding-inline:11px}.service-item[open]{padding-inline:14px;border-radius:10px}.service-item summary{font-size:18px;gap:10px;min-height:71px;padding-block:20px}.service-item summary .service-number{font-size:8px}.service-item summary .plus{font-size:23px}.service-detail>p{font-size:12px}.service-pills{gap:5px;margin-block:16px}.service-pills>span{font-size:8px;padding:4px 9px}.service-detail .text-link{font-size:11px}.service-detail>.service-lens{margin-bottom:18px}.lens-caption{padding:12px}.lens-caption>span{font-size:8px}.lens-artboard{height:211px;padding:14px}.lens-footer{padding:10px 11px;gap:9px}.lens-feedback{font-size:8px;max-width:53%}.lens-footer>button{font-size:10px;gap:9px;padding:8px 10px;min-height:44px}.lens-footer>button>span{font-size:18px}.lens-artboard h4{font-size:18px}.lens-site h4{font-size:18px}.lens-site p{font-size:6px}.lens-site-button{font-size:5px}.lens-browser-bar>span{font-size:5px}.lens-site-tiles i{height:10px}.lens-browser.device-mobile{width:167px}.device-mobile .lens-site h4{font-size:15px}.lens-products{gap:7px}.lens-products>div{padding:8px}.lens-products span{font-size:7px}.lens-products b{font-size:8px}.lens-products i{height:39px;font-size:22px}.lens-cart{font-size:9px}.lens-role-tabs{font-size:8px}.lens-role-tabs>span{padding:5px 10px}.lens-permissions>div{font-size:10px}.lens-data h4{font-size:16px}.lens-data strong{font-size:21px}.lens-mini-kicker{font-size:5px}.lens-bars{gap:7px;height:105px}.lens-flow-node>i{height:44px;width:44px;font-size:23px;border-radius:11px}.lens-flow-node>span{font-size:9px}.lens-flow-wire{top:23px;inset-inline:15px}.lens-flow-bottom{font-size:5px}.lens-priorities>div{font-size:10px;padding:8px 11px}.lens-priorities b{font-size:7px}.about{padding-block:60px}.process-header{margin-top:46px;gap:15px}.process-track{gap:13px}.process-step{padding:17px 12px 15px;border-radius:8px}.process-step>span{font-size:8px}.process-step h3{font-size:18px;margin-block:9px}.process-step p{font-size:11px;line-height:1.8}.process-select{min-height:36px}.process-result{padding:20px 16px;gap:15px;margin-top:17px;min-height:151px}.process-result-index{font-size:38px;letter-spacing:-2px}.process-result h3{font-size:20px}.process-result p{font-size:10px;line-height:1.9}.process-result small{font-size:8px}.process-result-arrow{display:none}.faq{padding-block:45px}.faq-list summary{font-size:14px;min-height:65px}.faq-list details>p{font-size:12px}.contact{padding-top:55px}html[lang=en] .lens-artboard h4{font-size:16px}html[lang=en] .lens-site h4{font-size:16px}html[lang=en] .lens-footer>button{font-size:9px}html[lang=en] .lens-feedback{font-size:7px}html[lang=en] .process-result h3{font-size:18px}html[lang=en] .project-interaction>button{font-size:10px}html[lang=en] .inline-periods button{font-size:8px}}
@media(max-width:359px){.project-interaction{gap:10px;padding-inline:12px}.work-feedback{font-size:8px;max-width:48%}.project-interaction>button{font-size:10px;padding-inline:9px;gap:8px}.inline-periods button{padding-inline:7px;font-size:8px}.service-item summary{font-size:16px}.service-item[open]{padding-inline:11px}.lens-artboard{padding:12px}.lens-feedback{font-size:7px}.lens-footer>button{font-size:9px;padding-inline:8px;gap:6px}.lens-artboard h4{font-size:16px}.lens-role-tabs>span{padding-inline:9px}.lens-data h4{font-size:14px}.lens-data strong{font-size:18px}.lens-data strong small{font-size:4px}.process-step p{font-size:10px}.process-result h3{font-size:18px}.process-result-index{font-size:33px}.process-result{gap:12px}}
.process-track:before{content:'';position:absolute;inset:-9px 0 auto;height:2px;transform:scaleX(var(--process-progress,.25));transform-origin:right;background:var(--accent);transition:transform .55s cubic-bezier(.2,.8,.2,1)}html[dir=ltr] .process-track:before{transform-origin:left}
body.dialog-open .flow-packet,body.dialog-open .kinetic-band>div{animation-play-state:paused}
@media(max-width:540px){.inline-periods button,.demo-tabs button{min-height:44px}.project-interaction{min-height:80px}}
[data-theme=light] .flow-options label{color:#536e5c}[data-theme=light] .flow-options input{accent-color:#1b6b61}[data-theme=light] .demo-flow-nodes article{background:#eef0e9;border-color:#a6b49f62;color:#3b5640}[data-theme=light] .demo-flow-nodes article:not(:last-child):after{border-color:#99ac9291}[data-theme=light] .flow-step-icon{background:#e1dbea;color:#84669c}[data-theme=light] .demo-flow-nodes .mono{color:#84977c}[data-theme=light] .step-state{color:#7f9576}[data-theme=light] .demo-flow-nodes .running{border-color:#9272b0;background:#efe8f2}[data-theme=light] .demo-flow-nodes .running .step-state{color:#86689e}[data-theme=light] .demo-flow-nodes .complete{background:#e4eee0;border-color:#719c72}[data-theme=light] .demo-flow-nodes .complete .flow-step-icon{background:#d1e5cc;color:#3d7c4a}[data-theme=light] .demo-flow-nodes .complete .step-state{color:#3d7c4a}[data-theme=light] .demo-flow-log{background:#ecf0e5;border-color:#a2b49755}[data-theme=light] .demo-flow-log .mono{color:#7e9474}[data-theme=light] .demo-flow-log #flow-state{color:#3b7652}[data-theme=light] .demo-flow-log ol{color:#628461}[data-theme=light] .local-badge{color:#819877}
.motion-paused .tech-project .product-window,.motion-paused .lens-browser,.motion-paused .process-step,.motion-paused .process-step:after,.motion-paused .process-track:before,.motion-paused .flow-node,.motion-paused .lens-flow-node>i{transition:none!important}.motion-paused .touch-ripple{display:none}@media(prefers-reduced-motion:reduce){.tech-project .product-window,.lens-browser,.process-step,.process-step:after,.process-track:before,.flow-node,.lens-flow-node>i{transition:none!important}.touch-ripple{display:none}}