:root{--dark:#191d1c;--dark2:#222826;--ink:#252a28;--light:#f5f3ed;--paper:#fffefa;--muted:#707873;--accent:#d6f073;--stroke:#dedfd8;--radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--light);line-height:1.55}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:Montserrat,sans-serif}h1{font-weight:700;letter-spacing:-.055em;line-height:1.08;font-size:clamp(2.75rem,5vw,5.7rem)}h2{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.16;letter-spacing:-.048em}h3{font-size:1.16rem;line-height:1.35}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93ad3c;outline-offset:3px}.container{max-width:1240px;padding:0 34px;margin:auto}.eyebrow{font:700 .7rem Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;border-radius:var(--radius);background:var(--accent);color:#182015;font-weight:700;border:1px solid var(--accent);transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:#e0fc88}.btn.dark{background:var(--dark);color:white;border-color:var(--dark)}.btn.outline{background:transparent;color:white;border:1px solid #737c76}.btn.outline:hover{background:#ffffff14}.top{background:var(--dark);color:white;border-bottom:1px solid #ffffff24}.nav{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:1.05rem;letter-spacing:-.05em}.brandmark{display:grid;place-items:center;width:37px;height:37px;border:1.5px solid var(--accent);color:var(--accent);font-weight:800;font-size:.84rem;letter-spacing:-.12em}.brand small{display:block;font:600 .57rem Montserrat,sans-serif;letter-spacing:.17em;color:#c6cec6;text-transform:uppercase;margin-top:2px}.links{display:flex;gap:30px;font-size:.89rem;color:#cdd1cb}.links a:hover{color:var(--accent)}.mobile-menu{display:none;background:none;border:none;color:white;font-size:1.6rem}.hero{background:var(--dark);color:white;overflow:hidden}.hero-grid{min-height:665px;display:grid;grid-template-columns:1.12fr .88fr;gap:5%;align-items:center;padding-top:80px;padding-bottom:100px}.hero h1{max-width:740px;margin:25px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:520px;color:#c1c7c1;font-size:1.13rem;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:65px}.hero-tags span{border-top:1px solid #657269;padding-top:13px;min-width:135px;color:#e4e9e0;font-size:.83rem}.hero-art{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.art-board{position:relative;width:100%;max-width:480px;aspect-ratio:1/1.04;border:1px solid #5d675e;background:linear-gradient(140deg,#313a35,#1c2420);padding:25px;transform:rotate(3deg);box-shadow:28px 30px 0 #ffffff07}.art-noise{position:absolute;inset:0;background-image:radial-gradient(#e3ecd917 .8px,transparent .8px);background-size:18px 18px}.art-inner{position:relative;border:1px solid #7e8c6f63;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.art-top{display:flex;justify-content:space-between;align-items:center;font-size:.67rem;color:#b5c3ac;letter-spacing:.13em;text-transform:uppercase}.art-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px #d6f07319}.art-type{font:700 clamp(2.7rem,5vw,5.4rem)/.95 Montserrat,sans-serif;letter-spacing:-.1em;color:var(--accent)}.art-bottom{display:flex;justify-content:space-between;border-top:1px solid #83908260;padding-top:18px;color:#c6cdc3;font-size:.75rem}.floating{position:absolute;background:var(--paper);color:var(--ink);padding:15px 18px;border:1px solid #e4e5df;box-shadow:0 15px 50px #0005;transform:rotate(-3deg);z-index:2;right:-13px;bottom:65px;min-width:190px}.floating b{display:block;font:800 1.5rem Montserrat,sans-serif;letter-spacing:-.07em}.floating small{color:#626d64}.section{padding:115px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-intro h2{max-width:740px;margin-bottom:0}.section-intro p{max-width:330px}.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{padding:33px 28px;border:1px solid var(--stroke);background:var(--paper);min-height:330px;display:flex;flex-direction:column}.service:hover{border-color:#9fae7a}.service-number{font:700 .75rem Montserrat,sans-serif;color:#7c8779;letter-spacing:.14em}.service-symbol{font-size:2.5rem;margin:23px 0 28px;line-height:1}.service h3{font-size:1.25rem;letter-spacing:-.04em;margin-bottom:12px}.service p{color:#68726b;margin-bottom:18px}.service a{font-weight:700;font-size:.87rem;margin-top:auto;text-decoration:underline;text-underline-offset:5px}.process{background:#e9ece3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}.step{padding-top:19px;border-top:2px solid #a3aaa1}.step strong{color:#56645a;font:700 .78rem Montserrat,sans-serif}.step h3{margin:32px 0 10px}.step p{color:#606b64;font-size:.92rem}.automation{background:var(--dark);color:white}.automation .section-intro p{color:#b6bfb5}.flowgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.diagram{padding:26px;background:#262e29;border:1px solid #48544a;display:grid;gap:10px}.flowbox{background:#343e36;padding:20px 22px;border:1px solid #5c6e5d;display:flex;gap:15px;align-items:center}.flowbox span{background:var(--accent);color:var(--dark);height:34px;width:34px;flex-shrink:0;display:grid;place-items:center;font-weight:800;border-radius:50%}.flowbox small{display:block;color:#c4cdc3}.flow-arrow{text-align:center;color:var(--accent);font-size:1.4rem;line-height:1}.automation-note{padding:22px 0;color:#b8c3b9}.automation-note b{color:white}.portfolio{background:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{border:1px solid var(--stroke);background:#f4f3ed}.project-art{min-height:280px;padding:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-art.first{background:#dce4d3}.project-art.second{background:#e8e1d6}.mock-window{width:85%;height:215px;box-shadow:15px 18px 0 #00000015;background:#fafaf6;transform:rotate(-4deg);padding:14px}.mock-bar{display:flex;gap:5px}.mock-bar i{width:6px;height:6px;border-radius:50%;background:#8c958a}.mock-panel{margin-top:18px;background:#25392e;color:#f6f5f0;padding:20px;height:155px}.mock-panel b{font:700 1.45rem/.95 Montserrat,sans-serif;letter-spacing:-.06em;display:block;max-width:210px}.mock-panel div{background:#c8de8d;height:7px;width:75px;margin-top:17px}.project-art.second .mock-panel{background:#463a32}.project-art.second .mock-panel div{background:#e9b58e}.project-body{padding:25px}.project-body h3{margin:9px 0}.project-body p{color:#68726b;font-size:.93rem}.pill{font-size:.68rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:#596b52}.about{background:#e9ece3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{margin-bottom:0}.about p{font-size:1.05rem;line-height:1.8}.about ul{list-style:none;padding:0}.about li{border-top:1px solid #bcc5b9;padding:14px 0;font-weight:700}.contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.contact h2{margin:20px 0}.contact p{color:#68726b;max-width:410px}.contact-form{border:1px solid var(--stroke);padding:32px;background:#fafaf6}.contact-form h3{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;margin-bottom:15px}.field.full{grid-column:1/-1}label{font-size:.78rem;font-weight:700}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #cfd4cc;border-radius:3px;color:var(--ink);background:white;min-width:0}textarea{min-height:120px;resize:vertical}.form-note{font-size:.76rem;color:#677269;margin:10px 0 0}.notice{margin-top:16px;padding:13px 15px;background:#e4f0ce;color:#263c25;display:none;font-size:.87rem}.notice.show{display:block}.privacy{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:#657064;margin:10px 0 20px}.privacy input{width:auto;margin-top:4px}footer{background:var(--dark);color:#e4ebe3;padding:45px 0}.footerline{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}footer p{font-size:.79rem;color:#9eaca1;margin:10px 0 0}footer a:hover{color:var(--accent)}.footer-links{display:flex;gap:25px;font-size:.85rem}#menu-toggle[aria-expanded=true]+.links{display:flex}.about-visual{display:flex;justify-content:center}.about-card{background:var(--paper);border:1px solid var(--stroke);padding:18px;max-width:380px}.about-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#d8d8d8}.about-caption{padding-top:15px}.about-caption strong{display:block;font:800 1.1rem Montserrat,sans-serif;letter-spacing:-.03em}.about-caption span{display:block;color:#68726b;font-size:.92rem;margin-top:3px}.service-list{padding-left:18px;color:#68726b;margin:0 0 18px}.service-list li{margin-bottom:7px}.contact-list{list-style:none;padding:0;margin:22px 0 0}.contact-list li{padding:10px 0;border-top:1px solid #d7d9d2;font-weight:700;color:#39413d}.contact-list li span{display:block;font-weight:400;color:#68726b;font-size:.93rem;margin-top:3px}@media(max-width:960px){.links{gap:15px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:450px}.art-board{max-width:400px}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.flowgrid,.about-grid{gap:35px}.section{padding:80px 0}}@media(max-width:660px){.container{padding:0 21px}.nav{min-height:72px}.mobile-menu{display:block}.nav>.links{display:none;position:absolute;top:71px;left:0;right:0;padding:24px;background:#202621;flex-direction:column;z-index:5}.nav>.btn{display:none}.hero-grid{padding-top:70px;padding-bottom:75px;gap:35px;min-height:0}.hero h1{font-size:clamp(2.65rem,10.6vw,4rem)}.hero-copy{font-size:1rem}.hero-tags{margin-top:45px}.hero-art{min-height:325px}.art-board{max-width:300px}.art-inner{padding:18px}.floating{right:0;bottom:10px}.section{padding:65px 0}.section-intro{display:block}.section-intro p{margin-top:20px}.service-grid,.project-grid,.steps,.flowgrid,.about-grid,.contact-grid{grid-template-columns:1fr}.service{min-height:280px}.contact-form{padding:20px}.form-grid{grid-template-columns:1fr}.footerline{align-items:start}.footer-links{flex-wrap:wrap}.art-type{font-size:3.3rem}}

:root{--dark:#102d48;--dark2:#173b59;--ink:#16324a;--light:#edf3f7;--paper:#fff;--muted:#50677a;--accent:#bddbeb;--stroke:#cbd8e1;--radius:8px}
body{font-family:'DM Sans',sans-serif;background:white}h1,h2,h3,.brand{font-family:'Montserrat',sans-serif;letter-spacing:-.035em}h1{font-weight:600}h2{font-weight:600;max-width:22ch}p{max-width:68ch}.container{max-width:1280px;padding-inline:48px}.top{background:white;color:var(--ink);border-bottom:1px solid var(--stroke)}.nav{min-height:100px}.brandmark{border:0;background:var(--dark);color:white;width:46px;height:46px;border-radius:50%;letter-spacing:-.06em}.brand small{color:var(--muted);text-transform:none;letter-spacing:.03em;font-size:.72rem}.links{color:var(--ink);gap:24px}.links a{padding:12px 0}.links a:hover{color:#276b95}.btn{background:var(--dark);color:white;border-color:var(--dark);min-height:48px;white-space:normal}.btn:hover{background:#245273;transform:none}.hero{background:#edf3f7;color:var(--ink)}.hero-grid{grid-template-columns:1.22fr .78fr;gap:7%;padding-top:75px;padding-bottom:70px;min-height:680px}.hero h1{font-size:clamp(2.7rem,4.7vw,4.9rem);line-height:1.12;margin:0 0 28px;max-width:14ch}.hero-copy{color:var(--muted);font-size:1.1rem}.btn.outline{color:var(--ink);border-color:#8299ab}.btn.outline:hover{background:#dbe8f0}.hero-tags{margin-top:40px;gap:18px}.hero-tags span{color:var(--muted);border-color:#b8cbd9;min-width:0;font-size:.8rem}.hero-art{display:block;min-height:0}.portrait{width:100%;height:410px;object-fit:cover;object-position:center 30%;display:block;border-radius:100px 8px 8px 8px}.portrait-note{display:flex;justify-content:space-between;gap:20px;padding-top:19px;font-size:.85rem}.portrait-note span{color:var(--muted)}.section{padding:96px 0}.section-intro{gap:60px}.section-intro h2{font-size:clamp(2rem,3.5vw,3.1rem)}.service-grid{grid-template-columns:1fr 1fr;gap:0 64px}.service{border:0;border-top:1px solid var(--stroke);padding:30px 0;min-height:240px}.service h3{font-size:1.5rem}.service p,.service-list{color:var(--muted)}.service a{color:var(--dark);padding:12px 0;align-self:start}.process{background:#edf3f7}.step strong,.step p{color:var(--muted)}.step{border-color:#98b4c7}.automation{background:var(--dark)}.automation h2{max-width:24ch}.automation .btn{background:#bddbeb;color:#102d48;border-color:#bddbeb}.diagram{background:transparent;border:0;padding:0}.flowbox{background:#1a405f;border-color:#54738b;border-radius:8px}.flowbox span{background:#bddbeb}.flowbox small{color:#d3e4ef}.flow-arrow{color:#bddbeb}.project{background:white;border:0}.project-art{border-radius:12px;background:#d9e8f1!important;min-height:320px}.project-art.second{background:#d8e1e5!important}.mock-window{transform:none;width:90%;height:230px;border-radius:8px;box-shadow:0 16px 32px #102d4820}.mock-panel{background:#204763;height:170px;border-radius:3px}.mock-panel b{font-weight:500;letter-spacing:-.03em}.mock-panel div{background:#bddbeb}.project-body{padding:24px 0}.pill{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.8rem}.about{background:#edf3f7}.about-grid{grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.about h2{margin-bottom:28px}.about-card{background:transparent;border:0;padding:0}.about-photo{border-radius:8px}.about-caption span{color:var(--muted)}.about li{border-color:#c3d1dd}.contact-form{background:#edf3f7;border:0;border-radius:12px}.contact p,.contact-list li span,.form-note,.privacy{color:var(--muted)}label{font-size:.86rem}input,select,textarea{border-color:#839aaa;min-height:48px}.privacy input{min-height:22px;min-width:22px;accent-color:var(--dark)}.notice{background:#dcebdc;color:#244025}.footer-links a{padding:12px 0}footer .brand small,footer p{color:#c5d8e5}.skip{position:absolute;left:20px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:12px}:focus-visible{outline:3px solid #397ca6!important;outline-offset:4px}::selection{background:#bddbeb;color:#102d48}section{scroll-margin-top:24px}.mobile-menu{color:var(--ink);min-width:48px;min-height:48px;font-size:1rem}a{text-underline-offset:5px}
@media(max-width:1000px){.container{padding-inline:32px}.nav>.btn{display:none}.hero-grid{gap:32px}.hero h1{font-size:3.3rem}.portrait{height:370px}.about-grid{gap:40px}}
@media(max-width:700px){.container{padding-inline:22px}.nav{min-height:82px;gap:12px}.brand{font-size:.85rem}.brandmark{width:40px;height:40px}.mobile-menu{display:block}.nav>.links{display:none;position:absolute;top:81px;left:0;right:0;background:white;padding:20px 24px;flex-direction:column;gap:0;z-index:10;border-bottom:1px solid var(--stroke)}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(2.5rem,10vw,3.8rem);max-width:16ch}.hero-art{max-width:440px;width:100%}.portrait{height:340px;border-radius:64px 8px 8px 8px}.hero-tags{margin-top:30px}.hero-actions{gap:12px}.section{padding:64px 0}.section-intro{display:block;margin-bottom:28px}.section-intro p{margin-top:20px}.service-grid,.flowgrid,.project-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.service{min-height:0;padding:26px 0}.about-grid{gap:30px}.contact-grid{gap:30px}.contact-form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.project-art{min-height:270px}.footerline{align-items:flex-start}.about-card{max-width:320px}.flowgrid{gap:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Dark identity: carbon, graphite, platinum. */
:root{color-scheme:dark;--surface-base:#101113;--surface-raised:#191b1e;--surface-panel:#23262a;--text-primary:#f0f0ed;--text-secondary:#b9bec5;--line:#41464e;--control-line:#7d8792;--action:#d5e3ed;--action-text:#14191e;--dark:var(--surface-base);--dark2:var(--surface-raised);--ink:var(--text-primary);--light:var(--surface-raised);--paper:var(--surface-base);--muted:var(--text-secondary);--stroke:var(--line);--accent:var(--action)}
body,.top,.hero,.services,.portfolio,.contact,footer{background:var(--surface-base);color:var(--text-primary)}
.top{border-color:var(--line)}.hero{background:#15171a}.process,.about{background:var(--surface-raised)}.automation{background:#0c0d0f;color:var(--text-primary)}footer{border-top:1px solid var(--line)}
.brandmark{background:var(--action);color:var(--action-text)}.brand small,.links,.mobile-menu,.hero-copy,.hero-tags span,.portrait-note span,.service p,.service-list,.step strong,.step p,.automation .section-intro p,.automation-note,.flowbox small,.project-body p,.pill,.about-caption span,.contact p,.contact-list li span,.privacy,.form-note,footer .brand small,footer p{color:var(--text-secondary)}
.links a:hover,.service a:hover,footer a:hover{color:var(--text-primary);text-decoration:underline}.hero-tags span,.step,.about li,.contact-list li{border-color:var(--line)}
.btn,.btn.dark,.automation .btn{background:var(--action);color:var(--action-text);border-color:var(--action)}.btn:hover,.btn.dark:hover,.automation .btn:hover{background:#edf4f8;border-color:#edf4f8;color:var(--action-text)}.btn.outline{background:transparent;color:var(--text-primary);border-color:var(--control-line)}.btn.outline:hover{background:var(--surface-panel);border-color:var(--text-primary)}.service a,.contact-list li{color:var(--text-primary)}.service:hover{border-color:var(--control-line)}
.flowbox{background:var(--surface-raised);border-color:var(--line)}.flowbox span{background:var(--action);color:var(--action-text)}.flow-arrow{color:var(--text-secondary)}.project{background:transparent}.project-art.first,.project-art.second{background:var(--surface-panel)!important}.mock-window{background:#353a41;box-shadow:0 16px 32px #0005}.mock-bar i{background:#a7afb7}.mock-panel,.project-art.second .mock-panel{background:#15191e;color:var(--text-primary)}.mock-panel div,.project-art.second .mock-panel div{background:var(--action)}
.contact-form{background:var(--surface-panel)}input,select,textarea{background:#121416;color:var(--text-primary);border-color:var(--control-line);caret-color:var(--action)}input::placeholder,textarea::placeholder{color:#a9b0b9;opacity:1}input:hover,select:hover,textarea:hover{border-color:#bac6d1}.privacy input{accent-color:var(--action)}.notice{background:#23352c;color:#d7efdf}.skip{background:var(--action);color:var(--action-text)}:focus-visible{outline:3px solid #b8d5ec!important;outline-offset:4px}::selection{background:#c7dce9;color:#11151a}html{scrollbar-color:#646c76 #15171a}
@media(max-width:700px){.nav>.links{background:var(--surface-raised);border-color:var(--line)}}
/* Refined type hierarchy: soft headings, readable body, restrained metadata. */
:root{--text-primary:#d8d9d7;--text-body:#bfc3c8;--text-secondary:#a0a7b0;--ink:var(--text-primary);--muted:var(--text-secondary)}
body{color:var(--text-body)}h1,h2,h3,h4,.brand,.portrait-note strong,.about-caption strong,.flowbox b,.automation-note b,.contact-list li{color:var(--text-primary)}
h1,h2{font-weight:500}h3{font-weight:600}.hero h1{line-height:1.14}.about p,.service p,.service-list,.project-body p,.step p,.hero-copy,.contact p,.automation .section-intro p,.flowgrid>div>p{color:var(--text-body)!important}
.section-intro>p,.brand small,.hero-tags span,.portrait-note span,.step strong,.automation-note,.flowbox small,.pill,.about-caption span,.contact-list li span,.privacy,.form-note,footer p,footer .brand small{color:var(--text-secondary)}
.contact .form-note{color:var(--text-secondary)}.links,.footer-links,.service a,label{color:var(--text-body)}.service a:hover,.links a:hover,footer a:hover{color:var(--text-primary)}input,select,textarea{color:var(--text-body)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.mock-panel,.project-art.second .mock-panel{color:var(--text-primary)}
/* Reference-informed finish, retaining the existing composition. */
:root{--action:#284f79;--action-text:#e0e6ed}
.btn,.btn.dark,.automation .btn{background:var(--action);border-color:#5f83aa;color:var(--action-text)}.btn:hover,.btn.dark:hover,.automation .btn:hover{background:#345f8d;border-color:#8aaccd;color:#edf0f3}.btn.outline{background:transparent;border-color:var(--control-line);color:var(--text-body)}.btn.outline:hover{background:var(--surface-panel);color:var(--text-primary);border-color:#a0a7b0}
.brandmark{background:#202d3b;color:#bbcde0}.flowbox span{background:#273b50;color:#d3deea}.contact-form{background:#1c1f23;box-shadow:0 16px 48px #0002;outline:1px solid #353b43}.mock-panel div,.project-art.second .mock-panel div{background:#7799bb}.skip{background:#284f79;color:#e0e6ed}.privacy input{accent-color:#7799bb}
/* Brighter contemporary finish: ice-white type and expressive blue actions. */
:root{--text-primary:#edf2fa;--text-body:#c2cbd8;--text-secondary:#9caabd;--ink:var(--text-primary);--muted:var(--text-secondary);--action:#2460ce;--action-text:#f4f7ff}
h1,h2{font-weight:600;letter-spacing:-.035em}h3{font-weight:600}.hero h1{color:#eaf1ff;line-height:1.1}.hero h1 em{color:#7faaff;font-style:normal}.top{background:#101318;border-color:#2c3440}.hero{background:#131820}.process,.about{background:#181d25}.automation{background:#0e1219}.services,.portfolio,.contact,footer{background:#101419}.brandmark{background:#213c64;color:#dbe9ff}.brand small{color:#a9b9ce}
.btn,.btn.dark,.automation .btn{background:#2460ce;color:#f4f7ff;border-color:#6494ea;border-radius:10px;box-shadow:0 6px 18px #071b3b55;transition:background .18s,border-color .18s}.btn:hover,.btn.dark:hover,.automation .btn:hover{background:#3070e2;border-color:#a0bfff;color:white}.btn.outline{background:transparent;color:#d7e3f4;border-color:#64768d;box-shadow:none}.btn.outline:hover{background:#202c3d;border-color:#9baec8;color:#edf2fa}
.portrait{border-radius:24px;outline:1px solid #526077;box-shadow:0 22px 50px #050b1440}.portrait-note{padding-top:24px}.hero-tags span{border-color:#40536e}.service{border-color:#394759}.service:hover{border-color:#6c91c5}.service h3{color:#dfebff}.service a{color:#9fc3ff}.service a:hover{color:#d7e7ff}.step{border-color:#526b8d}.step strong{color:#9fb7da}.flowbox{background:#19222e;border-color:#3d506a;border-radius:12px}.flowbox span{background:#2d5590;color:#e6efff}.flow-arrow{color:#80a9e9}.project-art.first,.project-art.second{background:#1c2735!important}.mock-window{background:#344459;border-radius:10px;box-shadow:0 20px 40px #050a1255}.mock-panel,.project-art.second .mock-panel{background:#131d2b;color:#e4edfc}.mock-panel div,.project-art.second .mock-panel div{background:#689cf3}.pill{color:#9db9df}.about-photo{border-radius:16px}.contact-form{background:#1a222e;outline:1px solid #455872;box-shadow:0 20px 50px #050b1440;border-radius:16px}.contact-form h3{font-size:1.3rem}input,textarea,select{background:#111923;border-color:#697d98;border-radius:7px}input::placeholder,textarea::placeholder{color:#a6b4c7}.notice{background:#203d35;color:#d7eee6}footer{border-color:#344257}:focus-visible{outline-color:#94bbff!important}
@media(max-width:700px){.nav>.links{background:#181f2a}.portrait{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
/* Concept: precise connections and editorial scale. */
:root{--radius:12px}.brand{letter-spacing:.06em;font-weight:600}.brand small{letter-spacing:.14em;font-size:.65rem}.brandmark{border-radius:12px;background:#234f8d;font-size:1.5rem;font-weight:500;letter-spacing:-.05em}.top{background:#0e131b}.nav{min-height:94px}.hero-grid{grid-template-columns:1.04fr .96fr;gap:7%;padding-block:80px}.hero h1{font-size:clamp(3rem,4.9vw,5rem);letter-spacing:-.04em;max-width:15ch;line-height:1.07;font-weight:500}.hero-copy{font-size:1.05rem;max-width:49ch}.hero-tags{gap:18px}.hero-tags span{font-size:.75rem}.concept-system{border:1px solid #40536d;border-radius:22px;background:#182231;padding:28px;box-shadow:0 24px 60px #060b1645;align-self:center}.system-heading{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#c1cee0}.system-status{color:#9eb2cd}.system-core{padding:42px 0 36px;display:flex;align-items:center;gap:30px}.concept-emblem{font:500 7rem/.9 Montserrat,sans-serif;color:#e7effd;letter-spacing:-.09em}.concept-emblem span{color:#689cf3}.system-core p{font-size:1.15rem;line-height:1.5;color:#c6d5ea;margin:0}.system-route{list-style:none;padding:0;margin:0;display:grid;gap:0}.system-route li{position:relative;padding:18px 0 18px 28px;border-top:1px solid #3e5069}.system-route li:before{content:'';position:absolute;left:0;top:24px;width:7px;height:7px;border:2px solid #81aff1;border-radius:50%}.system-route span{display:block;font-size:.7rem;color:#9db8dc;margin-bottom:3px}.system-route strong{display:block;color:#e0e9f8;font-weight:500;font-size:1.05rem}.system-route small{color:#a7b6ca;font-size:.8rem}.system-foot{border-top:1px solid #3e5069;padding-top:19px;margin-top:8px;font-size:.77rem;color:#b7c6da}.service-grid{gap:0 64px}.service{background:transparent;padding-block:34px}.section-intro h2{font-weight:500}.contact-form h3{font-weight:500}.project-art{border-radius:18px}.about h2{font-weight:500}.about-photo{filter:saturate(.8)}
@media(max-width:1000px){.hero-grid{gap:32px}.concept-system{padding:22px}.system-core{gap:18px}.concept-emblem{font-size:5.5rem}.system-core p{font-size:1rem}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;padding-block:50px;gap:42px}.hero h1{font-size:clamp(2.7rem,10vw,4rem)}.concept-system{max-width:none;width:100%;border-radius:18px}.system-heading{font-size:.68rem;gap:12px}.system-core{padding-block:32px}.system-route li{padding-block:16px}.brand{font-size:1rem}.nav{min-height:82px}.brand small{font-size:.6rem}}
/* Concept's connected-operation composition. */
.hero-grid{grid-template-columns:1.08fr .92fr;gap:5%;padding-block:88px}.hero h1{font-size:clamp(3rem,5.7vw,5.6rem);font-weight:500;line-height:1.06;max-width:13ch}.hero-copy{margin-top:30px;max-width:45ch}.concept-system{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}.system-heading{border-bottom:1px solid #34445c;padding-bottom:18px;font-size:.75rem}.concept-orbit{position:relative;height:440px;isolation:isolate}.orbit-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:158px;height:158px;border-radius:50%;background:#234e86;border:1px solid #80a8df;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 22px 60px #02060d66;z-index:2}.orbit-center>span{font:500 4rem/1 Montserrat,sans-serif;color:#edf4ff;letter-spacing:-.07em}.orbit-center small{color:#c6d8ef;font-size:.72rem;text-align:center;margin-top:8px}.orbit-node{position:absolute;background:#1b2737;padding:18px 22px;border:1px solid #526987;border-radius:12px;z-index:3;min-width:160px}.orbit-node strong{display:block;font-weight:500;color:#e0ebfc;font-size:1rem}.orbit-node small{display:block;color:#afc0d8;font-size:.75rem;margin-top:4px}.node-site{left:0;top:48px}.node-data{right:0;top:100px}.node-team{left:50%;bottom:14px;transform:translateX(-50%)}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#5c86bf;stroke-width:1.5;z-index:1}.system-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.73rem}.system-foot a{color:#adcfff;text-decoration:underline;padding-block:8px}.services .section-intro{align-items:start}.service-grid{grid-template-columns:1.2fr 1fr;gap:22px}.service{padding:32px;border:1px solid #34475f;border-radius:16px;min-height:270px;background:#161f2b}.service:first-child{background:#1b2d44}.service:last-child{background:#18304b}.service h3{font-size:1.6rem;font-weight:500}.service p{max-width:40ch}.service a{padding-top:20px}.service-list{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.85rem}.service-list li{margin:0}.section-intro h2{font-size:clamp(2.1rem,3.8vw,3.5rem)}.project-body h3{font-weight:500}.project-art{min-height:330px}.mock-window{transform:perspective(900px) rotateY(-8deg) rotateX(4deg);width:88%}.project-art.second .mock-window{transform:perspective(900px) rotateY(8deg) rotateX(4deg)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:32px}.hero h1{font-size:3.5rem}.orbit-node{min-width:135px;padding:14px}.orbit-center{width:130px;height:130px}.service{padding:25px}.system-foot{display:block}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;padding-block:52px;gap:42px}.hero h1{font-size:clamp(2.9rem,12vw,4.4rem)}.concept-orbit{height:400px}.orbit-center{width:132px;height:132px;top:49%}.orbit-node{min-width:132px;padding:14px 16px}.node-site{top:30px}.node-data{top:112px}.node-team{bottom:4px}.system-heading{font-size:.68rem;gap:14px}.system-foot{display:flex;font-size:.7rem}.service-grid{grid-template-columns:1fr;gap:16px}.service{padding:27px 24px;min-height:0}.service h3{font-size:1.4rem}.project-art{min-height:270px}.mock-window,.project-art.second .mock-window{transform:none}}
@media(max-width:700px){.node-data{top:30px}.orbit-node{min-width:0;width:44%;padding:14px 12px}.node-team{width:180px}.orbit-center{top:52%}.hero h1{font-size:clamp(2.7rem,10.5vw,3.6rem)}}
/* Reference-led composition: direct offer, integrated form, neutral surfaces. */
:root{--text-primary:#e9edf4;--text-body:#bec3cd;--text-secondary:#a1a8b4;--surface-base:#131313;--surface-raised:#191919;--surface-panel:#202020;--stroke:#353535;--line:#353535}
body,.hero,.services,.portfolio,.contact,footer{background:#151515}.process,.about{background:#1b1b1b}.automation{background:#111}.top{background:#151515;border:0;padding:18px 28px 0}.nav{min-height:76px;max-width:1280px;background:#101010;border:1px solid #242424;border-radius:18px;padding-inline:28px}.brandmark{background:transparent;color:#76a8f7;border-radius:0;font-size:2rem}.brand{font-size:.95rem}.brand small{color:#9fa9b7}.links{font-size:.85rem;gap:26px}.nav>.btn{background:#202020;border:1px solid #404040;border-radius:30px;box-shadow:none;font-size:.8rem;min-height:42px;padding:10px 18px}
.hero-grid{grid-template-columns:1fr 1fr;gap:6%;padding-top:40px;padding-bottom:80px;align-items:center;min-height:0}.hero h1{font-size:clamp(2.7rem,4vw,3.8rem);font-weight:600;line-height:1.13;letter-spacing:-.035em;max-width:17ch;margin-bottom:26px}.hero h1 em{color:#79a9f7}.hero-copy{max-width:43ch;font-size:1.08rem;line-height:1.75;color:#b5bcc8!important}.hero-actions{margin-top:30px}.hero-tags{margin-top:44px}.hero-tags span{border-color:#3a3a3a;color:#a9b2bf}.hero-form{scroll-margin-top:24px}.contact-form{background:#1c1c1c;border:1px solid #343434;outline:0;box-shadow:0 18px 48px #0002;border-radius:18px;padding:32px}.contact-form h2{font-size:1.6rem;letter-spacing:-.025em;line-height:1.25;font-weight:600;margin:0 0 10px;max-width:none}.contact-form .form-intro{font-size:.87rem;color:#aeb6c2;margin-bottom:25px}.form-grid{gap:0 14px}.field{margin-bottom:16px}label{font-size:.76rem;font-weight:500;color:#bdc5d1}input,textarea,select{background:#1c1c1c;border-color:#60656e;border-radius:8px;padding:12px;min-height:46px;font-size:.88rem}textarea{min-height:85px}input::placeholder,textarea::placeholder{color:#a1a8b4}.privacy{font-size:.7rem;line-height:1.6;margin:2px 0 17px}.privacy input{min-width:18px;min-height:18px}.form-note{font-size:.68rem;line-height:1.6}.btn,.btn.dark,.automation .btn{background:#2868dd;border-color:#5487e4;border-radius:9px;box-shadow:none}.btn:hover,.btn.dark:hover,.automation .btn:hover{background:#3274e9}.btn.outline{background:transparent;border-color:#60656e;color:#d7dfec}.btn.outline:hover{background:#252525}.hero-actions .btn{font-size:.85rem}.service-grid{gap:0 56px;grid-template-columns:1fr 1fr}.service,.service:first-child,.service:last-child{background:transparent;border:0;border-top:1px solid #3a3a3a;border-radius:0;padding:28px 0;min-height:235px}.service h3{font-size:1.4rem}.service-list{display:block}.service a{color:#92b9fb}.flowbox{background:#1e1e1e;border-color:#454545}.flowbox span{background:#254a80}.step{border-color:#414c5b}.project-art.first,.project-art.second{background:#242424!important}.mock-window{background:#3a3d42;transform:none;box-shadow:0 18px 30px #0003}.project-art.second .mock-window{transform:none}.mock-panel,.project-art.second .mock-panel{background:#171c24}.contact-invite{padding:32px 0;border-top:1px solid #4a4a4a;align-self:center}.contact-invite h3{font-size:1.6rem;font-weight:500}.contact-invite p{margin-bottom:25px}footer{border-color:#333}.section{padding-block:88px}
@media(max-width:1000px){.nav{padding-inline:22px}.links{gap:16px}.hero-grid{gap:30px}.hero h1{font-size:2.8rem}.contact-form{padding:25px}.hero-actions{gap:10px}.hero-actions .btn{padding:13px}}
@media(max-width:700px){.top{padding:12px 14px 0}.nav{min-height:70px;padding-inline:16px}.nav>.links{top:82px;background:#191919;border-color:#3a3a3a}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:46px;padding-bottom:54px}.hero h1{font-size:clamp(2.4rem,9.6vw,3.5rem);max-width:17ch}.hero-copy{font-size:1rem}.hero-tags{margin-top:30px}.contact-form{padding:25px 20px}.contact-form h2{font-size:1.45rem}.form-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service{min-height:0}.section{padding-block:60px}.contact-invite{padding-top:24px}}

/* Updated Concept symbol and final conversion section. */
.brandmark{position:relative;display:block;flex:0 0 46px;width:46px;height:46px;overflow:hidden;background:transparent;border:0;border-radius:0}
.brandmark img{position:absolute;top:50%;left:50%;display:block;width:145%;height:145%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}
.hero-signature{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.hero-signature-frame{width:min(100%,460px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #293341;border-radius:50%;background:radial-gradient(circle,#192839 0%,#161a20 65%,#141414 100%)}
.hero-signature-frame img{display:block;width:144%;height:144%;max-width:none;object-fit:contain}
.hero-signature-caption{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:25px;color:#e4ecf8;font-family:Montserrat,sans-serif;letter-spacing:.23em;font-size:1.06rem;font-weight:600}
.hero-signature-caption small{color:#98a8be;letter-spacing:.3em;font-size:.68rem;font-weight:500}
#orcamento{scroll-margin-top:24px}
.contact-grid{align-items:start}
.contact .form-intro{color:#aeb6c2!important}
@media(max-width:700px){.brandmark{flex-basis:40px;width:40px;height:40px}.hero-signature-frame{width:min(100%,340px)}.hero-signature-caption{margin-top:18px}.contact-grid{gap:34px}}

/* Professional video service spans the final services row. */
.service-video{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;min-height:0}
.service-video h3{max-width:24ch;margin-bottom:0}
.service-video p{max-width:55ch}
.service-video a{display:inline-block;margin-top:8px}
@media(max-width:700px){.service-video{grid-template-columns:1fr;gap:14px}.service-video h3{margin-bottom:0}}

/* Conceitual video gallery – playable videos packaged locally. */
.video-showcase{background:#111217;border-top:1px solid #262b34;border-bottom:1px solid #262b34;scroll-margin-top:32px}
.video-eyebrow{display:inline-block;color:#78c6d4;font-size:.73rem;font-weight:700;letter-spacing:.16em;margin-bottom:18px}
.video-showcase .section-intro{align-items:start;margin-bottom:32px}
.video-showcase .section-intro h2{font-size:clamp(2rem,3.3vw,3.3rem)}
.video-showcase .muted{max-width:48ch;color:#b7c0cc}
.video-disclaimer{max-width:54ch;margin-top:15px;color:#8795a7;font-size:.78rem;line-height:1.6}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{overflow:hidden;border:1px solid #343b45;border-radius:17px;background:#1c2027}
.video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0d1622}
.video-card-info{padding:22px 22px 25px}.video-card-info span{color:#78c6d4;font-weight:700;letter-spacing:.12em;font-size:.66rem}.video-card-info h3{font-size:1.26rem;font-weight:600;line-height:1.25;margin:13px 0 9px;color:#ecf2fa}.video-card-info p{font-size:.86rem;color:#aab5c4;line-height:1.6;margin:0}
.video-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #343b45;margin-top:32px;padding-top:26px}.video-cta p{font-weight:600;font-size:1.12rem;margin:0;color:#e7edf7}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.video-grid{grid-template-columns:1fr}.video-cta{align-items:flex-start;flex-direction:column}.video-card-info{padding:18px}}

/* Hero without oversized decorative logo. */
.hero-grid{grid-template-columns:minmax(0,1fr);min-height:540px;align-items:center}
.hero-grid>div:first-child{max-width:900px}
.hero h1{max-width:19ch}
@media(max-width:700px){.hero-grid{min-height:0}}