:root{--ink:#262626;--muted:#696969;--accent:#76a5b5;--border:rgba(255,255,255,.95);--shadow:0 1px 1px #0002,0 3px 3px -2px #0002,0 10px 10px -4px #0001}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fafafa;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}body:before{content:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{color:#555;margin:0 0 22px}h1,h2,h3{margin:0;font-weight:400}h1{font-family:Poppins,Arial,sans-serif;font-size:60px;line-height:1.3;letter-spacing:-3px}h1 em{font-style:normal;color:var(--accent)}h2{font-family:Poppins,Arial,sans-serif;font-size:48px;line-height:1.2;letter-spacing:-2px}h3{font-family:Poppins,Arial,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.7px}.container{max-width:1200px;margin:auto}header{position:sticky;top:0;z-index:20;background:#f5f5f533;backdrop-filter:blur(12px);border-bottom:1px solid white;box-shadow:var(--shadow)}header nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center}.logo img{width:180px;height:55px;object-fit:contain}.links{display:flex;gap:40px;font-size:14px}.links a:hover,footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 25px;min-height:46px;border-radius:999px;background:linear-gradient(#666 0%,#171717 22%,#000 55%);color:white;border:1px solid #171717;box-shadow:inset 0 1px 2px #fff7,0 3px 5px #0005,0 12px 16px -4px #0005;font-size:14px;transition:transform .25s ease,box-shadow .25s ease}.button span{border:1px solid #ffffff38;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 2px #fff7,0 4px 6px #0004,0 16px 20px -4px #0004}.button.secondary{color:#262626;background:#ffffff80;border-color:white;box-shadow:var(--shadow)}.secondary span{border-color:#26262630}.actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.hero{min-height:700px;display:grid;grid-template-columns:639px 1fr;align-items:center;gap:44px;padding:85px 0}.hero p{max-width:595px;margin-top:24px}.hero p+p{margin-top:0}.hero-decoration{height:494px;border:1px solid white;border-radius:100px 28px 28px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden;background:linear-gradient(140deg,#ffffffa0,#ffffff20);display:grid;place-items:center}.orbit{position:absolute;width:360px;height:360px;border:1px solid #76a5b538;border-radius:50%;box-shadow:inset 0 0 60px #fff7}.orbit.two{width:290px;height:290px}.orbit.three{width:420px;height:420px}.monogram{font-family:Georgia,serif;font-size:180px;color:#76a5b5;text-shadow:0 10px 20px #76a5b522}.section{padding:40px 0 80px;scroll-margin-top:0}.divider{display:flex;align-items:center;gap:24px;color:#999;font-size:14px;margin-bottom:90px}.divider span{flex:1;border-top:2px dashed #d8d8d8}.intro{display:grid;grid-template-columns:430px 1fr;gap:90px}.intro p{font-size:18px}.textlink{display:inline-block;border-bottom:1px solid #999;padding-bottom:4px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:50px}.section-heading p{font-size:18px;max-width:510px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{display:flex;flex-direction:column;border-radius:30px;padding:32px;background:rgba(250,250,250,.55);border:1px solid white;box-shadow:var(--shadow);transition:transform .35s ease,background .35s ease}.service-card:hover{transform:translateY(-5px);background:#ffffffe0}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ffffffa0;border:1px solid white;box-shadow:var(--shadow);color:var(--accent);font-size:16px;margin-bottom:28px}.service-card h3{margin-bottom:18px;overflow-wrap:break-word}.service-card p{font-size:15px}.detail{border:0;background:none;text-align:left;padding:12px 0 0;margin-top:auto;color:#262626;display:flex;justify-content:space-between;align-items:center}.detail span{border:1px solid white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;box-shadow:var(--shadow);background:#fff8}.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.benefit{padding:32px;border:1px solid white;border-radius:30px;background:#ffffff60;box-shadow:var(--shadow)}.benefit h3{margin-bottom:15px}.benefit p{margin-bottom:0}.contact{padding:64px;display:grid;grid-template-columns:1.4fr 1fr;gap:80px;border-radius:30px;background:#ffffff66;border:1px solid white;box-shadow:var(--shadow)}.contact h2{margin-bottom:25px}.contact h3{margin-bottom:24px}.contact-details{align-self:center}.contact-details a,footer a[href^="mailto"]{overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}footer{padding:40px 0 20px}.footer-top{display:grid;grid-template-columns:1.3fr .6fr 1fr;gap:80px}.footer-top p{margin-top:20px}.footer-top nav{display:flex;flex-direction:column;gap:16px}.copyright{border-top:1px solid #ddd;padding-top:22px;margin-top:45px;font-size:13px;color:#777}.hamburger{display:none}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #055b75;outline-offset:5px;border-radius:4px}dialog{padding:0;width:min(960px,calc(100vw - 60px));max-height:88dvh;border:1px solid white;border-radius:30px;background:#fafafa;box-shadow:0 30px 80px #0004;color:var(--ink);overflow:hidden}dialog[open]{display:flex;flex-direction:column;animation:enter .3s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:#26262666;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid #ddd;flex-shrink:0;color:#777;font-size:14px}.modal-head button{border:1px solid white;border-radius:50%;width:40px;height:40px;background:#fff;box-shadow:var(--shadow)}.modal-scroll{overflow:auto;overscroll-behavior:contain;padding:35px 48px 48px}.modal-scroll h2{font-size:36px;margin-bottom:30px}.modal-scroll h3{font-size:22px;margin:30px 0 15px}.modal-scroll p{line-height:1.75}.modal-scroll ul{padding-left:24px;color:#555}.modal-scroll li{margin-bottom:14px;line-height:1.75}.modal-contact{margin-top:35px;padding-top:25px;border-top:1px solid #ddd}.modal-contact p{color:#262626}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.reveal{animation:enter .6s ease both}
@media(min-width:810px) and (max-width:1199.98px){.container{margin-left:40px;margin-right:40px}.hero{grid-template-columns:1.3fr 1fr;gap:28px}h1{font-size:48px}.links{gap:22px}.intro{grid-template-columns:1fr 1.3fr;gap:45px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{padding:40px;gap:40px}.footer-top{gap:35px}}
@media(max-width:809.98px){html{scroll-padding-top:90px}.container{margin-left:18px;margin-right:18px}header{margin:12px 10px 0;top:12px;border-radius:12px;background:#f5f5f5e8}header nav.container{height:50px;margin:0 18px;gap:10px}.logo img{width:135px;height:42px}.links,.navcta{display:none}.hamburger{width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:3px;border:0;background:none}.hamburger span{height:2px;width:24px;background:#171717;transition:transform .3s ease,opacity .3s ease}.hamburger[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}#mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:18px 24px 24px;gap:18px;animation:enter .25s ease}.hero{display:block;padding:65px 0 50px;min-height:0}h1{font-size:36px;line-height:1.3;letter-spacing:-1.8px}h2{font-size:32px;letter-spacing:-1.2px}h3{font-size:22px}.hero p{font-size:14px;line-height:1.55;margin-top:22px}.actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-decoration{height:300px;margin-top:44px;border-radius:32px}.monogram{font-size:135px}.orbit{width:235px;height:235px}.orbit.two{width:185px;height:185px}.orbit.three{width:285px;height:285px}.section{padding:20px 0 55px}.divider{margin-bottom:44px;gap:16px}.intro,.section-heading{display:block}.intro h2{margin-bottom:28px}.intro p,.section-heading p{font-size:16px}.section-heading h2{margin-bottom:22px}.section-heading{margin-bottom:30px}.grid,.benefits{grid-template-columns:1fr;gap:20px}.service-card,.benefit{padding:28px;border-radius:28px}.contact{display:block;padding:30px 24px}.contact-details{margin-top:45px}.contact p{font-size:15px}.footer-top{display:block}.footer-top nav{margin:32px 0;flex-direction:row;flex-wrap:wrap;gap:22px}.copyright{margin-top:30px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.modal-head{padding:14px 20px}.modal-scroll{padding:26px 22px 36px}.modal-scroll h2{font-size:28px;letter-spacing:-1px}.modal-scroll h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Liquid-glass refinement: surfaces retain the existing palette and geometry. */
header{background:linear-gradient(125deg,rgba(255,255,255,.88),rgba(245,245,245,.72));box-shadow:inset 0 1px 0 #fff,0 3px 12px #2626260d,0 10px 24px -18px #26262650}
.service-card,.benefit,.contact{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(250,250,250,.78) 48%,rgba(118,165,181,.08));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #76a5b514,0 3px 6px -3px #26262620,0 15px 28px -20px #26262640}
.service-card{position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg}
.service-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.service-title h3{margin:0;min-width:0;flex:1}.service-title .icon{flex:0 0 48px;margin:0}.icon{background:linear-gradient(140deg,#fffffff5,#ffffff80 50%,#76a5b51f);border:1px solid white;box-shadow:inset 0 1px 2px #fff,0 2px 4px #2626260a,0 8px 16px -10px #055b7540;transition:transform .3s ease,box-shadow .3s ease}.icon svg{width:28px;height:28px;display:block}
.service-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 210px at var(--pointer-x) var(--pointer-y),#ffffffdd,#76a5b516 45%,transparent 75%);opacity:0;transition:opacity .35s ease}
.service-card::before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff00 42%,#ffffff88 48%,#ffffff00 54%,transparent 65%);opacity:.5;transform:translateX(-70%);animation:glass-sheen 16s linear infinite}
.service-card:nth-child(3n+2)::before{animation-delay:-5s}.service-card:nth-child(3n)::before{animation-delay:-10s}
.detail span{transition:transform .3s ease,background .3s ease}.button{position:relative;isolation:isolate;overflow:hidden}.button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff24 45%,transparent 70%);transform:translateX(-110%);animation:button-sheen 14s ease-in-out infinite}.button.secondary{background:linear-gradient(140deg,#fffffff5,#ffffffb0 50%,#76a5b514);box-shadow:inset 0 1px 1px #fff,0 3px 5px #26262615,0 10px 18px -12px #26262650}
.hero-decoration{isolation:isolate;background:linear-gradient(140deg,#ffffffe0,#ffffff50 55%,#76a5b514);box-shadow:inset 0 1px 0 #fff,inset 1px 0 1px #fff8,0 6px 10px -5px #26262620,0 20px 38px -25px #055b7540}
.hero-decoration::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 35%,#76a5b530,transparent 55%),linear-gradient(120deg,transparent 30%,#ffffffc0 47%,transparent 63%);animation:ambient-light 18s ease-in-out infinite}
.hero-decoration::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #fff;animation:edge-glow 12s ease-in-out infinite}
.hero-copy h1,.hero-copy>p,.hero-copy .actions{animation:hero-entrance .8s cubic-bezier(.2,.8,.2,1) backwards}.hero-copy>p:first-of-type{animation-delay:.1s}.hero-copy>p:nth-of-type(2){animation-delay:.2s}.hero-copy .actions{animation-delay:.3s}
.reveal{animation:section-entrance .65s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--reveal-delay,0ms)}
dialog{background:linear-gradient(135deg,#fffffffa,#fafafaf5 65%,#f1f6f7fa);border:1px solid #ffffff;box-shadow:inset 0 1px 1px #fff,0 12px 24px #26262620,0 30px 80px #26262640}
.modal-scroll{background:#fafafaf5}.modal-head{background:linear-gradient(120deg,#fffffffa,#f1f6f7de);box-shadow:inset 0 1px 0 #fff;border-bottom:1px solid #76a5b526}.modal-label{display:flex;align-items:center;gap:14px}.modal-head .icon{margin:0;width:44px;height:44px}.modal-head .icon svg{width:26px;height:26px}dialog[open]{animation:dialog-enter .32s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:backdrop-enter .32s ease}dialog[open].closing{animation:dialog-exit .24s ease forwards}dialog[open].closing::backdrop{animation:backdrop-exit .24s ease forwards}
.motion-preference{display:flex;justify-content:flex-end;margin-top:30px}#ambient-toggle{border:1px solid #d5dfe2;border-radius:999px;background:#ffffffb0;color:#555;padding:8px 14px;font-size:12px;box-shadow:inset 0 1px 0 #fff}#ambient-toggle:hover{background:white}body.ambient-paused .hero-decoration::before,body.ambient-paused .hero-decoration::after,body.ambient-paused .service-card::before,body.ambient-paused .button::before,body.page-hidden .hero-decoration::before,body.page-hidden .hero-decoration::after,body.page-hidden .service-card::before,body.page-hidden .button::before{animation-play-state:paused}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.service-card,.benefit,.contact{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(hover:hover) and (pointer:fine){.service-card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));background:linear-gradient(135deg,#fffffff2,#fafafac7 48%,#76a5b51c);box-shadow:inset 0 1px 0 #fff,0 4px 8px -4px #26262620,0 20px 32px -20px #055b7540}.service-card:hover::after{opacity:1}.service-card:hover .icon{transform:translateY(-2px) rotate(-3deg);box-shadow:inset 0 1px 2px #fff,0 4px 8px #76a5b520}.service-card:hover .detail span{transform:translateX(3px);background:#fff}}
@media(hover:none),(pointer:coarse){.service-card:hover{transform:none}.service-card:active{transform:scale(.995);background:#ffffffe8}.detail:active span{background:#76a5b52b}.service-card::after{display:none}.button:hover{transform:none}.button:active{transform:scale(.98)}}
@media(max-width:809.98px){header{background:linear-gradient(135deg,#fffffff2,#f5f5f5de)}.service-title{gap:16px}.service-title h3{font-size:21px}.service-title .icon{flex-basis:44px;width:44px;height:44px}.service-title .icon svg{width:26px;height:26px}dialog[open]{animation:sheet-enter .36s cubic-bezier(.2,.8,.2,1)}dialog[open].closing{animation:sheet-exit .26s ease forwards}.modal-head{padding:12px 20px}.motion-preference{justify-content:flex-start}}
@keyframes hero-entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes section-entrance{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ambient-light{0%,100%{transform:translate(-8%,-4%) rotate(-8deg);opacity:.65}50%{transform:translate(8%,5%) rotate(8deg);opacity:1}}
@keyframes edge-glow{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes glass-sheen{0%,20%{transform:translateX(-70%);opacity:0}30%{opacity:.5}65%{transform:translateX(70%);opacity:0}100%{transform:translateX(70%);opacity:0}}
@keyframes button-sheen{0%,50%{transform:translateX(-110%);opacity:0}60%{opacity:.7}85%,100%{transform:translateX(110%);opacity:0}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dialog-exit{from{opacity:1;transform:none}to{opacity:0;transform:translateY(12px) scale(.99)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes backdrop-exit{from{opacity:1}to{opacity:0}}
@keyframes sheet-enter{from{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sheet-exit{from{opacity:1;transform:none}to{opacity:0;transform:translateY(40px)}}
@media(prefers-reduced-motion:reduce){.hero-copy h1,.hero-copy>p,.hero-copy .actions,.reveal,dialog[open],dialog[open].closing{animation:none!important;opacity:1;transform:none}.service-card:hover,.service-card:active,.service-card:hover .icon,.service-card:hover .detail span,.button:hover,.button:active{transform:none}#ambient-toggle{display:none}}
/* Thin clear glass: opacity belongs to the surface, never the content. */
.logo{flex-shrink:0;text-decoration:none}.logo img{display:block;width:180px;height:auto;aspect-ratio:2788/841;object-fit:initial;opacity:1;filter:none;backdrop-filter:none;animation:none;transform:none}.logo:hover{color:inherit;text-decoration:none}
header{background:linear-gradient(130deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-bottom-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #ffffff70,0 4px 14px -8px #2626261a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:header-enter .65s cubic-bezier(.2,.8,.2,1) backwards}
.service-card,.benefit,.contact{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.04) 55%,rgba(118,165,181,.025));border-color:rgba(255,255,255,.65);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff20,0 3px 8px -5px #26262615,0 12px 22px -18px #26262626}
.icon{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.04) 55%,rgba(118,165,181,.04));border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px -8px #26262626}
.icon::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff00 38%,#ffffff90 49%,#ffffff00 60%,transparent 75%);animation:icon-reflection 14s ease-in-out infinite;transform:translateX(-75%)}.service-card:nth-child(3n+2) .icon::before{animation-delay:-4s}.service-card:nth-child(3n) .icon::before{animation-delay:-8s}.icon svg{position:relative}
.service-card::before{background:linear-gradient(115deg,transparent 35%,#ffffff00 42%,#ffffff38 48%,#ffffff00 54%,transparent 65%)}.service-card::after{background:radial-gradient(circle 180px at var(--pointer-x) var(--pointer-y),#ffffff40,#76a5b508 45%,transparent 75%)}
.button,.button.secondary{background:linear-gradient(130deg,rgba(38,38,38,.08),rgba(255,255,255,.06));color:#262626;border:1px solid #ffffffa0;box-shadow:inset 0 1px 0 #ffffff80,0 3px 10px -6px #26262635;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button.secondary{background:linear-gradient(130deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.button span,.secondary span{border-color:#26262630}.button:hover,.button:focus-visible{background:linear-gradient(130deg,rgba(38,38,38,.12),rgba(255,255,255,.1));box-shadow:inset 0 1px 0 #ffffffa0,0 5px 14px -9px #26262640;transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.985)}.button::before{background:linear-gradient(110deg,transparent 20%,#ffffff50 45%,transparent 70%)}
.hero-decoration{background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.04) 55%,rgba(118,165,181,.03));border-color:#ffffff90;box-shadow:inset 0 1px 0 #ffffff80,0 8px 22px -16px #26262630}.hero-decoration::before{background:radial-gradient(ellipse at 30% 35%,#76a5b518,transparent 55%),linear-gradient(120deg,transparent 30%,#ffffff38 47%,transparent 63%)}.hero-decoration::after{border-color:#ffffff70}.orbit{box-shadow:inset 0 0 60px #ffffff10}
.hero-copy .actions{animation:none}.hero-copy .actions .button{animation:hero-entrance .7s cubic-bezier(.2,.8,.2,1) .25s backwards}.hero-copy .actions .button:nth-child(2){animation-delay:.34s}
.detail span,.modal-head button{background:rgba(255,255,255,.1);border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff80,0 3px 9px -5px #26262626}.detail:hover span,.detail:focus-visible span{transform:translateX(3px);background:#ffffff20}.detail:active span{transform:scale(.95)}
dialog{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border-color:#ffffffa0;box-shadow:inset 0 1px 0 #ffffff90,0 20px 50px -15px #26262630}dialog::backdrop{background:#26262630;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-head{background:linear-gradient(120deg,#ffffff1a,#f1f6f714);border-bottom-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff80}.modal-scroll{background:rgba(250,250,250,.92)}.modal-head button:hover,.modal-head button:focus-visible{background:#ffffff30;transform:scale(1.04)}.modal-head button:active{transform:scale(.96)}
.footer-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr) minmax(0,.95fr) minmax(0,1.2fr);gap:40px;align-items:start}.footer-col{min-width:0}.footer-top .footer-col h3{font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:0;margin:0 0 22px;font-weight:400}.footer-top .footer-col p{margin:0;color:#555}.footer-brand .logo{margin-bottom:22px}.footer-brand p{max-width:285px}.footer-top nav.footer-col{display:block}.footer-links,.footer-emails{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.footer-emails a{white-space:nowrap;overflow-wrap:normal}.footer-linkedin{display:inline-block;margin-top:22px}.footer-office p{white-space:nowrap}.copyright{border-top:1px solid #26262616}.footer-top a:focus-visible{text-decoration:none}
#ambient-toggle{background:#ffffff10;border-color:#ffffffa0;box-shadow:inset 0 1px 0 #ffffff80,0 2px 8px -5px #26262620}#ambient-toggle:hover{background:#ffffff20}
body.ambient-paused .icon::before,body.page-hidden .icon::before{animation-play-state:paused}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.service-card,.benefit,.contact,.hero-decoration{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.icon{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header,.service-card,.benefit,.contact,.icon,.button,.button.secondary,.hero-decoration,.modal-head{background:rgba(250,250,250,.94)}dialog{background:#fafafa}.modal-scroll{background:#fafafa}}
@media(hover:hover) and (pointer:fine){.service-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0d 55%,#76a5b509);box-shadow:inset 0 1px 0 #ffffff90,0 8px 18px -12px #26262630}.service-card:hover .icon{box-shadow:inset 0 1px 0 #ffffffa0,0 6px 14px -10px #26262630}.service-card:hover .detail span{background:#ffffff20}}
@media(hover:none),(pointer:coarse){.service-card:active{background:#ffffff1f;transform:scale(.995)}.button:hover{transform:none}.button:active{transform:scale(.985)}}
@media(min-width:810px) and (max-width:1199.98px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}}
@media(max-width:809.98px){.logo img{width:135px;height:auto}header{background:linear-gradient(130deg,#ffffff1f,#ffffff0a)}.footer-top{grid-template-columns:1fr;gap:36px}.footer-top nav.footer-col{margin:0}.footer-top .footer-col h3{margin-bottom:18px}.footer-brand .logo{margin-bottom:20px}.footer-links{flex-direction:column;gap:12px}.footer-emails{gap:12px;font-size:15px}.footer-brand p{max-width:285px}.footer-linkedin{margin-top:20px}#mobile-nav:not([hidden]){animation:menu-enter .25s cubic-bezier(.2,.8,.2,1)}#mobile-nav.menu-closing:not([hidden]){animation:menu-exit .2s ease forwards}}
@keyframes header-enter{from{opacity:.3;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes icon-reflection{0%,100%{transform:translateX(-75%);opacity:.15}50%{transform:translateX(75%);opacity:.55}}
@keyframes menu-enter{from{opacity:.2;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes menu-exit{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){header,.hero-copy .actions .button,#mobile-nav:not([hidden]),#mobile-nav.menu-closing:not([hidden]){animation:none!important;transform:none;opacity:1}.button:hover,.button:focus-visible,.button:active,.detail:hover span,.detail:focus-visible span,.detail:active span,.modal-head button:hover,.modal-head button:active{transform:none}}
@keyframes button-sheen{0%,100%{transform:translateX(-110%);opacity:.2}50%{transform:translateX(110%);opacity:.45}}
/* Background system: quiet mineral fields and translucent architectural planes. */
body{position:relative;isolation:isolate;background:#f5f7f7}.site-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#f5f7f7 0%,#f4f7f7 18%,#f8f9f9 40%,#f2f6f6 68%,#f7f9f9 100%)}
.background-wash{position:absolute;inset:0;background:radial-gradient(ellipse 52% 12% at 100% 33%,#76a5b51c,transparent 76%),radial-gradient(ellipse 38% 13% at 0% 65%,#76a5b514,transparent 80%),radial-gradient(ellipse 56% 8% at 90% 94%,#76a5b512,transparent 78%)}
.background-hero{position:absolute;top:0;right:0;width:100%;height:1150px;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%);background:radial-gradient(ellipse 45% 55% at 85% 38%,#76a5b521,transparent 80%),linear-gradient(110deg,#ffffff50 15%,transparent 55%)}
.background-plane{position:absolute;width:60%;height:1120px;right:-18%;top:-220px;border:1px solid #ffffff90;border-radius:180px;background:linear-gradient(110deg,#76a5b50a,#76a5b518 48%,#ffffff90 49%,#ffffff10 50%,#76a5b508 85%);box-shadow:inset 1px 0 0 #ffffff80;transform:rotate(28deg)}
.plane-back{width:38%;right:9%;top:-310px;opacity:.65;transform:rotate(28deg);background:linear-gradient(110deg,#ffffff08,#76a5b512 70%,#ffffff90);border-radius:130px}
.plane-front{animation:plane-breath 20s ease-in-out infinite}
.background-contours{position:absolute;right:-2%;top:0;width:62%;height:1080px;background:url('assets/background-contours.svg') right top/contain no-repeat;opacity:.75}
.background-light{position:absolute;right:-10%;top:80px;width:65%;height:850px;background:linear-gradient(115deg,transparent 20%,#ffffff00 32%,#ffffff70 46%,#ffffff00 60%,transparent 75%);animation:background-reflection 18s ease-in-out infinite;transform:translateX(-8%)}
body.ambient-paused .plane-front,body.ambient-paused .background-light,body.page-hidden .plane-front,body.page-hidden .background-light{animation-play-state:paused}
@keyframes plane-breath{0%,100%{transform:translate3d(0,0,0) rotate(28deg);opacity:.8}50%{transform:translate3d(14px,8px,0) rotate(28deg);opacity:1}}
@keyframes background-reflection{0%,100%{transform:translate3d(-8%,0,0);opacity:.45}50%{transform:translate3d(8%,2%,0);opacity:.8}}
@media(min-width:810px) and (max-width:1199.98px){.background-hero{height:1080px}.background-plane{right:-25%;width:65%}.plane-back{right:7%;width:38%}.background-contours{right:-12%;width:75%}.background-light{right:-20%;width:75%}}
@media(max-width:809.98px){.background-hero{height:1450px;background:radial-gradient(ellipse 100% 35% at 95% 62%,#76a5b523,transparent 85%),linear-gradient(160deg,#ffffff60 12%,transparent 58%)}.background-plane{top:510px;right:-30%;width:90%;height:770px;border-radius:100px;transform:rotate(24deg)}.plane-back{top:520px;right:12%;width:65%;height:780px;transform:rotate(24deg);opacity:.5}.background-contours{top:480px;right:-15%;width:110%;height:900px;opacity:.65;background-size:100% auto}.background-light{top:530px;right:-25%;width:120%;height:700px}.background-wash{background:radial-gradient(ellipse 120% 8% at 110% 28%,#76a5b515,transparent 80%),radial-gradient(ellipse 100% 7% at -20% 62%,#76a5b512,transparent 80%)}.plane-front{animation-name:plane-breath-mobile}}
@keyframes plane-breath-mobile{0%,100%{transform:translate3d(0,0,0) rotate(24deg);opacity:.8}50%{transform:translate3d(8px,5px,0) rotate(24deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.plane-front,.background-light{animation:none!important}.plane-front{opacity:.9}.background-light{opacity:.5}}
/* Choreographed Framer-style motion; geometry and surfaces remain unchanged. */
:root{--spring-ease:cubic-bezier(.2,.8,.2,1)}
@supports(animation-timing-function:linear(0,1)){:root{--spring-ease:linear(0,.015,.06,.13,.22,.32,.43,.53,.62,.7,.77,.83,.88,.92,.95,.975,.99,1)}}
.motion-word{display:inline-block}
.motion-ready header,.motion-ready .hero-copy h1,.motion-ready .hero-copy>p,.motion-ready .hero-copy .actions,.motion-ready .hero-copy .actions .button{animation:none}
.button span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.button:hover span,.button:focus-visible span{transform:translateX(2px)}
dialog[open]{animation:dialog-enter .36s var(--spring-ease,cubic-bezier(.2,.8,.2,1))}dialog[open].closing{animation:dialog-exit .26s cubic-bezier(.3,0,.5,1) forwards}dialog[open]::backdrop{animation:backdrop-enter .25s ease}dialog[open].closing::backdrop{animation:backdrop-exit .26s ease forwards}
@media(max-width:809.98px){dialog[open]{animation:sheet-enter .32s var(--spring-ease,cubic-bezier(.2,.8,.2,1))}dialog[open].closing{animation:sheet-exit .24s ease forwards}#mobile-nav:not([hidden]){animation:menu-enter .28s var(--spring-ease,cubic-bezier(.2,.8,.2,1))}#mobile-nav.menu-closing:not([hidden]){animation:menu-exit .2s ease forwards}}
@media(prefers-reduced-motion:reduce){.motion-word{transform:none;opacity:1}.button:hover span,.button:focus-visible span{transform:none}}
/* Approved Graphite Atelier: light reading fields with deep architectural edges. */
.site-background{background:linear-gradient(180deg,#eef1f3 0%,#e8edf0 17%,#f1f3f4 38%,#e7ecef 68%,#dce3e8 100%)}
.background-hero{background:linear-gradient(105deg,#f4f6f7 0%,#eff3f5 35%,#d4dfe6 58%,#718493 78%,#343f49 100%);mask-image:linear-gradient(#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(#000 58%,transparent 100%)}
.background-plane{background:linear-gradient(110deg,#71849308,#26374730 48%,#ffffff50 49%,#ffffff08 50%,#343f4914 85%);border-color:#ffffff30}.plane-back{background:linear-gradient(110deg,#ffffff08,#71849320 70%,#ffffff40);border-color:#ffffff25}
.background-contours{opacity:.45}.background-light{background:linear-gradient(115deg,transparent 20%,#ffffff00 32%,#ffffff35 46%,#ffffff00 60%,transparent 75%)}
.background-wash{background:radial-gradient(ellipse 50% 13% at 110% 33%,#343f4918,transparent 80%),radial-gradient(ellipse 42% 12% at -10% 65%,#71849318,transparent 80%),radial-gradient(ellipse 65% 8% at 100% 97%,#343f4918,transparent 85%)}
.hero-decoration{background:#343f4908;border-color:#ffffff60}.hero-artwork{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:0;border-radius:inherit}.hero-decoration::before{display:none}.hero-decoration::after{z-index:1;opacity:.5;animation:edge-glow 12s ease-in-out infinite;border-color:#ffffff70}
@media(min-width:810px) and (max-width:1199.98px){.background-hero{background:linear-gradient(105deg,#f4f6f7 0%,#eff3f5 38%,#d4dfe6 62%,#718493 86%,#343f49 100%)}}
@media(max-width:809.98px){.background-hero{background:linear-gradient(180deg,#f3f5f6 0%,#eef2f4 33%,#d4dfe6 48%,#718493 62%,#343f49 80%,#718493 100%)}.background-wash{background:radial-gradient(ellipse 120% 8% at 110% 28%,#343f4915,transparent 80%),radial-gradient(ellipse 100% 7% at -20% 62%,#71849316,transparent 80%)}.hero-artwork{object-position:50% 45%}}
.background-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f0f3f5 0px,#f0f3f5e6 75px,transparent 180px)}
.background-hero{mask-image:linear-gradient(#000 0px,#000 620px,transparent 875px);-webkit-mask-image:linear-gradient(#000 0px,#000 620px,transparent 875px)}
@media(max-width:809.98px){.background-hero{mask-image:linear-gradient(#000 0px,#000 950px,transparent 1100px);-webkit-mask-image:linear-gradient(#000 0px,#000 950px,transparent 1100px)}}
/* Continuous graphite atmosphere across the complete homepage. */
:root{--ink:#edf2f5;--muted:#c5d1d9;--accent:#9cbfce}body{background:#303d48;color:#edf2f5}.site-background{background:linear-gradient(180deg,#303e4b,#394752 25%,#303c47 50%,#384550 75%,#293742)}
.background-hero{background:radial-gradient(ellipse at 85% 35%,#71849350,transparent 70%);mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent)}.background-hero::after{display:none}.background-wash{background:radial-gradient(ellipse 70% 15% at 100% 32%,#71849335,transparent 80%),radial-gradient(ellipse 60% 14% at 0% 67%,#71849330,transparent 80%),radial-gradient(ellipse 70% 8% at 90% 96%,#71849325,transparent 80%)}
p,.intro p,.section-heading p,.service-card p,.benefit p,.contact p,.footer-top .footer-col p,.modal-scroll p,.modal-scroll li{color:#d2dce3}h1 em,.icon{color:#9cbfce}.links a,.detail,.button,.button.secondary,.contact-details a{color:#edf2f5}.divider,.copyright{color:#b5c4cf}.divider span{border-color:#ffffff25}.copyright{border-color:#ffffff20}.textlink{border-color:#ffffff50}
header{background:#303e4b70;border-color:#ffffff20}.logo{background:#edf2f5;border-radius:8px;padding:5px 8px}.logo img{opacity:1;filter:none}.button,.button.secondary{background:linear-gradient(135deg,#ffffff0c,#ffffff04);border-color:#ffffff40}.button span,.secondary span{border-color:#ffffff35}.button:hover,.button:focus-visible{background:#ffffff16}.detail span{border-color:#ffffff30}
.service-card,.benefit,.contact{background:linear-gradient(135deg,#ffffff0e,#ffffff04 65%,#7184930a);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff20,0 8px 20px -15px #101e2b50}.icon{background:linear-gradient(140deg,#ffffff12,#ffffff04);border-color:#ffffff30}.service-card:hover{background:linear-gradient(135deg,#ffffff16,#ffffff08)}
.hero-decoration{background:linear-gradient(135deg,#ffffff08,#71849316);border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff35,0 16px 35px -25px #16263080}.atelier-sculpture{position:absolute;inset:12%;perspective:900px}.atelier-sculpture span{position:absolute;inset:4% 16%;border:1px solid #d9e8f055;border-radius:110px 24px;background:linear-gradient(120deg,#b0c4d018,#ffffff03 45%,#9cbfce20);box-shadow:inset 1px 1px 0 #ffffff35;transform:rotate(-24deg) skewY(8deg)}.atelier-sculpture span:nth-child(2){inset:12% 4% 0 30%;transform:rotate(18deg) skewY(-8deg);background:linear-gradient(135deg,#ffffff04,#b0c4d025)}.atelier-sculpture span:nth-child(3){inset:22% 30% 6% 0;transform:rotate(-8deg);background:linear-gradient(130deg,#9cbfce25,#ffffff02)}
dialog{color:#edf2f5;background:#33434fe8;border-color:#ffffff40}.modal-scroll{background:#303e4bf5}.modal-head{background:#41525ee0;color:#d2dce3;border-color:#ffffff30}.modal-head button{color:#edf2f5}.modal-contact p{color:#edf2f5}.modal-contact{border-color:#ffffff30}#ambient-toggle{color:#d2dce3;border-color:#ffffff35}.footer-emails a,.footer-linkedin{color:#edf2f5}:focus-visible{outline-color:#c1e2ef}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header,.service-card,.benefit,.contact,.icon,.button,.hero-decoration,.modal-head{background:#394752}dialog,.modal-scroll{background:#303e4b}}
@media(max-width:809.98px){header{background:#303e4be0}#mobile-nav{color:#edf2f5}.logo{padding:4px 6px}.hero-decoration{background:linear-gradient(135deg,#ffffff08,#71849316)}}
.hamburger span{background:#edf2f5}.skip{color:#262626}
/* Logo-led light slate: original brand artwork needs no backing or recoloring. */
:root{--ink:#26343d;--muted:#53636e;--accent:#5b8494}body{background:#dce5e9;color:#26343d}.site-background{background:linear-gradient(180deg,#e4ebee,#d9e4e9 23%,#e7edef 45%,#d7e2e7 72%,#d4dfe5)}.background-hero{background:radial-gradient(ellipse at 85% 35%,#71849328,transparent 70%)}.background-wash{background:radial-gradient(ellipse 65% 15% at 100% 32%,#71849320,transparent 80%),radial-gradient(ellipse 60% 14% at 0% 67%,#7184931a,transparent 80%),radial-gradient(ellipse 70% 8% at 90% 96%,#71849320,transparent 80%)}
p,.intro p,.section-heading p,.service-card p,.benefit p,.contact p,.footer-top .footer-col p,.modal-scroll p,.modal-scroll li{color:#4a5b67}h1 em,.icon{color:#5b8494}.links a,.detail,.button,.button.secondary,.contact-details a,.footer-emails a,.footer-linkedin{color:#26343d}.divider,.copyright{color:#5b6f7c}.divider span{border-color:#71849340}.copyright,.modal-contact{border-color:#71849335}.textlink{border-color:#71849370}
header{background:#e4ebee70;border-color:#ffffff70}.logo{background:none;border-radius:0;padding:0}.logo img{opacity:1;filter:none}.button,.button.secondary{background:linear-gradient(135deg,#ffffff12,#26374709);border-color:#ffffffa0}.button span,.secondary span{border-color:#26374735}.button:hover,.button:focus-visible{background:#ffffff30}.detail span{border-color:#ffffffa0}
.service-card,.benefit,.contact{background:linear-gradient(135deg,#ffffff18,#ffffff08 65%,#71849308);border-color:#ffffff85;box-shadow:inset 0 1px 0 #ffffff70,0 8px 20px -15px #26374730}.icon{background:linear-gradient(140deg,#ffffff25,#ffffff08);border-color:#ffffff85}.service-card:hover{background:linear-gradient(135deg,#ffffff28,#ffffff14)}
dialog{color:#26343d;background:#e3eaeeed;border-color:#ffffffa0}.modal-scroll{background:#e9eef1f5}.modal-head{background:#e0e9eef0;color:#4a5b67;border-color:#ffffff80}.modal-head button{color:#26343d}.modal-contact p{color:#26343d}#ambient-toggle{color:#4a5b67;border-color:#ffffff80}.hamburger span{background:#26343d}:focus-visible{outline-color:#055b75}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header,.service-card,.benefit,.contact,.icon,.button,.modal-head{background:#e1e9ed}dialog,.modal-scroll{background:#e9eef1}}
@media(max-width:809.98px){header{background:#e4ebeee8}#mobile-nav{color:#26343d}.logo{padding:0}}
/* Layered ambient choreography; decorative layers never intercept the interface. */
.ambient-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ambient-field span{position:absolute;pointer-events:none}
.ambient-shape{border:1px solid #ffffff85;background:linear-gradient(130deg,#ffffff18,#7184930b 70%,#ffffff25);box-shadow:inset 1px 1px 0 #ffffff65;border-radius:90px 30px;animation:ambient-shape-drift 22s ease-in-out infinite}.shape-a{width:520px;height:330px;right:-120px;top:170px;--angle:-24deg}.shape-b{width:390px;height:300px;left:-170px;top:38%;--angle:18deg;animation-delay:-8s;animation-duration:28s}.shape-c{width:470px;height:350px;right:-190px;top:74%;--angle:-18deg;animation-delay:-15s;animation-duration:26s}
.ambient-ring{width:520px;height:520px;border:1px solid #71849324;border-radius:50%;animation:ambient-orbit 30s linear infinite}.ambient-ring::before{content:"";position:absolute;inset:28px;border:1px solid #ffffff80;border-radius:50%}.ambient-ring::after{content:"";position:absolute;top:15%;left:14%;width:6px;height:6px;border-radius:50%;background:#71849345;box-shadow:0 0 14px #ffffff80}.ring-a{right:-170px;top:19%}.ring-b{left:-270px;top:60%;width:600px;height:600px;animation-direction:reverse;animation-duration:38s}
.ambient-trace{width:720px;height:420px;border-top:1px solid #7184932b;border-bottom:1px solid #ffffff80;border-radius:50%;animation:ambient-trace-flow 24s ease-in-out infinite}.trace-a{right:-300px;top:46%}.trace-b{left:-400px;top:85%;animation-delay:-11s;animation-direction:reverse}
.ambient-glint{width:60%;height:650px;background:linear-gradient(115deg,transparent 30%,#ffffff00 40%,#ffffff35 50%,#ffffff00 60%,transparent 70%);animation:ambient-light-pass 20s ease-in-out infinite}.glint-a{right:-25%;top:28%}.glint-b{left:-25%;top:68%;animation-delay:-10s;animation-duration:27s}
.background-contours{animation:contour-drift 25s ease-in-out infinite}.background-wash{animation:wash-breathe 24s ease-in-out infinite}
body.ambient-paused .ambient-field span,body.page-hidden .ambient-field span,body.ambient-paused .background-contours,body.page-hidden .background-contours,body.ambient-paused .background-wash,body.page-hidden .background-wash{animation-play-state:paused}
@keyframes ambient-shape-drift{0%,100%{transform:translate3d(0,0,0) rotate(var(--angle));opacity:.45}50%{transform:translate3d(-42px,32px,0) rotate(calc(var(--angle) + 9deg));opacity:.8}}
@keyframes ambient-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ambient-trace-flow{0%,100%{transform:translate3d(0,0,0) rotate(-12deg);opacity:.4}50%{transform:translate3d(45px,-30px,0) rotate(-5deg);opacity:.8}}
@keyframes ambient-light-pass{0%,100%{transform:translate3d(-14%,0,0);opacity:.3}50%{transform:translate3d(14%,4%,0);opacity:.75}}
@keyframes contour-drift{0%,100%{transform:translate3d(0,0,0);opacity:.45}50%{transform:translate3d(-24px,16px,0);opacity:.7}}
@keyframes wash-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:809.98px){.ambient-shape{width:260px;height:230px;border-radius:60px 24px}.shape-a{right:-170px;top:340px}.shape-b{left:-180px}.shape-c{right:-190px}.ambient-ring{width:340px;height:340px}.ring-a{right:-230px}.ring-b{left:-240px}.ambient-trace{width:420px;height:300px}.trace-a{right:-330px}.trace-b{left:-340px}.ambient-glint{width:110%;opacity:.4}}
@media(prefers-reduced-motion:reduce){.ambient-field span,.background-contours,.background-wash{animation:none!important}.ambient-shape{transform:rotate(var(--angle));opacity:.5}}
/* More visible movement and contrast, distributed through every section. */
.ambient-shape{border-color:#ffffffdd;background:linear-gradient(130deg,#ffffff42,#71849322 70%,#ffffff55);animation-duration:13s}.shape-b{animation-duration:16s}.shape-c{animation-duration:14s}.ambient-ring{border-color:#536d8050;animation-duration:17s}.ring-b{animation-duration:23s}.ambient-ring::before{border-color:#ffffffc0}.ambient-ring::after{width:10px;height:10px;background:#5b849480}.ambient-trace{border-top-color:#536d8055;border-bottom-color:#ffffffe0;animation-duration:14s}.ambient-glint{background:linear-gradient(115deg,transparent 25%,#ffffff00 35%,#ffffff70 50%,#ffffff00 65%,transparent 75%);animation-duration:12s}.glint-b{animation-duration:16s}.background-contours{animation-duration:15s}
.vivid-piece{width:260px;height:180px;border:1px solid #ffffffc0;border-radius:46px 16px;background:linear-gradient(125deg,#ffffff42,#71849320 55%,#ffffff12);box-shadow:inset 1px 1px 0 #ffffff80;animation:vivid-drift 13s ease-in-out infinite;--turn:-15deg}.vivid-piece:nth-of-type(even){border-radius:50%;background:linear-gradient(135deg,#5b849423,#ffffff35);border-color:#536d8040;animation-name:vivid-round-drift}
.piece-1{right:-60px;top:7%}.piece-2{left:-100px;top:13%;animation-delay:-5s}.piece-3{right:-90px;top:23%;animation-delay:-8s}.piece-4{left:-120px;top:29%;animation-delay:-3s}.piece-5{right:-80px;top:37%;animation-delay:-7s}.piece-6{left:-140px;top:44%;animation-delay:-10s}.piece-7{right:-80px;top:52%;animation-delay:-4s}.piece-8{left:-120px;top:59%;animation-delay:-9s}.piece-9{right:-70px;top:66%;animation-delay:-2s}.piece-10{left:-100px;top:74%;animation-delay:-6s}.piece-11{right:-60px;top:82%;animation-delay:-11s}.piece-12{left:-100px;top:91%;animation-delay:-4s}
@keyframes ambient-shape-drift{0%,100%{transform:translate3d(0,0,0) rotate(var(--angle));opacity:.7}50%{transform:translate3d(-90px,65px,0) rotate(calc(var(--angle) + 17deg));opacity:1}}
@keyframes ambient-trace-flow{0%,100%{transform:translate3d(0,0,0) rotate(-14deg);opacity:.6}50%{transform:translate3d(90px,-55px,0) rotate(0deg);opacity:1}}
@keyframes vivid-drift{0%,100%{transform:translate3d(0,0,0) rotate(-15deg);opacity:.65}50%{transform:translate3d(-65px,50px,0) rotate(9deg);opacity:1}}
@keyframes vivid-round-drift{0%,100%{transform:translate3d(0,0,0) rotate(0);opacity:.55}50%{transform:translate3d(75px,-45px,0) rotate(30deg);opacity:.95}}
@media(max-width:809.98px){.vivid-piece{width:170px;height:130px}.vivid-piece:nth-of-type(odd){right:-120px}.vivid-piece:nth-of-type(even){left:-135px}.ambient-shape{background:linear-gradient(130deg,#ffffff30,#71849315 70%,#ffffff35)}.ambient-glint{background:linear-gradient(115deg,transparent 25%,#ffffff00 35%,#ffffff45 50%,#ffffff00 65%,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.vivid-piece{animation:none!important;opacity:.65}}

/* Shared language navigation, preserving the approved visual system. */
.language-switch{display:flex;gap:4px;align-items:center;flex-shrink:0}.language-link{font-size:12px;font-weight:600;padding:7px 8px;border-radius:8px;color:var(--muted)}.language-link.active{color:#007f7d;background:rgba(0,174,169,.12)}.language-link:hover{background:rgba(0,174,169,.18)}html[lang="ru"]{font-family:Inter,Arial,sans-serif}html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3{font-family:Poppins,Inter,Arial,sans-serif}@media(max-width:809px){nav.container{gap:10px}.language-switch{margin-left:auto}.language-link{padding:6px}.hamburger{margin-left:0}}

/* Homepage experience cards. */
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0 0}
.proof-card{min-width:0;padding:25px;border:1px solid #ffffffc7;border-radius:24px;background:linear-gradient(135deg,#ffffff45,#ffffff1a);box-shadow:inset 0 1px 0 #ffffff8c,0 8px 24px #26343d0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.proof-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;color:#397c87;background:#ffffff42;border:1px solid #ffffff91;border-radius:11px}.proof-icon svg{width:23px;height:23px}
.proof-heading{font-family:Inter,Arial,sans-serif!important;letter-spacing:0;line-height:1.3;font-weight:500;font-size:17px}
.proof-metric{display:block;white-space:nowrap;color:#3b7180;font-size:clamp(28px,2.7vw,38px);letter-spacing:-1.3px;line-height:1.15;margin-bottom:10px;font-weight:500;font-variant-numeric:tabular-nums}
.proof-count{display:inline-block;min-width:2ch}.proof-count[data-count="150"]{min-width:3ch}
.proof-label{display:block}.hero .proof-card p{font-size:14px;line-height:1.6;margin:14px 0 0;max-width:none}
@media(max-width:809px){.proof-grid{gap:16px;margin-top:28px}.proof-card{padding:22px}.proof-metric{font-size:34px}}
@media(max-width:540px){.proof-grid{grid-template-columns:minmax(0,1fr)}.proof-metric{font-size:38px}.hero .proof-card p{font-size:14px}}
/* Full-width experience row on desktop; preserve readable introductory copy. */
@media(min-width:1024px){
 .hero{display:block}.hero-copy{width:100%}.hero-copy>h1{max-width:639px}
 .proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .proof-card{padding:24px}.proof-metric{font-size:clamp(28px,2.65vw,38px)}
}

/* Approved branded consultation-space image, alongside the introduction. */
.hero{display:block}.hero-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}.hero-intro{min-width:0}.hero-intro>h1{max-width:639px}.hero-intro>p{max-width:595px}.hero-office{min-width:0;position:relative;overflow:hidden;border-radius:40px 20px 40px 20px;border:1px solid #ffffffc7;box-shadow:inset 0 1px 0 #ffffff80,0 18px 45px #26343d13;aspect-ratio:1.12;background:#cad7dd;animation:office-entrance .9s ease-out both}.hero-office img{display:block;width:100%;height:100%;object-fit:cover;object-position:42% 50%}.hero-office::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff38;pointer-events:none}.hero .proof-grid{margin-top:40px}
@keyframes office-entrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:810px) and (max-width:1100px){.hero-top{gap:28px}.hero-intro h1{font-size:48px;letter-spacing:-2px}.hero-office{aspect-ratio:.9}.hero-intro .actions{gap:12px}.hero-intro .button{padding:12px 18px}}
@media(max-width:809px){.hero-top{grid-template-columns:minmax(0,1fr);gap:30px}.hero-office{width:100%;height:220px;aspect-ratio:auto;border-radius:26px}.hero-office img{object-position:42% 40%}.hero .proof-grid{margin-top:28px}}
@media(max-width:400px){.hero-office{height:200px}}
@media(prefers-reduced-motion:reduce){.hero-office{animation:none}}

/* Lead with the office image on mobile; retain desktop composition. */
@media(max-width:809px){.hero-top>.hero-office{order:-1}}

/* A distinct LinkedIn invitation between contact and footer. */
.linkedin-section{padding:0 0 80px}.linkedin-invite{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:44px;border:1px solid #ffffffd9;border-radius:32px;background:linear-gradient(120deg,#ffffff73,#0a66c22b);box-shadow:inset 0 1px 0 #ffffffc0,0 14px 36px #17446b12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.linkedin-message{display:flex;align-items:center;gap:26px;min-width:0}.linkedin-mark{display:flex;flex-shrink:0;width:76px;height:76px;color:#0a66c2;filter:drop-shadow(0 5px 9px #0a66c219)}.linkedin-mark svg{width:100%;height:100%}.linkedin-invite h2{font-size:clamp(26px,2.7vw,38px);line-height:1.2;letter-spacing:-1.2px;max-width:580px;color:#163a59}
.linkedin-cta-legacy-unused{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;min-height:56px;padding:16px 24px;border-radius:999px;color:#fff;background:#0a66c2;border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #ffffff40,0 7px 18px #0a66c22e;font-size:15px;font-weight:500;transition:background .2s,transform .2s}.linkedin-cta:focus-visible{outline:3px solid #0a66c2;outline-offset:5px}
@media(min-width:810px) and (max-width:1100px){.linkedin-invite{padding:32px;gap:22px}.linkedin-message{gap:18px}.linkedin-mark{width:60px;height:60px}.linkedin-cta{padding:14px 18px}}
@media(max-width:809px){.linkedin-section{padding-bottom:55px}.linkedin-invite{flex-direction:column;align-items:stretch;padding:28px;gap:28px;border-radius:28px}.linkedin-message{flex-direction:column;align-items:flex-start;gap:20px}.linkedin-mark{width:66px;height:66px}.linkedin-invite h2{font-size:30px;letter-spacing:-.8px}.linkedin-cta{width:100%;flex-shrink:1;white-space:normal;text-align:center;font-size:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.linkedin-cta{transition:none}.linkedin-cta:hover{transform:none}}

/* Match the invitation to the site's glass system; retain LinkedIn blue only in its mark. */
.linkedin-invite{background:linear-gradient(135deg,#ffffff45,#ffffff1a);border-color:#ffffffc7;box-shadow:inset 0 1px 0 #ffffff8c,0 8px 24px #26343d0a}.linkedin-invite h2{color:var(--ink)}.linkedin-cta{flex-shrink:0;text-align:center}.linkedin-mark{color:#0a66c2}
.office-map{width:100%;height:280px;margin:20px 0 12px;overflow:hidden;border:1px solid #ffffffc7;border-radius:20px;background:#dce5e9;box-shadow:inset 0 1px 0 #ffffff80,0 6px 18px #26343d0a}.office-map iframe{display:block;width:100%;height:100%}.contact-details{min-width:0}.contact-details .map-link{display:flex;width:fit-content;align-items:center;gap:8px;font-size:14px;margin:0 0 22px}
@media(max-width:809px){.office-map{height:250px}.linkedin-cta{flex-shrink:1}}

/* Compact approach cards and clear address-map-email sequence. */
#why .divider{margin-bottom:38px}#why .section-heading{margin-bottom:28px}#why .section-heading h2{font-size:36px;letter-spacing:-1.2px}#why .section-heading p{font-size:16px}#why .benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#why .benefit{padding:22px;border-radius:22px}#why .benefit h3{font-size:18px;line-height:1.35;letter-spacing:-.35px;margin:0 0 12px}#why .benefit p{font-size:14px;line-height:1.55;margin:0}
.contact.contact-location{display:block;padding:42px}.contact-location>h2{font-size:36px;letter-spacing:-1.2px;margin:0 0 24px}.contact-location .contact-details{margin:0}.contact-location .contact-details h3,.contact-email h3{font-size:20px;letter-spacing:-.4px;margin:0 0 10px}.contact-location .contact-details>p{margin:0}.contact-location .office-map{height:310px;margin-top:18px}.contact-location .map-link{margin-bottom:0}.contact-email{margin-top:26px;padding-top:22px;border-top:1px solid #71849335}.contact-email>a{display:inline-block;font-size:18px;overflow-wrap:anywhere}.contact-email>a:hover{color:#397c87;text-decoration:underline}
@media(max-width:1100px){#why .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:809px){#why .section-heading h2{font-size:30px}#why .section-heading p{font-size:15px}#why .benefit{padding:20px}.contact.contact-location{padding:28px 24px}.contact-location>h2{font-size:30px}.contact-location .office-map{height:250px}}
@media(max-width:540px){#why .benefits{grid-template-columns:minmax(0,1fr);gap:12px}#why .benefit h3{margin-bottom:8px}}

/* Achievements use restrained disclosure rows rather than another card grid. */
.achievements .divider{margin-bottom:36px}.achievements>h2{margin-bottom:34px}.achievement-list{border-top:1px solid #71849340}.achievement-row{border-bottom:1px solid #71849340}.achievement-row[hidden],.achievements-toggle[hidden]{display:none!important}.achievement-row summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 6px;cursor:pointer;border-radius:10px;transition:background .2s}.achievement-row summary::-webkit-details-marker{display:none}.achievement-row summary:hover{background:#ffffff24}.achievement-row summary:focus-visible{outline:2px solid #397c87;outline-offset:4px}.achievement-text{display:block;min-width:0}.achievement-category{display:block;color:#53636e;font-size:12px;font-weight:500;letter-spacing:.4px;margin-bottom:7px}.achievement-title{display:block;font-family:Poppins,Inter,Arial,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.5px;color:var(--ink);max-width:1000px}.achievement-plus{position:relative;flex-shrink:0;width:34px;height:34px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff42;color:#397c87}.achievement-plus::before,.achievement-plus::after{content:"";position:absolute;width:12px;height:1.5px;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%)}.achievement-plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.achievement-row[open] .achievement-plus::after{transform:translate(-50%,-50%) rotate(0)}.achievement-body{padding:0 64px 25px 6px;max-width:1050px;animation:achievement-open .25s ease-out}.achievement-body p{font-size:16px;line-height:1.75;margin:0;color:#4a5b67}.achievements-toggle{margin-top:26px}
@keyframes achievement-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:809px){.achievements .divider{margin-bottom:28px}.achievements>h2{margin-bottom:24px}.achievement-row summary{padding:19px 0;gap:16px}.achievement-title{font-size:19px;letter-spacing:-.3px}.achievement-category{font-size:11px}.achievement-body{padding:0 0 22px}.achievement-body p{font-size:15px;line-height:1.65}.achievement-plus{width:30px;height:30px}.achievements-toggle{font-size:13px;padding:12px 20px;max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.achievement-body{animation:none}.achievement-plus::after,.achievement-row summary{transition:none}}

/* Keep the added Achievements navigation comfortable on smaller desktops. */
@media(min-width:810px) and (max-width:1100px){header nav{gap:14px}.links{gap:18px;font-size:13px}header .logo img{width:150px}.navcta{padding:10px 14px}}
@media(min-width:810px) and (max-width:1000px){header .navcta{display:none}}

/* Three-column achievement cards with subject-specific outline icons. */
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:0;align-items:stretch}.achievement-card{min-width:0;border:1px solid #ffffffc7;border-radius:26px;background:linear-gradient(135deg,#ffffff45,#ffffff1a);box-shadow:inset 0 1px 0 #ffffff8c,0 8px 24px #26343d0a;overflow:hidden;transition:background .2s,box-shadow .2s}.achievement-card summary{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:28px;box-sizing:border-box;border-radius:26px}.achievement-card summary:hover{background:#ffffff29}.achievement-card summary:focus-visible{outline-offset:-4px}.achievement-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffffff60;border:1px solid #ffffffb3;color:#397c87;margin-bottom:23px}.achievement-icon svg{width:26px;height:26px}.achievement-card .achievement-category{font-size:11px;margin-bottom:9px}.achievement-card .achievement-title{font-size:21px;line-height:1.35;letter-spacing:-.45px}.achievement-read{display:flex;align-items:center;gap:16px;font-size:13px;color:#397280;margin-top:auto;padding-top:24px}.achievement-read>span{font-size:20px}.achievement-card .achievement-body{padding:0 28px 28px;max-width:none}.achievement-card[open] summary{height:auto}.achievement-card[open] .achievement-read{display:none}.achievement-modal-content p{font-size:17px;line-height:1.75;margin-top:24px}.achievement-close{border:1px solid #ffffffa8;border-radius:50%;width:38px;height:38px;background:#ffffff65;color:var(--ink);flex-shrink:0}.achievement-close:focus-visible{outline:2px solid #397c87;outline-offset:3px}
@media(max-width:1100px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:540px){.achievement-grid{grid-template-columns:minmax(0,1fr);gap:16px}.achievement-card summary{padding:25px;min-height:270px}.achievement-card .achievement-title{font-size:21px}.achievement-card .achievement-body{padding:0 25px 25px}.achievement-modal-content p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.achievement-card{transition:none}}

/* Editorial About Us: clear reading rhythm, principle inset and audience list. */
.about-editorial .divider{margin-bottom:40px}.about-editorial>h2{max-width:1000px;margin-bottom:34px;font-size:clamp(32px,3.4vw,46px);line-height:1.2;letter-spacing:-1.6px}.about-editorial>h2>span{color:#5b8494}.about-opening,.about-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 50px}.about-opening p,.about-method p{margin:0;font-size:16px;line-height:1.8;color:#4a5b67}.about-principle{margin:36px 0;padding:30px 34px;border:1px solid #ffffffad;border-left:3px solid #5b8494;border-radius:0 24px 24px 0;background:linear-gradient(110deg,#ffffff45,#ffffff12);box-shadow:inset 0 1px 0 #ffffff80}.about-principle p{margin:0;max-width:1040px;font-size:22px;line-height:1.6;color:#26343d;letter-spacing:-.3px}.about-principle strong{font-weight:500}.about-clients{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;margin-top:44px;padding-top:36px;border-top:1px solid #71849338}.about-clients-intro h3{font-size:30px;letter-spacing:-.8px;line-height:1.25;margin:0 0 14px}.about-clients-intro>p{font-size:15px;margin:0}.about-clients ul{list-style:none;padding:0;margin:0}.about-clients li{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #71849330}.about-clients li:first-child{padding-top:0}.about-clients li p{margin:0;font-size:16px;line-height:1.7}.about-clients li strong{font-weight:600;color:#26343d}.about-client-mark{color:#397c87;font-size:23px;line-height:1.25;flex-shrink:0}.about-closing{font-size:16px;line-height:1.8;margin:30px 0 0;max-width:1000px}
@media(max-width:809px){.about-editorial .divider{margin-bottom:28px}.about-editorial>h2{font-size:32px;letter-spacing:-1px;margin-bottom:26px}.about-opening,.about-method{grid-template-columns:minmax(0,1fr);gap:20px}.about-opening p,.about-method p,.about-closing{font-size:15px;line-height:1.75}.about-principle{margin:28px 0;padding:23px 22px}.about-principle p{font-size:19px;line-height:1.6}.about-clients{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:30px;padding-top:28px}.about-clients-intro h3{font-size:26px}.about-clients li p{font-size:15px}.about-closing{margin-top:24px}}

/* Refined About browser: quiet topic rail and one focused reading surface. */
.about-refined>h2{font-size:clamp(30px,3.1vw,42px);max-width:960px;margin-bottom:34px}.about-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.about-tabs{display:flex;flex-direction:column;gap:10px;padding-top:6px}.about-tabs[hidden],.about-panel[hidden]{display:none!important}.about-tab{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:20px 18px;background:transparent;border:1px solid transparent;border-radius:18px;color:#53636e;font-size:15px;line-height:1.4;transition:background .2s,color .2s,border-color .2s}.about-tab>svg{width:24px;height:24px;flex-shrink:0}.about-tab-arrow{margin-left:auto;font-size:20px;color:#397c87}.about-tab[aria-selected="true"]{background:#ffffff60;border-color:#ffffffb3;color:#26343d;box-shadow:inset 0 1px 0 #ffffff80,0 4px 16px #26343d08}.about-tab:hover{background:#ffffff38}.about-tab:focus-visible,.about-panel:focus-visible{outline:2px solid #397c87;outline-offset:4px}.about-panels{min-width:0;padding:36px;border-radius:28px;border:1px solid #ffffffb3;background:linear-gradient(125deg,#ffffff52,#ffffff1a);box-shadow:inset 0 1px 0 #ffffff80,0 12px 32px #26343d08}.about-panel{min-width:0}.about-refined .about-opening,.about-refined .about-method{display:block}.about-refined .about-opening p,.about-refined .about-method p{font-size:16px;line-height:1.8;margin:0 0 22px}.about-refined .about-method p:last-child,.about-refined .about-opening p:last-child{margin-bottom:0}.about-refined .about-principle{margin:28px 0 0;padding:22px 0 0;border:0;border-top:1px solid #71849340;border-radius:0;box-shadow:none;background:none}.about-refined .about-principle p{font-size:19px;line-height:1.65;letter-spacing:-.2px}.about-refined .about-clients{display:block;border:0;margin:0;padding:0}.about-refined .about-clients-intro h3{font-size:26px}.about-refined .about-clients-intro{margin-bottom:24px}.about-refined .about-clients li{padding:16px 0}.about-refined .about-clients li p,.about-refined .about-closing{font-size:15px;line-height:1.75}.about-refined .about-closing{margin-top:22px}
@media(min-width:810px) and (max-width:1100px){.about-browser{grid-template-columns:220px minmax(0,1fr);gap:22px}.about-tab{padding:18px 14px;font-size:14px;gap:10px}.about-panels{padding:28px}}
@media(max-width:809px){.about-refined>h2{font-size:30px;margin-bottom:26px}.about-browser{grid-template-columns:minmax(0,1fr);gap:16px}.about-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0}.about-tab{flex-direction:column;justify-content:flex-start;text-align:center;gap:9px;padding:13px 6px;font-size:12px;border-radius:14px}.about-tab>svg{width:22px;height:22px}.about-tab-arrow{display:none}.about-panels{padding:24px 22px;border-radius:24px}.about-refined .about-opening p,.about-refined .about-method p{font-size:15px;line-height:1.75;margin-bottom:20px}.about-refined .about-principle{margin-top:24px;padding-top:20px}.about-refined .about-principle p{font-size:17px}.about-refined .about-clients-intro h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.about-tab{transition:none}}

/* Coordinated motion polish: image reveal, subtle card response and location cues. */
.hero-office{animation:none}.hero-office img{animation:office-image-reveal 1.3s cubic-bezier(.22,1,.36,1) both}
@keyframes office-image-reveal{from{opacity:0;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}
header .links a{position:relative;padding:8px 0}header .links a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:#397c87;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.22,1,.36,1)}header .links a.section-active::after,header .links a:hover::after{transform:scaleX(1)}header .links a.section-active,#mobile-nav a.section-active,.footer-links a.section-active{color:#397c87}#mobile-nav a.section-active{border-left:2px solid #397c87;padding-left:12px}
.about-panels{overflow:clip}.about-tab>svg,.about-tab-arrow{transition:transform .28s cubic-bezier(.22,1,.36,1)}.about-tab[aria-selected="true"]>svg{transform:translateY(-2px)}.about-tab[aria-selected="true"] .about-tab-arrow{transform:translate(2px,-2px)}
.achievement-card,.proof-card,.benefit{position:relative;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s}.achievement-card::after,.proof-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,#ffffff48 48%,transparent 70%);opacity:0;transition:opacity .35s}
@media(hover:hover) and (pointer:fine){.achievement-card:hover,.proof-card:hover,.benefit:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #ffffffaa,0 15px 30px #26343d12}.achievement-card:hover::after,.proof-card:hover::after{opacity:.6}}
@media(max-width:809px){.hero-office img{animation-duration:.85s}}
@media(prefers-reduced-motion:reduce){.hero-office img{animation:none}header .links a::after,.about-tab>svg,.about-tab-arrow,.achievement-card,.proof-card,.benefit,.achievement-card::after,.proof-card::after{transition:none}.achievement-card:hover,.proof-card:hover,.benefit:hover,.about-tab[aria-selected="true"]>svg,.about-tab[aria-selected="true"] .about-tab-arrow{transform:none}}

/* Interactive Why Choose: sliding topic highlight and a shared reading panel. */
.why-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}.why-choices{position:relative}.why-highlight{position:absolute;left:0;right:0;top:0;border:1px solid #ffffffc7;border-radius:17px;background:#ffffff58;box-shadow:inset 0 1px 0 #ffffff80,0 4px 16px #26343d08;pointer-events:none;transition:height .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.why-highlight[hidden],.why-display[hidden]{display:none!important}.why-item{border-bottom:1px solid #71849330}.why-item summary{position:relative;z-index:1;display:flex;align-items:center;gap:16px;list-style:none;padding:19px 18px;border-radius:17px;cursor:pointer;color:#53636e}.why-item summary::-webkit-details-marker{display:none}.why-item summary:focus-visible{outline:2px solid #397c87;outline-offset:-3px}.why-choice-icon{width:27px;height:27px;display:flex;flex-shrink:0;color:#5b8494}.why-choice-icon svg{width:100%;height:100%}.why-choice-title{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:500;flex:1}.why-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);flex-shrink:0;transition:transform .25s}.why-selected summary{color:#26343d}.why-selected .why-choice-icon{color:#397c87}.why-display{position:sticky;top:110px;min-width:0;min-height:345px;padding:38px;border:1px solid #ffffffc7;border-radius:28px;background:linear-gradient(125deg,#ffffff58,#ffffff18);box-shadow:inset 0 1px 0 #ffffff80,0 12px 32px #26343d08;overflow:clip}.why-display-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:26px;border:1px solid #ffffffb3;background:#ffffff52;border-radius:18px;color:#397c87}.why-display-icon svg{width:32px;height:32px}.why-display h3{font-size:30px;letter-spacing:-.8px;line-height:1.25;margin:0 0 22px}.why-display p{font-size:17px;line-height:1.75;margin:0}.why-item-body{padding:0 18px 22px 61px}.why-item-body p{font-size:15px;line-height:1.65;margin:0}.why-item[open] .why-chevron{transform:rotate(45deg)}
@media(min-width:810px){.why-enhanced .why-item-body{display:none}.why-enhanced .why-item[open] .why-chevron{transform:rotate(-45deg)}.why-enhanced .why-selected .why-chevron{transform:translateX(3px) rotate(-45deg)}}
@media(max-width:1100px){.why-browser{gap:26px}.why-display{padding:30px}.why-display h3{font-size:27px}.why-choice-title{font-size:15px}}
@media(max-width:809px){.why-browser{grid-template-columns:minmax(0,1fr);gap:0}.why-item summary{padding:18px 12px;gap:14px}.why-item[open]{background:#ffffff38;border-radius:18px;border:1px solid #ffffffa3}.why-item[open] summary{color:#26343d}.why-item-body{padding:0 22px 22px 53px}.why-item-body p{font-size:15px}.why-choice-title{font-size:16px}.why-choice-icon{width:25px;height:25px}.why-chevron{transform:rotate(45deg)}.why-item[open] .why-chevron{transform:rotate(225deg)}}
@media(prefers-reduced-motion:reduce){.why-highlight,.why-chevron{transition:none}}

#why:not(.why-enhanced) .why-browser{display:block}@keyframes why-body-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:809px){.why-item[open] .why-item-body{animation:why-body-reveal .24s ease-out}}@media(prefers-reduced-motion:reduce){.why-item[open] .why-item-body{animation:none}}

/* Armenian localisation: allow natural word lengths and preserve the brand layout. */
html[lang="hy"] body,html[lang="hy"] h1,html[lang="hy"] h2,html[lang="hy"] h3,html[lang="hy"] button,html[lang="hy"] .achievement-title,html[lang="hy"] .why-choice-title{font-family:'Noto Sans Armenian',Arial,sans-serif}html[lang="hy"] .proof-heading{font-family:'Noto Sans Armenian',Arial,sans-serif!important}html[lang="hy"] h1{font-size:clamp(32px,3.6vw,51px);line-height:1.35;letter-spacing:-1.4px}html[lang="hy"] h2{letter-spacing:-.8px}html[lang="hy"] .hero-intro>h1{overflow-wrap:break-word}html[lang="hy"] .proof-label{font-size:15px;line-height:1.5}html[lang="hy"] .proof-currency{display:block;font-size:13px;line-height:1.4;letter-spacing:0;margin-top:5px}html[lang="hy"] .achievement-card .achievement-title{font-size:19px;letter-spacing:-.35px;line-height:1.5}html[lang="hy"] .about-tab{font-size:13px}html[lang="hy"] .why-choice-title{font-size:15px;line-height:1.5}html[lang="hy"] .why-display h3{font-size:27px;line-height:1.4}html[lang="hy"] .linkedin-invite h2{font-size:30px;line-height:1.4}
@media(min-width:810px) and (max-width:1200px){.links{gap:20px}header nav{gap:16px}.language-link{padding:7px 6px}html[lang="hy"] .links{font-size:12px;gap:14px}html[lang="hy"] .navcta{padding:10px 14px}html[lang="hy"] .hero-intro h1{font-size:42px}}
@media(max-width:809px){html[lang="hy"] h1{font-size:32px;line-height:1.4;letter-spacing:-.7px}html[lang="hy"] .about-refined>h2{font-size:27px;line-height:1.4}html[lang="hy"] .about-tab{font-size:11px}html[lang="hy"] .linkedin-invite h2{font-size:26px}}
@media(max-width:359px){header .logo img{width:125px}.language-link{font-size:11px;padding:6px 5px}header nav.container{gap:8px}.language-switch{gap:2px}}
/* Supplied brand artwork and founder profile. Keep both photographs uncropped. */
.hero-office{aspect-ratio:3/2;height:auto;background:#394746}
.hero-office img{object-fit:contain;object-position:center}
.founder-profile{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.4fr);gap:30px;align-items:start}
.founder-portrait{position:relative;margin:0;overflow:hidden;border-radius:22px;border:1px solid #ffffffb3;background:#d8d7cf;box-shadow:0 12px 28px #26343d12;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.founder-photo-cover{position:absolute;inset:0;z-index:1;user-select:none;-webkit-touch-callout:none}
.founder-biography{min-width:0}.founder-biography .founder-role{font-size:12px;line-height:1.5;color:#397280;margin:0 0 12px;font-weight:500}
.founder-biography h3{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin-bottom:22px;color:var(--ink)}
.founder-biography p{font-size:15px;line-height:1.8;margin:0 0 18px;color:#4a5b67}.founder-biography p:last-child{margin-bottom:0}
.about-overview-heading{font-size:25px;line-height:1.4;margin:0 0 24px;color:var(--ink)}
@media(min-width:810px) and (max-width:1100px){.hero-office{aspect-ratio:3/2}.founder-profile{grid-template-columns:minmax(0,1fr)}.founder-portrait{max-width:260px}.founder-biography h3{font-size:26px}}
@media(max-width:809px){.hero-office{height:auto;aspect-ratio:3/2}.hero-office img{object-position:center}.about-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.about-tab{flex-direction:row;text-align:left;align-items:center;font-size:13px;padding:13px 12px}.founder-profile{grid-template-columns:minmax(0,1fr);gap:25px}.founder-portrait{width:min(100%,300px);justify-self:center}.founder-biography h3{font-size:26px}.founder-biography p{font-size:15px}.about-overview-heading{font-size:23px}}
/* Original portrait in a restrained glass frame, with a subtle cool visual finish. */
.founder-portrait{padding:8px;border-radius:26px;background:linear-gradient(145deg,#ffffff8a,#a9c5cc42);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #ffffffc7,0 14px 32px #26343d0d}
.founder-portrait img{border-radius:18px;filter:saturate(.88) brightness(1.025);border:1px solid #ffffff80}
.founder-photo-cover{inset:9px;border-radius:17px;background:linear-gradient(155deg,#a8c8d524,#82b7c42e);mix-blend-mode:color;box-shadow:inset 0 0 30px #95bbc618}
@media(max-width:809px){.founder-portrait{width:min(100%,260px);padding:7px;border-radius:24px}.founder-photo-cover{inset:8px}.founder-profile{gap:24px}}

/* Keep final statistic values readable to assistive technology without announcing each animation frame. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Release QA: improve accent-text contrast while retaining the existing glass palette. */
.achievement-read,.founder-biography .founder-role,.textlink,header .links a.section-active,#mobile-nav a.section-active,.footer-links a.section-active{color:#2e626f}
.language-link.active{color:#205d65}
.hero h1 em,.about-refined>h2{color:#4d7180}

/* A compact personal profile link, separate from the company LinkedIn invitation. */
.founder-linkedin{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:-12px 0 20px;color:#2e626f;font-size:13px;line-height:1.4;border-radius:6px}.founder-linkedin svg{width:20px;height:20px;flex:none;color:#0a66c2}.founder-linkedin>span:first-of-type{text-decoration:underline;text-decoration-color:#2e626f50;text-underline-offset:4px}.founder-linkedin>span:last-child{font-size:15px}.founder-linkedin:hover>span:first-of-type{text-decoration-color:currentColor}.founder-linkedin:focus-visible{outline:2px solid #2e626f;outline-offset:4px}

/* Mobile production compatibility: native vector links and dual-engine glass support. */
.link-arrow{display:block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle;pointer-events:none}
.detail{min-height:44px;gap:16px;width:100%;line-height:1.4}
.detail>span{flex:0 0 36px;width:36px;height:36px;line-height:1;color:#397280}
.achievement-read>span,.founder-linkedin>span[aria-hidden],.about-tab-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.button>.link-arrow,#mobile-nav a>.link-arrow{display:inline-block;vertical-align:middle}
.service-card{transform-style:flat}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 header,.service-card,.benefit,.contact,.proof-card,.achievement-card,.about-panels,.why-display,.linkedin-invite{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.08) 65%,rgba(113,132,147,.05));-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);border-color:rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(113,132,147,.1),0 8px 24px rgba(38,52,61,.06)}
 header{background:linear-gradient(125deg,rgba(236,243,246,.62),rgba(228,235,238,.38));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 header,.service-card,.benefit,.contact,.proof-card,.achievement-card,.about-panels,.why-display,.linkedin-invite{background:linear-gradient(135deg,#edf3f6e8,#dce8eecf);border-color:#ffffffc7;box-shadow:inset 0 1px 0 #ffffffd0,0 8px 24px #26343d10}
}
@media(hover:none),(pointer:coarse){
 .service-card,.service-card:hover,.achievement-card:hover,.proof-card:hover,.benefit:hover{transform:none}
 .service-card:hover{background:linear-gradient(135deg,#ffffff40,#ffffff14 65%,#7184930d)}
 .service-card::before{animation:none;opacity:.2;transform:none}
 .service-card .icon{-webkit-backdrop-filter:none;backdrop-filter:none}
 .service-card{isolation:auto}
 .service-card::before,.service-card::after{z-index:0}
 .service-card>*{position:relative;z-index:1}
}

@media(max-width:809px){.about-tab-arrow{display:none}}

/* Keep touch-device text outside the backdrop compositing layer. */
@media(hover:none),(pointer:coarse){
 .service-card,.service-card:hover{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
 .service-card::before{inset:0;border-radius:inherit;opacity:1;transform:none;animation:none;background:linear-gradient(135deg,#ffffff40,#ffffff14 65%,#7184930d);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%)}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.service-card::before{background:linear-gradient(135deg,#edf3f6e8,#dce8eecf)}}
}
