/* VISNORA DIGITAL • Site institucional multipáginas v3
   Sem scripts, fontes externas, bibliotecas ou dependências.
   Identidade provisória alinhada ao kit existente: azul #0F2742, turquesa #00DECA. */
:root{color-scheme:light;--navy:#0f2742;--deep:#091d32;--aqua:#00deca;--aqua-dark:#007f82;--ink:#153149;--muted:#5c7081;--paper:#f8fbfe;--white:#fff;--border:#dbe7ed;--bluegray:#edf5f8;--max:1190px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 'Segoe UI',system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid var(--aqua-dark);outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Segoe UI',system-ui,sans-serif;line-height:1.12;letter-spacing:-.055em}
h1{font-weight:750;font-size:clamp(3.4rem,5.8vw,6.4rem)}
h2{font-weight:720;font-size:clamp(2.55rem,4.1vw,4.6rem)}
h3{font-size:1.45rem}
h1 em,h2 em{font-style:normal;color:var(--aqua-dark)}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:10px;z-index:100;padding:12px 16px;color:white;background:#07283f}.skip-link:focus{top:10px}
.preview-strip{background:#091d32;color:#e2f1f5;padding:7px clamp(20px,5vw,70px);font-size:.67rem;display:flex;justify-content:space-between;align-items:center;gap:15px;letter-spacing:.055em}
.preview-strip span:first-child{color:var(--aqua);font-weight:800}
.site-header{background:#fff;position:relative;z-index:10;border-bottom:1px solid var(--border)}
.navigation{min-height:86px;display:flex;align-items:center;gap:25px}
.brand{font-size:1.5rem;font-weight:850;letter-spacing:-.075em;line-height:1;display:inline-flex;gap:12px;align-items:center;white-space:nowrap}
.brand-dot{color:var(--aqua-dark)}
.brand-symbol{height:42px;width:43px;border-radius:10px;background:var(--navy);display:grid;place-items:center;flex:none}
.brand-symbol img{width:35px;height:32px;object-fit:contain}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:29px;font-weight:650;font-size:.86rem}
.nav-links a{padding:10px 0;position:relative;white-space:nowrap}
.nav-links a:after{content:"";width:0;height:2px;background:var(--aqua-dark);position:absolute;bottom:4px;left:0;transition:width .2s}
.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{width:100%}
.nav-links a[aria-current="page"]{color:#006f7b}
.nav-talk{display:inline-flex;align-items:center;gap:23px;border:1px solid var(--navy);border-radius:100px;padding:11px 18px;font-size:.8rem;font-weight:750;margin-left:17px}
.nav-talk:hover{background:var(--navy);color:white}
.mobile-menu{display:none}
.eyebrow,.kicker,.small-label{font-size:.72rem;letter-spacing:.135em;font-weight:820;text-transform:uppercase;line-height:1.5}
.eyebrow{margin-bottom:22px}
.eyebrow-line{width:25px;height:1px;background:currentColor;display:inline-block;vertical-align:middle;margin-right:10px}
.lead{font-size:1.11rem;color:var(--muted);line-height:1.85;max-width:555px}
.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button-primary,.button-outline{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:53px;padding:14px 20px;border-radius:100px;font-size:.85rem;font-weight:770;background:var(--navy);color:white;transition:background .2s,transform .2s}
.button-primary:hover,.button-outline:hover{background:#254b65;transform:translateY(-2px)}
.button-outline{background:transparent;border:1px solid var(--navy);color:var(--navy)}
.button-outline:hover{background:var(--navy);color:white}
.button-primary.light{background:var(--aqua);color:#0a2737}
.button-primary.light:hover{background:#64f5e8}
.text-arrow,.arrow-link{font-size:.87rem;font-weight:750;display:inline-flex;align-items:center;gap:17px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.text-arrow:hover,.arrow-link:hover{color:var(--aqua-dark)}
.section{padding:100px 0}
.home-hero{overflow:hidden;background:linear-gradient(120deg,#f8fbfe,#edf6fa)}
.home-grid{min-height:660px;display:grid;grid-template-columns:55% 45%;gap:0;align-items:center}
.home-copy{padding:72px 5% 68px 0;position:relative;z-index:3}
.home-copy h1{margin-bottom:27px;max-width:675px;letter-spacing:-.066em}
.home-copy h1 em{color:#007f84}
.home-copy .lead{margin-bottom:30px}
.hero-detail{margin-top:45px;display:flex;gap:14px;align-items:center;color:#637c8d;font-size:.76rem;line-height:1.5}
.detail-square{width:29px;height:29px;background:var(--aqua);flex:none;border-radius:5px;position:relative}.detail-square:after{content:"";position:absolute;width:9px;height:13px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(35deg);left:10px;top:5px}
.home-illustration{min-height:570px;position:relative;overflow:hidden}
.illustration-frame{height:520px;position:relative;isolation:isolate}
.hero-orbit{position:absolute;width:450px;height:450px;border-radius:50%;background:#d6f3f4;z-index:-1;top:6%;left:15%}
.hero-orbit:after{content:"";position:absolute;inset:50px;border-radius:50%;border:1px solid #aadfdf}
.mini-window{position:absolute;overflow:hidden;border:5px solid var(--white);border-radius:11px;box-shadow:0 15px 42px #0f274226}
.mini-window-one{width:72%;height:280px;left:17%;top:3%;background:#efddc0;transform:rotate(-8deg);z-index:2}
.mini-window-two{width:63%;height:250px;right:-5%;top:34%;background:#24362e;color:#f6efe2;transform:rotate(8deg);z-index:3}
.mini-window-three{width:55%;height:210px;left:4%;bottom:0;background:#dce8dc;color:#345446;transform:rotate(-5deg);z-index:4}
.mock-top{height:25px;border-bottom:1px solid #0000001c;display:flex;align-items:center;gap:4px;padding:7px 10px;color:inherit}
.mock-top i{width:6px;height:6px;border-radius:50%;background:#8b9992}
.mock-top span{margin-left:auto;font:800 .52rem 'Segoe UI',sans-serif;letter-spacing:.1em}
.mini-type{padding:26px 24px}
.mini-type small{font-size:.6rem;font-weight:800;letter-spacing:.16em;display:block;margin-bottom:18px}
.mini-type strong{font-family:Georgia,serif;font-size:clamp(1.8rem,2.8vw,3.2rem);line-height:1.07;letter-spacing:-.07em;display:block}
.mini-type em{font-style:italic;color:#9f5c41}
.mini-type.industrial strong{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:.04em}
.mini-type.industrial{padding:25px 26px}.mini-type.industrial small{color:#b3c5bb}.mini-type.industrial strong{color:#eeb484}
.mini-type.soft strong{font-size:clamp(1.35rem,2.1vw,2.8rem)}.mini-type.soft em{color:#9a8197}
.visual-caption{position:absolute;bottom:12px;left:22%;font-size:.65rem;letter-spacing:.12em;font-weight:800;color:#547485}
.home-bridge{background:var(--deep);color:white}
.bridge-inner{display:grid;grid-template-columns:170px 1fr 52px;gap:35px;align-items:center;min-height:200px}
.bridge-inner>span{font-size:.7rem;font-weight:750;letter-spacing:.1em;color:var(--aqua)}
.bridge-inner h2{font-size:clamp(1.5rem,2.3vw,2.75rem);margin:0;font-weight:630;line-height:1.35}
.bridge-inner h2 em{color:var(--aqua)}
.bridge-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #9ac7c3;display:grid;place-items:center;font-size:1.5rem}
.bridge-arrow:hover{background:var(--aqua);color:var(--deep)}
.head-row{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:50px}
.head-row h2{margin:0}
.head-row>p{max-width:350px;color:var(--muted);line-height:1.8;margin:0 0 8px}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.service-tile{display:flex;flex-direction:column;min-height:340px;padding:29px;background:white;border:1px solid var(--border);border-radius:14px;transition:transform .2s,box-shadow .2s}
.service-tile:hover{transform:translateY(-5px);box-shadow:0 14px 35px #24415315}
.service-tile.accent{background:#d8f7f4}
.tile-head{display:flex;justify-content:space-between;align-items:center;font-size:.69rem;color:#587281;font-weight:800;letter-spacing:.1em}
.tile-head>span+span{font-size:1.4rem;color:var(--navy)}
.service-tile h3{font-size:1.7rem;margin:60px 0 12px}
.service-tile p{color:#547082;max-width:280px;font-size:.92rem;line-height:1.75}
.tile-bottom{margin-top:auto;border-top:1px solid #cadae0;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:.77rem;font-weight:750}
.section-more{display:inline-flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--navy);font-size:.87rem;font-weight:740;margin-top:35px;padding-bottom:8px}
.home-work{background:#eaf2f7;padding:96px 0}
.home-work-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:11%;align-items:center}
.home-work h2{margin:0 0 25px}.home-work h2 em{color:#007f84}
.home-work-grid>div>p:not(.eyebrow){color:#5a7586;font-size:1.01rem;line-height:1.8;max-width:480px}
.home-work .button-outline{margin-top:25px}
.feature-case{display:block;border-radius:12px;overflow:hidden;background:white;border:1px solid #ccdde6;box-shadow:0 17px 37px #09365417}
.feature-case-art{background:#233b30;color:#f6f5ea;height:375px;padding:27px;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:22px 22px}
.feature-case-art>.kicker{font-size:.61rem;letter-spacing:.1em;color:#e8c3a7;position:relative;z-index:3}
.feature-case-art>strong{position:absolute;top:27%;left:9%;font:800 clamp(2.7rem,5vw,5.6rem)/.96 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;z-index:2}
.feature-case-art>strong em{font-style:normal;color:#deb692}
.feature-schematic{position:absolute;right:2%;bottom:18%;height:145px;width:42%;border:8px solid #c09a71;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px;transform:skewY(-8deg);padding:4px;box-shadow:15px 12px #121f1888}
.feature-schematic i{background:#c8a47b}.feature-schematic i:nth-child(2),.feature-schematic i:nth-child(5){background:#584b39}
.feature-case-art>span:last-child{position:absolute;bottom:19px;left:27px;font-size:.62rem;letter-spacing:.1em;font-weight:750;color:#e8c3a7}
.feature-case-caption{padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.84rem}
.feature-case-caption>span{font-weight:700;color:#007f84}
.end-cta{background:#0e2a43;color:white;padding:100px 0}
.end-cta-inner{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:end}
.end-cta h2{margin:0}.end-cta h2 em{color:var(--aqua)}
.end-cta-inner>div:last-child>p{color:#c7dce9;font-size:1rem;line-height:1.8}
.end-cta-inner .button-primary{margin-top:14px}
.page-hero{background:#ebf5f8;padding:100px 0 105px}
.page-hero.navy{background:#10283e;color:white}
.page-hero-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.page-hero h1{margin:0;max-width:780px}
.page-hero.navy h1 em{color:var(--aqua)}
.page-hero .eyebrow{color:var(--aqua-dark)}
.page-hero.navy .eyebrow{color:var(--aqua)}
.page-hero-aside{border-top:1px solid #5b8590;padding-top:18px}
.big-figure{font-size:clamp(5rem,9vw,10rem);font-weight:850;line-height:1;letter-spacing:-.09em}
.fig-dot{color:var(--aqua)}
.page-hero-aside p{max-width:420px;color:#ccdee7;font-size:1.02rem;line-height:1.75;margin:15px 0}
.big-service-list{border-top:2px solid var(--navy)}
.big-service-list>a{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:30px;padding:40px 8px 44px;border-bottom:1px solid #aebec9;transition:padding .2s,background .2s}
.big-service-list>a:hover{padding-left:18px;background:#eff7f8}
.service-list-no{font:800 1.9rem 'Segoe UI',sans-serif;color:#007e85;letter-spacing:-.05em}
.big-service-list h3{font-size:clamp(1.9rem,3vw,3.4rem);margin:0 0 13px}
.big-service-list p{margin:0 0 8px;font-size:.97rem;color:#465f70}
.big-service-list div>span{font-size:.82rem;color:#698296}
.service-list-arrow{justify-self:end;font-size:1.7rem}
.process-panel{background:#e8f0f3}
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%}
.process-panel h2{margin-bottom:23px}.process-layout>div>p:not(.eyebrow){color:#617786;font-size:.98rem}
.process-layout ol{list-style:none;margin:0;padding:0;border-top:1px solid #9eb8bf}
.process-layout li{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #9eb8bf}
.process-layout li>span{font-size:.8rem;font-weight:800;color:#007f84}
.process-layout h3{font-size:1.28rem;margin-bottom:10px}
.process-layout li p{margin:0;color:#607788;font-size:.91rem}
.slim-cta{background:white}
.slim-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}
.slim-cta h2{margin-bottom:18px;font-size:clamp(2rem,3.3vw,3.4rem)}
.slim-cta p{color:var(--muted);margin:0}
.portfolio-top{background:#0e2943;color:white}
.portfolio-top-inner h1{max-width:1000px;margin-bottom:25px}
.portfolio-top-inner h1 em{color:var(--aqua)}
.portfolio-top-inner>p:last-child{color:#d0e1ec;max-width:690px;font-size:1.03rem}
.portfolio-directory{padding:100px 0;background:var(--paper)}
.project-row{display:grid;grid-template-columns:55% 45%;min-height:440px;overflow:hidden;border:1px solid #d9e5eb;border-radius:13px;background:white;margin-bottom:30px}
.project-row:nth-of-type(2){grid-template-columns:45% 55%}
.project-row:nth-of-type(2) .project-art{order:2}
.project-art{position:relative;overflow:hidden;min-height:420px}
.project-art-tag{position:absolute;bottom:21px;left:25px;right:20px;font-size:.65rem;font-weight:800;letter-spacing:.12em;z-index:3}
.project-text{padding:48px 48px 43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.project-text .kicker{color:#007c8a}
.project-text h3{font-size:clamp(2rem,3.3vw,3.8rem);margin:20px 0 21px}
.project-text p{color:#5c7181;max-width:430px;line-height:1.85}
.project-meta{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 24px}
.project-meta span{border:1px solid #c3d6df;border-radius:30px;font-size:.67rem;padding:6px 10px;font-weight:720}
.project-text .arrow-link{margin-top:17px}
.project-row.cafe .project-art{background:#f0dbc0;color:#5d3c2c}
.cafe-art-name{position:absolute;top:20%;left:9%;font:500 clamp(3rem,5.4vw,6rem)/.88 Georgia,serif;letter-spacing:-.09em;z-index:2}
.cafe-art-name i{color:#a65f44}
.cafe-art-cup{position:absolute;right:-13%;bottom:-32%;width:320px;height:320px;background:#c99d78;border-radius:50%;box-shadow:inset 0 0 0 28px #f8e4cb,inset 0 0 0 88px #7e4934;transform:rotate(14deg)}
.cafe-art-cup i{position:absolute;inset:125px;border-radius:50%;background:#633722}
.project-row.maker .project-art{background:#24332d;color:#fff;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:28px 28px}
.maker-art-eyebrow{position:absolute;top:27px;left:27px;color:#bfb5a6;font-size:.67rem;letter-spacing:.11em;font-weight:720}
.maker-art-name{position:absolute;top:28%;left:8%;z-index:2;font:900 clamp(2.65rem,5vw,6rem)/.92 Impact,'Arial Narrow',sans-serif;letter-spacing:-.03em}
.maker-art-name i{color:#d1a57e;font-style:normal}
.maker-art-grid{position:absolute;right:5%;bottom:16%;width:38%;height:145px;border:9px solid #bc9470;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;padding:5px;transform:skewY(-9deg);background:#463a2f;box-shadow:20px 20px #111e15ad}
.maker-art-grid i{background:#dfb992}
.maker-art-grid i:nth-child(2),.maker-art-grid i:nth-child(6){background:#574638}
.project-row.clara .project-art{background:#d6e3d8;color:#344d43}
.clara-art-name{position:absolute;top:15%;left:8%;font:400 clamp(2.5rem,4.6vw,5.2rem)/1 Georgia,serif;letter-spacing:-.08em}
.clara-art-name i{color:#997e9b}
.clara-art-options{position:absolute;left:10%;right:10%;bottom:15%;display:flex;flex-direction:column;gap:9px}
.clara-art-options span{padding:10px 17px;border:1px solid #adbfaf;background:#f3f8f0;border-radius:8px;font-size:.7rem;font-weight:750}
.clara-art-options span:first-child{background:#e4f1df;border-color:#64846d}
.portfolio-footnote{color:#697f8c;font-size:.77rem;margin:0;line-height:1.7}
.portfolio-lesson{background:#e7f1f4}
.portfolio-lesson h2{margin:0}
.portfolio-lesson .two-col>div:last-child p{color:#526d7d;font-size:1.02rem;line-height:1.8}
.portfolio-lesson .text-arrow{margin-top:20px}
.about-hero{background:#c9f5ed;padding:140px 0 130px}
.about-hero h1{max-width:850px}
.about-hero h1 em{color:#006979}
.about-hero>div>p:last-child{max-width:600px;font-size:1.13rem;color:#476b75;line-height:1.85}
.about-note-grid{display:grid;grid-template-columns:30% 1fr;gap:12%}
.about-note h2{margin:0 0 27px}
.about-note h2 em{color:#00828b}
.about-note-grid>div:last-child>p{font-size:1.02rem;line-height:1.9;color:#597589}
.about-graphic{display:grid;position:relative;width:240px;height:240px;margin:40px auto;border-radius:50%;background:#d5eaf0}
.about-graphic i{position:absolute;width:100px;height:100px;border:28px solid #0f2742;border-radius:50%;left:42px;top:55px}
.about-graphic i:nth-child(2){left:108px;top:81px;border-color:#00bdb3;width:88px;height:88px}
.about-graphic i:nth-child(3){left:65px;top:136px;border-color:#79d9d2;width:60px;height:60px;border-width:20px}
.value-section{background:#102b44;color:white}
.value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}
.value-list article{border-top:1px solid #7593a0;padding-top:30px}
.value-list article>span{font-size:.72rem;font-weight:800;color:var(--aqua)}
.value-list h3{font-size:1.55rem;margin:37px 0 13px}
.value-list p{color:#d5e6e9;font-size:.89rem}
.short-next{background:#fff}.short-next h2{margin:0 0 30px}
.contact-hero{background:#e1f5f5}
.contact-hero h1 em{color:#007d88}
.contact-intro{border-top:1px solid #9fbfc5;padding-top:25px}
.contact-intro p{font-size:1.12rem;line-height:1.8;color:#526f7d}
.contact-flag{display:inline-flex;background:var(--navy);color:#f4fffc;padding:10px 14px;border-radius:7px;font-size:.72rem;letter-spacing:.07em;font-weight:750}
.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}
.briefing-grid>div:first-child>p:not(.eyebrow){color:#597587}
.briefing-items{border-top:1px solid #9bb1bc}
.briefing-items article{padding:24px 0;border-bottom:1px solid #c4d6dc}
.briefing-items article>span{font-size:.69rem;letter-spacing:.13em;font-weight:780;color:#00828a}
.briefing-items h3{font-size:1.5rem;margin:11px 0}
.briefing-items p{color:#5e7889;font-size:.93rem;margin:0}
.contact-status{background:#0b2941;color:#fff;padding:94px 0}
.contact-status-grid{display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center}
.contact-status h2{margin:14px 0 24px}
.contact-status h2 em{color:var(--aqua)}
.contact-status p{color:#c1d9e2;line-height:1.85}
.contact-check{background:#153b55;border:1px solid #35627a;border-radius:13px;padding:36px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start}
.contact-check>span{font-size:2rem;color:var(--aqua);margin-bottom:auto}
.contact-check h3{font-size:1.75rem;margin:12px 0 25px}
.contact-check .text-arrow{margin-top:24px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font-size:.79rem;color:#718799;padding:20px 0}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px;color:#476b7a}
.breadcrumbs span[aria-current="page"]{font-weight:780;color:var(--navy)}
.detail-hero{padding:80px 0 100px;background:#e9f4f8}
.detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:12%}
.detail-hero h1{margin:20px 0 25px}
.detail-hero .button-primary{margin-top:18px}
.service-illustration{min-height:385px;display:grid;place-items:center;background:#d4eef1;border-radius:20px;position:relative}
.service-illustration:after{content:"";position:absolute;width:70%;height:70%;border:1px solid #a3d0d3;border-radius:50%}
.service-landing{background:#c2f0e9}
.service-institucional{background:#d2dbe9}
.service-browser{width:75%;min-height:235px;background:#fff;border-radius:12px;border:7px solid #fff;box-shadow:0 21px 42px #0e3c5528;transform:rotate(-5deg);overflow:hidden;position:relative;z-index:2}
.service-landing .service-browser{transform:rotate(5deg)}
.service-browser-top{height:22px;background:#e7f1f4;border-bottom:1px solid #bed5df;padding:7px;display:flex;gap:4px;align-items:center}
.service-browser-top i{height:5px;width:5px;border-radius:50%;background:#a5c1cd}
.service-browser-inner{padding:30px 27px;display:flex;flex-direction:column;gap:14px}
.service-browser-inner strong{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.06;letter-spacing:-.065em}
.service-browser-inner>span{font-size:.8rem;color:#718c98}
.service-browser-inner>b{display:block;width:100px;height:17px;background:var(--aqua);border-radius:30px;margin-top:10px}
.fake-nav{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dbe7ed;padding-bottom:14px;font-size:.54rem;color:#637987;font-weight:800}
.service-detail-content{background:white}
.detail-content-grid{display:grid;grid-template-columns:.95fr 1fr;gap:15%}
.detail-content-grid h2{margin:0}
.detail-content-grid>div:last-child{border-top:2px solid var(--navy);padding-top:25px}
.detail-content-grid>div:last-child p{color:#657d8c;font-size:1rem;line-height:1.85}
.detail-content-grid>div:last-child .large-paragraph{color:var(--navy);font-size:1.35rem;line-height:1.65}
.scope-section{background:#e6f1f5}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.scope-grid h2{margin:17px 0 25px}
.scope-grid>div:first-child>p{color:#627c8b}
.scope-grid>div:last-child{background:#fff;border:1px solid #d9e8ec;border-radius:13px;padding:32px}
.scope-grid h3{font-size:1.2rem}
.check-list,.minus-list{list-style:none;padding:0;margin:18px 0 30px}
.check-list li,.minus-list li{padding:10px 0 10px 30px;position:relative;border-top:1px solid #eef2f4;font-size:.89rem;color:#536d7f}
.check-list li:before{content:"✓";font-weight:850;color:#008e8a;position:absolute;left:5px}
.minus-list li:before{content:"—";color:#8b6672;position:absolute;left:5px;font-weight:900}
.demo-banner{background:#102a41;color:#fff;padding:88px 0}
.demo-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:65px}
.demo-banner h2{margin:0 0 20px}
.demo-banner h2 em{color:var(--aqua)}
.demo-banner p:last-child{color:#c2d6df;font-size:.91rem;max-width:500px;margin:0}
.service-pagination{padding:28px 0 43px;display:flex;justify-content:space-between;gap:22px;font-size:.85rem;font-weight:750}
.service-pagination a{text-decoration:underline;text-underline-offset:4px}
.footer{background:#091d32;color:white;padding:55px 0 27px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:46px}
.footer .brand-symbol{background:#164665}
.footer .brand-dot{color:var(--aqua)}
.footer-top p{margin:0;color:#bed3e1;font-size:.86rem}
.footer-top-link{font-size:.9rem;font-weight:780;border-bottom:1px solid #c1d7df;padding-bottom:8px;white-space:nowrap}
.footer-bottom{border-top:1px solid #385467;padding-top:20px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;color:#a9c0d0;font-size:.71rem}
@media(max-width:1080px){.nav-links{gap:17px}.nav-talk{margin-left:0}.home-grid{grid-template-columns:52% 48%}.home-copy h1{font-size:clamp(3.2rem,5.5vw,5rem)}.home-illustration{min-height:510px}.illustration-frame{transform:scale(.85);transform-origin:top left;width:117%}.project-text{padding:35px}.head-row{gap:25px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.navigation{min-height:72px}.nav-links,.nav-talk{display:none}.mobile-menu{display:block;margin-left:auto;position:relative;z-index:20}.mobile-menu summary{cursor:pointer;border:1px solid var(--navy);border-radius:50px;padding:8px 14px;font-size:.85rem;font-weight:750;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{margin-left:7px}.mobile-menu nav{display:flex;flex-direction:column;position:absolute;right:0;top:49px;min-width:225px;background:white;border:1px solid var(--border);padding:12px;border-radius:12px;box-shadow:0 15px 40px #173e5526}.mobile-menu nav a{padding:10px 11px;font-weight:700;font-size:.88rem}.mobile-menu nav a[aria-current="page"]{background:#d6f5f2;color:#006973;border-radius:6px}.home-grid{display:flex;flex-direction:column;align-items:stretch}.home-copy{padding:85px 0 25px}.home-copy h1{font-size:clamp(3.5rem,9.5vw,5.5rem)}.home-illustration{min-height:520px;max-width:650px;width:100%;margin:auto}.illustration-frame{transform:none;width:auto}.bridge-inner{grid-template-columns:1fr auto;gap:14px;padding:35px 0}.bridge-inner>span{grid-column:1 / -1}.bridge-inner h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}.head-row{display:block}.head-row>p{margin-top:25px;max-width:650px}.tile-grid{grid-template-columns:1fr}.service-tile{min-height:225px}.service-tile h3{margin-top:25px}.home-work-grid,.end-cta-inner,.page-hero-grid,.two-col,.process-layout,.about-note-grid,.briefing-grid,.contact-status-grid,.detail-hero-grid,.detail-content-grid,.scope-grid{grid-template-columns:1fr;gap:40px}.page-hero{padding:72px 0}.page-hero h1{font-size:clamp(3.4rem,8vw,5rem)}.big-service-list>a{grid-template-columns:55px 1fr 32px;gap:16px}.project-row,.project-row:nth-of-type(2){grid-template-columns:1fr}.project-row:nth-of-type(2) .project-art{order:0}.project-art{min-height:355px}.project-row .project-text{padding:30px}.value-list{grid-template-columns:1fr 1fr}.about-hero{padding:80px 0}.about-graphic{margin:0}.contact-status-grid{gap:25px}.demo-banner-inner{display:block}.demo-banner .button-primary{margin-top:30px}.scope-grid>div:last-child{padding:28px}.footer-top{flex-wrap:wrap}.section{padding:77px 0}.portfolio-directory{padding:65px 0}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.preview-strip{font-size:.58rem}.preview-strip span:nth-child(2){display:none}h1{font-size:clamp(2.85rem,12vw,4rem)}h2{font-size:clamp(2.35rem,9vw,3.25rem)}.home-copy{padding:68px 0 30px}.home-copy h1{font-size:clamp(2.9rem,12vw,4.3rem)}.home-copy .lead{font-size:1rem}.actions{gap:20px}.button-primary{gap:14px}.home-illustration{min-height:350px}.illustration-frame{height:360px}.hero-orbit{width:280px;height:280px}.mini-window-one{height:170px;width:75%}.mini-window-two{height:156px;width:65%}.mini-window-three{height:136px;width:63%;left:0;bottom:5px}.mini-type{padding:14px}.mini-type strong{font-size:clamp(1.25rem,5vw,2rem)}.mini-type.industrial{padding:13px}.mini-type.soft strong{font-size:1.35rem}.mini-type small{font-size:.42rem;margin-bottom:6px}.visual-caption{font-size:.48rem;left:12%;bottom:0}.bridge-inner{grid-template-columns:1fr}.bridge-arrow{display:none}.bridge-inner h2{font-size:1.35rem}.head-row h2{font-size:2.5rem}.home-work{padding:75px 0}.feature-case-art{height:315px}.feature-case-art>strong{font-size:3rem}.feature-schematic{height:105px}.end-cta{padding:75px 0}.end-cta h2{font-size:2.8rem}.page-hero{padding:64px 0}.page-hero h1{font-size:3.2rem}.big-figure{font-size:5rem}.big-service-list>a{grid-template-columns:36px 1fr 19px;gap:11px;padding:27px 0}.service-list-no{font-size:1.3rem}.big-service-list h3{font-size:1.8rem}.big-service-list p{font-size:.85rem}.service-list-arrow{font-size:1.15rem}.project-art{min-height:275px}.cafe-art-name{font-size:2.9rem}.cafe-art-cup{width:210px;height:210px}.cafe-art-cup i{inset:75px}.maker-art-name{font-size:2.6rem}.maker-art-grid{height:110px}.clara-art-name{font-size:2.7rem}.project-text h3{font-size:2.5rem}.project-row .project-text{padding:24px}.portfolio-top-inner h1{font-size:3.05rem}.value-list{grid-template-columns:1fr}.value-list h3{margin-top:15px}.about-note h2{font-size:2.65rem}.contact-check{padding:25px}.service-illustration{min-height:300px}.service-browser{min-height:200px}.detail-hero{padding:45px 0 70px}.detail-hero h1{font-size:2.9rem}.scope-grid>div:last-child{padding:22px}.demo-banner{padding:70px 0}.footer-top{flex-direction:column;align-items:start;gap:18px}.footer-bottom{display:block}.footer-bottom>*{display:block;margin:8px 0}.service-pagination{font-size:.78rem}.service-pagination a:last-child{text-align:right}}
/* Keep long headings and decorative mockups inside narrow mobile columns. */
@media(max-width:540px){
  .navigation{gap:8px}
  .brand{font-size:1.22rem;gap:8px;min-width:0}
  .brand-symbol{width:36px;height:36px}
  .brand-symbol img{width:30px;height:28px}
  .mobile-menu summary{padding:7px 10px}
  .home-grid,.home-copy,.page-hero-grid>*,.two-col>*,.detail-hero-grid>*,.detail-content-grid>*,.scope-grid>*,.briefing-grid>*,.contact-status-grid>*,.home-work-grid>*,.end-cta-inner>*{min-width:0}
  .home-copy h1,.page-hero h1,.portfolio-top-inner h1,.detail-hero h1{overflow-wrap:break-word}
  .button-primary,.button-outline,.text-arrow,.arrow-link{max-width:100%;overflow-wrap:anywhere}
  .button-primary,.button-outline{gap:12px}
  .big-service-list>a{min-width:0;grid-template-columns:30px minmax(0,1fr) 18px;gap:9px}
  .big-service-list h3{overflow-wrap:break-word}
  .big-service-list div{min-width:0}
  .feature-case-caption{flex-wrap:wrap}
  .feature-schematic{right:4%;width:34%}
  .mini-window-two{right:0}
  .project-row.clara .project-art{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:400px;padding:40px 8% 32px}
  .project-row.clara .clara-art-name{position:static;display:block;font-size:clamp(2.7rem,12vw,3.2rem);line-height:1.05}
  .project-row.clara .clara-art-options{position:static;display:flex;flex-direction:column;gap:9px;margin-top:auto}
  .project-row.clara .clara-art-options span{font-size:.88rem;line-height:1.3;padding:12px 17px}
  .project-row.clara .project-art-tag{position:static;font-size:.7rem;line-height:1.4}
}
@media(max-width:360px){
  .container{width:calc(100% - 28px)}
  .brand{font-size:1.08rem}
  .mobile-menu nav{min-width:min(225px,calc(100vw - 28px))}
  .mini-type{padding:10px}
  .mini-type.industrial{padding:10px}
  .service-browser{width:88%}
  .fake-nav{font-size:.47rem;gap:3px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}