@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102d47;--blue:#1688e7;--muted:#61788c;--line:#cddfe9;--paper:#f4f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #147bd1;outline-offset:5px}img{display:block;width:100%;object-fit:cover}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:4;border-bottom:1px solid #dbe8ee;background:#f6fbfdcc}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px;letter-spacing:.1em}.brand svg{width:32px;fill:none;stroke:#1688c6;stroke-width:1.4}.brand small{display:block;font-size:9px;letter-spacing:.38em;font-weight:500;margin-top:5px;color:var(--muted)}nav{display:flex;gap:35px;align-items:center;font-size:12px}nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #b6cddd;border-radius:30px;padding:12px 20px}.nav-contact span{margin-left:15px}.hero{position:relative;overflow:hidden;padding:64px 5% 0;background:linear-gradient(130deg,#f9fcfd,#e3f2fb 70%,#edfaff)}.hero-glow{position:absolute;width:600px;height:600px;right:-180px;top:-100px;border-radius:50%;background:radial-gradient(circle,#9bdaff66,transparent 65%);pointer-events:none}.hero-copy{position:relative;text-align:center;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.8;display:block;color:#517287}.eyebrow i,.glass-tag i,.scene-caption i{display:inline-block;width:6px;height:6px;background:#38b8f8;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #00c8ff}h1{font-size:clamp(36px,4.9vw,76px);line-height:1.12;letter-spacing:-.065em;font-weight:500;margin:25px 0 22px}h1 span{color:#1676b5}p{line-height:1.8}.hero-copy p{font-size:15px;color:var(--muted);margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;border-radius:7px;border:0;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #348fcc3a}.primary{background:linear-gradient(120deg,#143d5e,#0f6aa0);color:white;box-shadow:0 6px 20px #1b689624}.hero-scene{position:relative;margin:44px auto 0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #fff,0 18px 60px #4c98c52b;max-width:1440px}.hero-scene img{aspect-ratio:2.18;object-position:center 45%}.scene-caption{position:absolute;bottom:0;width:100%;padding:26px 30px;background:linear-gradient(transparent,#072339dc);color:white;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.scene-caption a{font-size:11px;letter-spacing:0}.hero-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;padding:23px 0;color:#627f92}.section{padding:100px 7%;max-width:1600px;margin:auto}h2{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.17;letter-spacing:-.055em;margin:20px 0 26px}h3{letter-spacing:-.03em;font-weight:600}.dot{color:#269ae4}.intro{padding-top:116px;padding-bottom:80px}.intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:14%;max-width:1030px}.intro-bottom p{color:var(--muted);max-width:520px}.intro-bottom strong{font-weight:500;color:var(--ink)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-top p{color:var(--muted);font-size:13px;max-width:350px}.team{padding-top:40px}.team-workspace{display:grid;grid-template-columns:1.55fr 1fr;background:#ffffffa8;border:1px solid #d4e5ef;border-radius:16px;box-shadow:0 20px 65px #7598af12;overflow:hidden}.team-visual{position:relative;min-height:540px;overflow:hidden;background:#0b2137}.team-visual>img{height:100%;position:absolute;object-position:48%;transition:opacity .4s}.team-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#08213733,transparent 30%,#08213766);pointer-events:none}.team-visual-top{position:absolute;z-index:2;left:24px;right:24px;top:24px;display:flex;justify-content:space-between}.glass-tag{font-size:9px;letter-spacing:.1em;border:1px solid #ffffff44;border-radius:30px;color:white;background:#092d435c;backdrop-filter:blur(12px);padding:9px 12px}.illustration-note{position:absolute;bottom:18px;left:22px;z-index:2;color:#e0eef7;font-size:10px}.team-panel{padding:30px}.panel-label{font-size:9px;letter-spacing:.17em;color:var(--muted);display:block}.role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 28px}.role-tabs button{display:flex;justify-content:space-between;border:1px solid #d7e5ed;border-radius:6px;padding:12px;background:transparent;color:var(--ink);font-size:12px}.role-tabs button[aria-selected=true]{background:#e5f3ff;border-color:#9ecbea;color:#076ba9}.role-number{font-size:9px;letter-spacing:.15em;color:#368ac1}#role-detail{min-height:190px}#role-title{font-size:23px;margin:14px 0}#role-description{font-size:13px;color:var(--muted);margin-bottom:24px}.add-controls{display:flex;margin-top:12px;gap:8px}.add-controls select{width:calc(100% - 50px);min-width:0;background:#f1f7fa;border:1px solid #d2e4ee;border-radius:6px;color:var(--ink);padding:11px;font-size:12px}.add-controls button{width:42px;border:0;border-radius:6px;background:#16496c;color:white;font-size:23px}.add-feedback{font-size:10px;color:var(--muted);min-height:30px}.addition{position:absolute;z-index:3;bottom:55px;right:25px;background:#e4f7ffe8;border:1px solid #a2e5ff;border-radius:12px;padding:15px 20px;box-shadow:0 0 45px #1cc6ff4d;color:#0b426a;animation:materialize .7s both;max-width:220px;backdrop-filter:blur(15px)}.addition[hidden]{display:none}.addition span{font-size:7px;letter-spacing:.13em;display:block;margin:9px 0}.addition strong{font-size:14px;display:block}.holo-avatar{width:60px;height:65px;margin:auto}.holo-avatar svg{fill:#7dd5ff33;stroke:#2488c1;stroke-width:1}.statement{position:relative;overflow:hidden;text-align:center;padding:100px 20px 115px;background:radial-gradient(ellipse at 50% 70%,#d4efff,#eff8fd 65%)}.statement h2{font-size:clamp(48px,6.8vw,100px);position:relative}.statement em{font-style:normal;color:#168fdb}.statement .eyebrow,.statement a{position:relative;z-index:1}.orbit{position:absolute;border:1px solid #b1ddf8;width:75vw;height:230px;left:12%;top:170px;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 40px #74caff20,inset 0 0 30px #74caff15}.text-link{font-size:12px;border-bottom:1px solid #8db8d3;padding-bottom:8px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.benefit-photo{height:650px;position:relative;border-radius:12px;overflow:hidden}.benefit-photo img{height:100%;object-position:50%}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:60px 25px 25px;background:linear-gradient(transparent,#06213bd9);color:#fff;font-size:20px;letter-spacing:-.03em}.benefit-copy h2{margin-bottom:35px}.benefit-copy details{border-bottom:1px solid var(--line);padding:17px 0}.benefit-copy summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.benefit-copy summary::-webkit-details-marker{display:none}.benefit-copy summary span{color:var(--blue);font-size:19px}.benefit-copy details[open] summary span{transform:rotate(45deg)}.benefit-copy details p{font-size:12px;color:var(--muted);margin:10px 30px 0 0}.approach{padding-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}.steps article{border-top:1px solid #c4dce9;padding-top:22px}.steps article>span{font-size:12px;color:#1899e8}.steps h3{font-size:19px;margin:32px 0 13px}.steps p{font-size:12px;color:var(--muted)}.expertise{background:#e9f3f9;border-radius:15px;max-width:calc(100% - 10%);padding:60px 5%}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.expertise h2{font-size:40px}.expertise p{font-size:13px;color:var(--muted)}.expertise-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.expertise-tags span{padding:8px 12px;border:1px solid #bfd9e7;border-radius:30px;font-size:10px}.contact{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:110px;padding-bottom:100px;align-items:stretch}.contact-image{border-radius:14px 0 0 14px;overflow:hidden}.contact-image img{height:100%;object-position:20%}.contact-card{padding:48px;background:linear-gradient(140deg,#fff,#e9f5fc);border:1px solid #d6e8f2;border-radius:0 14px 14px 0}.contact h2{font-size:clamp(32px,3.3vw,50px);margin-bottom:30px}.contact h2 span{color:#2a85bb}.consultation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cddfea;padding-top:24px;gap:12px;font-size:11px}.consultation strong{font-size:21px;font-weight:500}.contact .button{width:100%;margin-top:23px}.contact-note{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 5%;border-top:1px solid #d7e6ef}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{border:1px solid #bddff2;border-radius:16px;padding:45px;max-width:460px;width:calc(100% - 32px);color:var(--ink);background:#f3faff;box-shadow:0 20px 90px #092e5655}dialog::backdrop{background:#0e2c4c66;backdrop-filter:blur(8px)}dialog h2{font-size:42px}dialog p{font-size:13px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:26px;color:var(--ink)}.dialog-close-action{width:100%;margin-top:16px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes materialize{from{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:none}}@media(min-width:1700px){.hero{padding-left:10%;padding-right:10%}}@media(max-width:1000px){.header{height:80px}nav{gap:20px}.section{padding:70px 5%}.team-workspace{grid-template-columns:1.2fr 1fr}.team-panel{padding:22px}.benefits{gap:5%}.benefit-photo{height:610px}.contact-card{padding:30px}.expertise{max-width:90%;padding:40px}.steps{gap:18px}.steps h3{font-size:17px}}@media(max-width:700px){.header{height:75px;padding:0 5%}.brand{font-size:12px;gap:8px}.brand svg{width:26px}.brand small{font-size:7px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:10px;padding:10px 12px}.nav-contact span{margin-left:4px}.hero{padding-top:42px}.hero h1{font-size:clamp(30px,7.5vw,50px);letter-spacing:-.06em}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy p{font-size:12px}.hero-scene{margin-top:32px;border-radius:10px}.hero-scene img{aspect-ratio:1.25;object-position:50%}.scene-caption{padding:30px 12px 12px}.scene-caption>span{font-size:6px}.scene-caption a{font-size:8px}.hero-bottom{font-size:6px;gap:20px;line-height:1.5}.hero-bottom>span:last-child{white-space:nowrap}.section{padding:60px 6%}h2{font-size:36px}.intro-bottom{grid-template-columns:1fr;gap:0}.intro-bottom p{font-size:13px}.section-top{display:block;margin-bottom:25px}.section-top p{font-size:12px}.team-workspace{grid-template-columns:1fr}.team-visual{min-height:310px}.team-visual>img{object-position:50%}.team-panel{padding:24px}.team-visual-top{top:16px;left:16px;right:16px}.addition{bottom:40px;right:15px;max-width:180px;padding:10px 14px}.holo-avatar{height:45px;width:45px}#role-detail{min-height:160px}.statement{padding:70px 6%}.statement h2{font-size:52px}.statement .eyebrow{font-size:8px}.orbit{width:130vw;left:-15%;height:160px;top:130px}.benefits{grid-template-columns:1fr;gap:40px}.benefit-photo{height:350px}.benefit-photo img{object-position:50% 40%}.steps{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:25px}.steps h3{margin-top:20px;font-size:16px}.steps p{font-size:11px}.expertise{max-width:88%;padding:35px 25px}.expertise-grid{grid-template-columns:1fr;gap:0}.expertise h2{font-size:32px}.expertise .eyebrow{font-size:8px}.contact{grid-template-columns:1fr}.contact-image{height:260px;border-radius:12px 12px 0 0}.contact-image img{object-position:50% 35%}.contact-card{padding:30px 25px;border-radius:0 0 12px 12px}.contact h2{font-size:39px}footer{flex-wrap:wrap;padding:28px 6%}footer>span{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Refined monogram, role descriptions and silk accordion. */
.brand .brand-mark{width:34.408px;height:41.888px;color:#1485bd;stroke:none;fill:none;flex-shrink:0}
.add-controls select{width:100%;padding:13px 12px;font-size:13px}
.extra-detail{padding-top:25px;min-height:225px}
.extra-detail h3{font-size:23px;line-height:1.3;margin:14px 0}
.extra-detail p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}
.benefits{align-items:start}
.benefit-photo{align-self:start}
.benefit-copy{min-height:650px}
.benefit-copy h2{margin-top:18px;font-size:clamp(32px,3.7vw,56px)}
.benefit-copy h2>span{color:#2188c9}
.benefit-item{border-bottom:1px solid var(--line)}
.benefit-item h3{margin:0;font-weight:500}
.benefit-trigger{display:block;width:100%;text-align:left;padding:19px 0;color:var(--ink);border:0;background:none;font-size:15px;line-height:1.5;transition:color .3s}
.benefit-trigger:hover,.benefit-trigger[aria-expanded=true]{color:#1685c6}
.benefit-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),opacity .45s ease}
.benefit-item:has(.benefit-trigger[aria-expanded=true]) .benefit-panel{grid-template-rows:1fr;opacity:1}
.benefit-panel>div{overflow:hidden;min-height:0}
.benefit-panel p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;padding:0 15px 21px 0}
.approach .section-top{align-items:center;gap:55px}
.approach .approach-promise{font-size:clamp(19px,2vw,29px);line-height:1.5;letter-spacing:-.025em;max-width:470px;margin:0;color:var(--ink)}
.approach-promise strong{display:inline-block;font-weight:500;color:#2188c9;margin-top:13px}
.consultation{justify-content:flex-start;gap:20px;flex-wrap:wrap;font-size:16px;line-height:1.4}
.consultation strong{font-size:28px;white-space:nowrap}
.contact-note{font-size:15px;line-height:1.7;margin:20px 0 0}
@media(max-width:700px){.brand .brand-mark{width:28.152px;height:34.272px}.extra-detail{min-height:235px}.benefit-copy{min-height:590px}.benefit-copy h2{font-size:38px}.benefit-trigger{font-size:14px}.approach .approach-promise{font-size:22px;margin-top:28px}.consultation{font-size:15px;gap:12px}.consultation strong{font-size:25px}.contact-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.benefit-panel{transition:none}}

/* Compact role sheets and restrained moving light. */
.role-card,.extra-card{position:relative;background:linear-gradient(130deg,#f7fcff,#eaf6fe);border:1px solid #bcdced;border-radius:12px;padding:17px;margin-top:13px}
.extra-card{margin-top:20px;background:linear-gradient(130deg,#f9fdff,#eff7fb)}
.role-card .role-tabs{margin:0 0 15px;gap:6px}.role-tabs button{padding:10px;font-size:12px}
.role-card #role-detail{min-height:0;border-top:1px solid #cfdfeb;padding-top:15px}
.role-name{font-size:20px;font-weight:700;display:block;margin-bottom:5px;color:#126da5}
.role-card .role-number,.extra-card .role-number{display:none}
.role-card #role-title,.extra-card .extra-detail h3{font-size:18px;line-height:1.4;margin:5px 0 9px}
.role-card #role-description,.extra-card .extra-detail p{font-size:13px;line-height:1.75;margin:0}
.extra-card .add-controls{margin-top:10px}.extra-card .add-controls select{font-weight:600;color:#126da5;background:#e6f3fb;border-color:#c1dcec}
.extra-card .extra-detail{padding-top:12px;min-height:0}
.benefit-photo{height:540px}.benefit-photo img{height:100%;object-position:center 30%;transform:scale(1.12);transform-origin:center 25%}
.neon-frame{position:relative;isolation:isolate}
.neon-frame:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(115deg,transparent 15%,#65cfff66 32%,#e9feff 42%,#2bc5ff 46%,#9fbcff99 51%,transparent 65%);background-size:300% 300%;background-position:100% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;z-index:3}
.neon-frame.glint:after{animation:border-glint 2.6s cubic-bezier(.22,.61,.36,1) both}
#consult-button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #71d9ff;box-shadow:0 0 0 3px #b6ebff30,0 0 25px #38c6ff30,inset 0 1px 0 #d7f8ff66;background:linear-gradient(115deg,#123e61,#0c79ab 65%,#2684b7)}
#consult-button:before{content:'';position:absolute;inset:-60% -80%;background:linear-gradient(110deg,transparent 40%,#a8f2ff33 47%,#ffffff66 50%,#b4e5ff22 54%,transparent 61%);transform:translateX(-65%);pointer-events:none}
#consult-button.glint:before{animation:button-glint 2.3s ease-in-out both}
#consult-button:hover:before{animation:button-glint 1.6s ease-in-out infinite}
#consult-button .handshake{width:28px;height:28px;flex-shrink:0;position:relative}
#consult-button>span{position:relative}
@keyframes border-glint{0%{opacity:0;background-position:100% 100%}20%{opacity:1}80%{opacity:1}100%{opacity:.25;background-position:0% 0%}}
@keyframes button-glint{from{transform:translateX(-65%)}to{transform:translateX(65%)}}
@media(max-width:700px){.role-card,.extra-card{padding:14px}.team-panel{padding:20px}.benefit-photo{height:300px}.benefit-photo img{object-position:center 25%}.extra-card .extra-detail{min-height:0}.role-card #role-detail{min-height:0}}
@media(prefers-reduced-motion:reduce){.neon-frame:after{opacity:.35}#consult-button:before{display:none}}

.team-cta{position:relative;overflow:hidden;border:1px solid #83dcff;background:linear-gradient(125deg,#174a71,#187faf);box-shadow:0 0 0 4px #6dd3ff12,0 8px 28px #25aafc30,inset 0 1px 0 #b9efff99}
.team-cta:before{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 40%,#defcff55 49%,transparent 58%);transform:translateX(-60%);pointer-events:none}
.team-cta.glint:before{animation:button-glint 2.8s ease both}.team-cta:hover{box-shadow:0 0 0 4px #65d8ff20,0 0 32px #45caff66}
.role-card #role-detail{height:245px;min-height:245px;overflow:auto;scrollbar-width:thin}
.extra-card .extra-detail{height:275px;min-height:275px;overflow:auto;scrollbar-width:thin}
.extra-card .role-name{font-size:18px;line-height:1.35;margin-bottom:9px}
.team-visual>img{max-width:none;object-fit:cover;left:0;transition:transform 1.15s cubic-bezier(.22,1,.36,1);will-change:transform}
.benefit-copy h2{color:var(--ink)}
.scroll-story{padding:0;max-width:none;height:240vh;position:relative;background:radial-gradient(ellipse at 85% 45%,#d9f2ff80,transparent 55%),#f4f9fc}
.story-sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:45px 7%}
.story-content{width:100%;max-width:1350px;margin:auto}
.story-content h2{margin:16px 0 20px}.story-content .intro-bottom{max-width:1100px;gap:8%}.story-content .intro-bottom p{font-size:14px;margin:0 0 20px}
.story-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.story-benefits>div{position:relative;padding:22px 18px;border:1px solid #bfdce9;border-radius:9px;background:linear-gradient(115deg,#ffffffc9,#e9f7ff99);box-shadow:inset 0 1px 0 #fff;font-size:15px;opacity:0;transform:translateY(20px);filter:blur(3px);transition:opacity .65s,transform .8s cubic-bezier(.22,1,.36,1),filter .7s,border-color .7s,box-shadow .7s}
.story-benefits>div.arrived{opacity:1;transform:none;filter:none;border-color:#8dd6f5;box-shadow:inset 0 1px 0 white,0 0 20px #70cfff17}
.story-benefits>div span{font-size:9px;letter-spacing:.1em;color:#4791be;margin-right:16px}
.story-track{height:1px;background:#d9e8f1;margin-top:30px}.story-track span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--story-progress,0));background:#46b9f5;box-shadow:0 0 7px #33c2ff}
.story-hint{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-top:12px}
@media(max-width:700px){.scroll-story{height:220svh}.story-sticky{padding:30px 6%}.story-content h2{font-size:32px}.story-content .eyebrow{font-size:8px}.story-content .intro-bottom{gap:0}.story-content .intro-bottom p{font-size:11px;margin-bottom:10px}.story-benefits{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.story-benefits>div{padding:15px 10px;font-size:11px;line-height:1.5}.story-benefits>div span{display:block;margin:0 0 5px}.story-track{margin-top:20px}.role-card #role-detail{height:235px;min-height:235px}.extra-card .extra-detail{height:285px;min-height:285px}}
@media(max-height:650px){.story-sticky{padding-top:20px;padding-bottom:20px}.story-content h2{font-size:30px}.story-content .intro-bottom p{font-size:11px}.story-benefits>div{padding:12px}.story-hint{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:static;min-height:0;padding-top:70px;padding-bottom:70px}.story-benefits>div{opacity:1;transform:none;filter:none}.team-cta:before{display:none}.story-hint,.story-track{display:none}}

/* Director-facing statements: one centered typographic column. */
.scroll-story{height:240svh}
.story-sticky{height:100svh;min-height:0;padding:36px 5%}
.story-content{max-width:1400px}
.story-benefits{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.3vh,28px);margin:0}
.story-benefits>div{padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:inherit;font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.14;text-align:center;transform:translateY(28px);filter:blur(5px);color:var(--ink);text-wrap:balance}
.story-benefits>div.arrived{border:0;box-shadow:none;filter:none;transform:none;text-shadow:0 0 24px #57c6ff20}
.story-benefits>div:nth-child(even){color:#187caf}
#consult-button{min-height:84px;padding:15px 24px;gap:18px}
#consult-button .handshake{width:48px;height:48px;filter:drop-shadow(0 0 8px #bcf4ff33)}
@media(max-width:700px){.story-sticky{padding:25px 6%}.story-benefits{gap:23px}.story-benefits>div{font-size:clamp(26px,6.6vw,40px);padding:0;line-height:1.17}#consult-button .handshake{width:44px;height:44px}#consult-button{padding:14px 18px;min-height:78px}}
@media(max-height:650px){.story-benefits{gap:12px}.story-benefits>div{font-size:clamp(22px,4vw,40px);padding:0}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:static;height:auto;padding:65px 6%}.story-benefits>div{opacity:1;filter:none;transform:none}}

.scroll-story{height:440svh}.story-content{height:82svh;overflow:hidden;mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent)}
.story-benefits{position:relative;padding-top:10svh;transition:transform .85s cubic-bezier(.22,1,.36,1)}
.story-benefits>div{flex-shrink:0;width:100%;max-width:1200px}
.technology{padding-top:60px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tech-card{border:1px solid #c5e3f2;background:linear-gradient(150deg,#fff,#ecf8ff);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #3a94be0d}.tech-body{padding:28px}.tech-body h3{font-size:25px;line-height:1.2;margin:16px 0}.tech-body p{font-size:13px;color:var(--muted)}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.tech-tags span{font-size:9px;border:1px solid #bdddeb;padding:7px 9px;border-radius:20px}
.tech-art{height:245px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#8cddff4d,transparent 64%),linear-gradient(150deg,#f5fcff,#d7edf9);border-bottom:1px solid #cde6f2;display:grid;place-items:center}.tech-art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#3898be0a 1px,transparent 1px),linear-gradient(90deg,#3898be0a 1px,transparent 1px);background-size:25px 25px;pointer-events:none}
.globe{width:145px;height:145px;border:1px solid #269fdb;border-radius:50%;position:relative;box-shadow:inset -18px -10px 35px #2a9fe233,0 0 35px #51cfff55;background:radial-gradient(circle at 30% 25%,#fff,#c5ecff33 55%)}.globe i,.globe b,.globe span{position:absolute;border:1px solid #399ccc88;border-radius:50%;inset:0 30%}.globe b{inset:30% 0}.globe span{inset:10% 15%;transform:rotate(45deg)}.tech-orbit{position:absolute;width:230px;height:75px;border:1px solid #44bfff99;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 14px #6ce3ff55}.tech-signal{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 15px 6px #4acaff88;top:65px;left:27%;animation:signal-glow 4s ease-in-out infinite}
.route-core{position:absolute;left:18%;top:88px;width:68px;height:68px;display:grid;place-items:center;border-radius:14px;border:1px solid #4faedb;background:#ffffffb5;box-shadow:0 0 25px #44bfff44;color:#1575a6;font-size:25px;z-index:2}.route-node{position:absolute;right:18%;width:46px;height:40px;border:1px solid #65bde1;background:#f5fcff;border-radius:8px;display:grid;place-items:center;color:#318eaf;font-size:11px;z-index:2}.node-one{top:36px}.node-two{top:103px}.node-three{top:170px}.route-line{position:absolute;width:40%;height:68px;border:1px solid #43b4e3;left:35%;top:55px;border-left:0;border-bottom:0;box-shadow:0 -2px 10px #61d9ff22}.line-two{top:123px;transform:scaleY(-1)}
.secure-ring{position:absolute;width:205px;height:205px;border:1px solid #64b6da;border-radius:50%;box-shadow:0 0 0 12px #dff3fe77,0 0 32px #68d8ff55}.server-stack{width:110px;transform:perspective(600px) rotateY(-18deg) rotateX(6deg);z-index:2}.server-stack>span{height:33px;display:flex;gap:7px;align-items:center;padding:12px;border:1px solid #6eb6d9;background:linear-gradient(115deg,#fff,#c9e9fa);margin:6px 0;border-radius:5px;box-shadow:6px 5px 0 #8ac7e033}.server-stack i{width:5px;height:5px;background:#36b7ef;border-radius:50%;box-shadow:0 0 8px #32caff}.local-caption{position:absolute;bottom:24px;font-size:8px;letter-spacing:.25em;color:#2685ad}.hybrid-strip{display:flex;align-items:center;gap:24px;padding:28px 0;margin-top:22px;border-bottom:1px solid #cbe3f0}.hybrid-mark{font-size:36px;color:#198cc8}.hybrid-strip h3{margin:0 0 7px;font-size:21px}.hybrid-strip p{margin:0;font-size:13px;color:var(--muted);max-width:660px}.hybrid-strip a{margin-left:auto;white-space:nowrap}.tech-card:hover .globe{box-shadow:inset -18px -10px 35px #2a9fe233,0 0 50px #51cfff88}.globe{transition:box-shadow .6s}@keyframes signal-glow{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:1000px){.tech-body{padding:20px}.tech-body h3{font-size:21px}.tech-grid{gap:14px}.hybrid-strip{flex-wrap:wrap}.hybrid-strip a{margin-left:60px}}
@media(max-width:700px){.tech-grid{grid-template-columns:1fr}.tech-art{height:215px}.tech-body{padding:25px}.tech-body h3{font-size:25px}.hybrid-strip{gap:15px}.hybrid-strip>div{flex:1}.hybrid-strip a{margin-left:45px}.story-benefits>div{font-size:29px}.scroll-story{height:500svh}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-content{height:auto;overflow:visible;mask-image:none}.story-benefits{padding:0;transform:none!important}.tech-signal{animation:none}}

/* Tighter entry and exit around the benefit sequence. */
.story-content{height:91svh}
.story-benefits{padding-top:5svh}
.scroll-story + .team{padding-top:20px}
@media(max-width:700px){.scroll-story + .team{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.story-content{height:auto}.story-benefits{padding-top:0}.story-sticky{padding-top:32px;padding-bottom:32px}}

.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tech-body{padding:24px 20px}.tech-body h3{font-size:23px}
.hybrid-art{display:flex;justify-content:center;gap:18px}
.hybrid-cloud{height:70px;width:70px;display:grid;place-items:center;border:1px solid #59b1db;border-radius:25px;background:#ffffffa8;font-size:22px;color:#167cae;box-shadow:0 0 28px #57caff44}
.hybrid-bridge{font-size:28px;color:#238fc4;text-shadow:0 0 16px #42bdff}
.hybrid-server{width:62px}.hybrid-server span{display:block;height:21px;margin:5px 0;border:1px solid #60add0;border-radius:4px;background:linear-gradient(110deg,#fff,#b7e5fa);box-shadow:3px 3px #96cfe744}
.scroll-story.story-complete{height:auto}
.story-complete .story-sticky{position:static;height:auto;min-height:0;padding:32px 5%}
.story-complete .story-content{height:auto;overflow:visible;mask-image:none}
.story-complete .story-benefits{padding:0;transform:none!important;transition:none}
.story-complete .story-benefits>div{opacity:1;filter:none;transform:none;transition:none}
@media(max-width:1150px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tech-grid{grid-template-columns:1fr}.story-complete .story-sticky{padding:28px 6%}}

/* Personal consultation: preserve both people in the selected photograph. */
.contact-image{display:flex;align-items:center;background:linear-gradient(145deg,#e5eff5,#f5faff)}
.contact-image img{height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
@media(max-width:700px){.contact-image{height:auto}.contact-image img{height:auto;aspect-ratio:3/2;object-position:center}}

/* Editorial expertise and concrete employee scenarios. */
.capabilities{padding-top:40px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.task-card{border:1px solid #c8e3f0;border-radius:16px;background:linear-gradient(145deg,#fff,#eef8ff);overflow:hidden;box-shadow:0 20px 50px #3b80a50a}
.task-preview{position:relative;overflow:hidden;aspect-ratio:1.65}.task-preview img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}.task-card:hover .task-preview img{transform:scale(1.035)}
.task-badge{position:absolute;bottom:16px;left:16px;padding:9px 13px;background:#102f48d9;color:#e3f6ff;border:1px solid #7bd5ff77;border-radius:5px;font-size:11px;backdrop-filter:blur(12px)}
.task-card-body{padding:25px}.task-card h3{font-size:27px;margin:0 0 12px}.task-tagline{font-size:15px;line-height:1.6;color:var(--muted);min-height:52px;margin:0 0 20px}
.task-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;border:0;border-top:1px solid #cbe1ed;background:none;text-align:left;color:#176c9c;font:inherit;font-size:13px}.task-trigger span{font-size:23px;transition:transform .6s}.task-trigger[aria-expanded=true] span{transform:rotate(180deg)}
.task-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .5s}.task-card:has(.task-trigger[aria-expanded=true]) .task-panel{grid-template-rows:1fr;opacity:1}.task-panel>div{min-height:0;overflow:hidden}.task-inner{padding:14px 0 2px}.task-inner p{font-size:13px;color:var(--muted);margin:9px 0 20px}.task-inner ul{padding:0;list-style:none;margin:20px 0}.task-inner li{padding:12px 0 12px 17px;position:relative;font-size:13px;line-height:1.6;border-bottom:1px solid #dceaf3}.task-inner li:before{content:'';position:absolute;left:0;top:20px;width:4px;height:4px;background:#4bb6ed;border-radius:50%;box-shadow:0 0 8px #4ccaff88}.task-result{padding:17px;background:#dff1fc80;border-radius:8px}.task-result p{margin-bottom:0}.capabilities-note{font-size:12px;color:var(--muted);max-width:710px;margin:24px 0 0}
.expert{padding-top:110px;padding-bottom:20px}.expert-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.expert-portrait{position:relative;overflow:hidden;border-radius:16px;background:#e5f2fa}.expert-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center}.expert-signature{position:absolute;inset:auto 0 0;padding:70px 30px 28px;background:linear-gradient(transparent,#0b2849c9);color:#fff}.expert-signature span{font-size:36px;letter-spacing:-.04em}.expert-signature small{display:block;font-size:9px;letter-spacing:.18em;margin-top:9px}.expert-copy h2{font-size:clamp(32px,3.6vw,54px)}.expert-copy h2 span{color:#237fae}.expert-copy p{font-size:15px;color:var(--muted);max-width:560px}.expert-copy .expert-lead{font-size:20px;color:var(--ink);line-height:1.65}.expert-copy .text-link{display:inline-block;margin-top:16px}.project-heading{margin-top:55px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.project-heading p{font-size:15px;color:var(--muted)}.author-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:15px}.author-projects article{padding:28px;border:1px solid #c9e1ed;border-radius:13px;background:linear-gradient(140deg,#ffffffb0,#eaf6ff99);display:flex;flex-direction:column}.author-projects h3{font-size:23px;line-height:1.25;margin:20px 0 12px}.author-projects p{font-size:13px;color:var(--muted);margin:0 0 25px}.project-foot{font-size:10px;letter-spacing:.03em;color:#337b9f;margin-top:auto;border-top:1px solid #cce3ef;padding-top:17px}
.contact-path{border-top:1px solid #c9e1ed;padding-top:25px;margin-top:28px}.contact-path h3{font-size:24px;margin:10px 0}.contact-path p{font-size:14px;color:var(--muted);margin:8px 0 0}.contact-path .consultation{border:0;padding-top:20px;font-size:13px;gap:15px}.contact-path .consultation strong{font-size:26px}.contact-path .button{margin-top:18px;font-size:14px;min-height:74px}.contact-path .handshake{width:42px;height:42px;flex-shrink:0}.contact-image{align-self:start;position:sticky;top:30px;border-radius:14px}.contact-card{border-radius:14px}.contact{gap:24px;align-items:start}.contact-image img{border-radius:14px}.contact h2{font-size:clamp(30px,3vw,46px)}
button:focus-visible,a:focus-visible{outline:2px solid #1b96d0;outline-offset:5px}
@media(max-width:1000px){.task-grid{gap:14px}.task-card-body{padding:19px}.task-card h3{font-size:23px}.task-tagline{font-size:13px;min-height:63px}.expert-layout{gap:5%}.expert-copy .expert-lead{font-size:17px}.expert-copy p{font-size:13px}.author-projects article{padding:21px}.author-projects h3{font-size:21px}.contact{gap:18px}}
@media(max-width:700px){.task-grid,.expert-layout,.author-projects{grid-template-columns:1fr}.task-card-body{padding:24px}.task-tagline{min-height:0;font-size:15px}.task-card h3{font-size:27px}.task-preview{aspect-ratio:1.8}.expert{padding-top:65px}.expert-layout{gap:35px}.expert-portrait{max-width:440px;width:100%;margin:auto}.expert-copy h2{font-size:37px}.expert-copy .expert-lead{font-size:19px}.expert-copy p{font-size:15px}.project-heading{display:block;margin-top:40px}.author-projects article{padding:26px}.author-projects h3{font-size:25px}.contact-image{position:static}.contact{gap:0}.contact-image{border-radius:14px 14px 0 0}.contact-image img{border-radius:0}.contact-card{border-radius:0 0 14px 14px}.contact-path .button{gap:16px;font-size:13px}.task-trigger{font-size:14px}}
@media(prefers-reduced-motion:reduce){.task-panel,.task-preview img,.task-trigger span{transition:none}}


/* Custom vector lettering: Ruslan Nafisullin. */
.ruslan-wordmark{display:block;width:100%;max-width:340px;height:auto;overflow:visible;filter:drop-shadow(0 0 10px #68cfff40)}
.expert-signature{padding:95px 30px 28px;background:linear-gradient(transparent,#071f39e8)}
.expert-signature small{font-size:10px;letter-spacing:.2em;margin-top:17px;color:#e3f5ff;line-height:1.8}.expert-signature small b{color:#6ddaff;margin:0 6px;font-weight:400}
@media(max-width:700px){.expert-signature{padding:80px 25px 24px}.expert-signature small{font-size:9px;letter-spacing:.17em}}

/* Three meeting scenes balance the two consultation routes. */
.contact-gallery{display:grid;gap:20px;align-content:start;min-width:0}
.contact-gallery .contact-image{position:static;display:block;height:auto;border-radius:14px;box-shadow:0 12px 35px #27668b0d;border:1px solid #d3e8f3}
.contact-gallery .contact-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}
@media(max-width:700px){.contact-gallery{gap:14px;margin-bottom:22px}.contact-gallery .contact-image{border-radius:12px}.contact-card{border-radius:14px}}

/* One employee, one complete capability sheet. */
.team-workspace{grid-template-columns:1.15fr 1fr;align-items:stretch}
.team-panel{padding:25px}.role-card #role-detail{height:auto;min-height:660px;overflow:visible}
.role-card #role-description{margin-bottom:23px}.role-competencies ul{list-style:none;padding:0;margin:12px 0 22px}.role-competencies li{position:relative;padding:11px 0 11px 18px;border-bottom:1px solid #cde3f0;font-size:13px;line-height:1.6;min-height:44px}.role-competencies li:before{content:'';position:absolute;left:0;top:19px;width:4px;height:4px;background:#3fb6ed;box-shadow:0 0 9px #55cfff70;border-radius:50%}.role-materials{margin-bottom:20px}.role-materials p,.role-competencies .task-result p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0}.role-competencies .task-result{min-height:118px}
.team-extension .extra-card{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;margin-top:24px;padding:30px;background:linear-gradient(120deg,#f8fcff,#e8f5ff)}
.team-extension .extra-detail{height:auto;min-height:145px;padding:0;overflow:visible}.extension-hint{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 0}.team-extension .extra-detail h3{font-size:22px;margin:8px 0 10px}.team-extension .extra-detail p{font-size:14px}.team-extension .role-name{font-size:16px}.team-extension .extra-number{display:none}
@media(max-width:1000px){.team-workspace{grid-template-columns:1fr 1fr}.team-panel{padding:18px}.team-extension .extra-card{gap:28px}.role-card #role-detail{min-height:745px}}
@media(max-width:700px){.team-workspace{grid-template-columns:1fr}.team-visual{min-height:330px}.role-card #role-detail{height:auto;min-height:0}.team-extension .extra-card{grid-template-columns:1fr;gap:24px;padding:24px}.team-extension .extra-detail{min-height:0}.role-competencies .task-result{min-height:0}.role-competencies li{font-size:14px}.team-panel{padding:20px}}
@media(min-width:1001px){.role-card #role-detail{min-height:720px}} @media(min-width:701px) and (max-width:1000px){.role-card #role-detail{min-height:810px}}

.expert-copy .expert-private{padding-left:18px;border-left:1px solid #76c9ef;color:#397591;margin-top:24px}
.expert-vision{margin-top:45px;padding:30px 36px;border:1px solid #c3e3f3;border-radius:14px;background:radial-gradient(ellipse at 95% 30%,#b6e7ff55,transparent 60%),linear-gradient(120deg,#ffffffb0,#edf8ff);display:grid;grid-template-columns:1.1fr 1fr;gap:15px 45px;align-items:center}
.expert-vision .eyebrow{grid-column:1/-1}.expert-vision p{margin:0;font-size:clamp(23px,2.7vw,37px);line-height:1.3;letter-spacing:-.035em}.expert-vision p span{color:#237fae}.expert-vision>div{font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){.expert-vision{grid-template-columns:1fr;padding:25px;gap:17px}.expert-vision p{font-size:27px}.expert-vision>div{font-size:14px}}

/* Honest outcomes for businesses working in the physical world. */
.real-business{padding-bottom:20px}.reality-intro{max-width:1050px}.reality-intro h2 span{color:#2384b8}.reality-intro>p{max-width:800px;font-size:18px;line-height:1.8;color:var(--muted)}
.reality-benefits{margin-top:45px;border-top:1px solid #c4e0ee}.reality-row{display:grid;grid-template-columns:42px 1.1fr 1fr;gap:25px;align-items:start;padding:30px 0;border-bottom:1px solid #c4e0ee}.reality-number{font-size:12px;color:#429bc7;padding-top:8px;letter-spacing:.1em}.reality-row h3{font-size:clamp(25px,2.7vw,39px);font-weight:500;line-height:1.2;margin:0;letter-spacing:-.04em}.reality-row p{margin:0;font-size:15px;color:var(--muted);line-height:1.8}.reality-row:nth-child(even) h3{color:#267fae}
.industry-heading{margin-top:70px}.industry-heading h3{font-size:clamp(30px,3.3vw,47px);font-weight:500;line-height:1.2;margin:17px 0}.industry-heading>p{font-size:15px;color:var(--muted)}.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.industry-card{padding:32px;border:1px solid #c6e2f1;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#b8eaff55,transparent 65%),linear-gradient(130deg,#fff,#edf7fd);display:flex;flex-direction:column}.industry-card h4{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:20px 0 14px}.industry-card>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 25px}.industry-example{margin-top:auto;padding-top:20px;border-top:1px solid #c5deed}.industry-example p{font-size:14px;line-height:1.75;margin:10px 0 0;color:#346b8a}.reality-foundation{margin-top:28px;display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:25px 0}.reality-foundation>span{font-size:19px;color:#207aa9}.reality-foundation p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
@media(max-width:700px){.reality-intro>p{font-size:16px}.reality-row{grid-template-columns:26px 1fr;gap:12px;padding:25px 0}.reality-row h3{font-size:28px}.reality-row p{grid-column:2;font-size:14px}.industry-grid{grid-template-columns:1fr}.industry-card{padding:25px}.industry-card h4{font-size:26px}.industry-heading{margin-top:45px}.reality-foundation{grid-template-columns:1fr;gap:12px}}