@import url('vietnamese-fonts.css?v=20260817-vi1');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap');

:root{--bg:#f5f9f8;--surface:#fff;--text:#103441;--muted:#607780;--accent:#087c91;--accent2:#ef5145;--line:#d5e3e5;--soft:#e7f2f1;--particle:#0d8fa2;--radius:28px;--scroll:0%;font-family:"DM Sans",Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.scroll-line{position:fixed;z-index:50;left:0;top:0;height:3px;width:var(--scroll);background:var(--accent2);box-shadow:0 0 20px var(--accent2)}.motion-spotlight{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .7s;background:radial-gradient(460px circle at var(--mx,50%) var(--my,45%),color-mix(in srgb,var(--particle) 10%,transparent),transparent 72%);mix-blend-mode:multiply}.motion-spotlight.show{opacity:1}.motion-cursor{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:0;transition:opacity .25s}.motion-cursor.show{opacity:1}.motion-cursor i,.motion-cursor b{position:absolute;left:0;top:0;display:block;border-radius:50%;translate:-100px -100px}.motion-cursor i{width:7px;height:7px;margin:-3.5px;background:var(--particle);box-shadow:0 0 14px var(--particle)}.motion-cursor b{width:40px;height:40px;margin:-20px;border:1px solid color-mix(in srgb,var(--particle) 60%,transparent);transition:width .2s,height .2s,margin .2s,background .2s;backdrop-filter:invert(.04)}.motion-cursor.magnetic b{width:62px;height:62px;margin:-31px;background:color-mix(in srgb,var(--particle) 9%,transparent);border-color:var(--particle)}

.site-head{height:92px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;padding:0 clamp(24px,4vw,72px);position:absolute;left:0;right:0;top:0;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.brand{display:flex;align-items:center;gap:12px;font:800 18px/1 "Manrope";letter-spacing:.02em}.brand img{width:38px;height:38px;object-fit:contain}.site-head nav{display:flex;justify-content:center;gap:34px;font-size:14px}.site-head nav a{position:relative}.site-head nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--accent);transition:.25s}.site-head nav a:hover:after{width:100%}.head-cta{font-weight:700;font-size:14px;padding:13px 18px;border:1px solid var(--line);border-radius:999px}.head-cta span,.button span{margin-left:10px}.menu{display:none;background:none;border:0;color:inherit}

.hero{min-height:100svh;padding:150px clamp(24px,6vw,110px) 70px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:4vw;align-items:center;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 42%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),linear-gradient(110deg,transparent 0 54%,color-mix(in srgb,var(--surface) 55%,transparent) 54%)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--accent);margin:0 0 24px}.hero h1{font:700 clamp(48px,5.5vw,92px)/.98 "Manrope";letter-spacing:-.058em;margin:0;max-width:900px}.lead{font-size:clamp(16px,1.35vw,21px);line-height:1.65;color:var(--muted);max-width:670px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s}.button.primary{background:var(--accent);color:white;box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 25%,transparent)}.button.primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 35%,transparent)}.button.text{padding-inline:0}.play{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:10px;margin-right:10px}.hero-proof{display:flex;gap:28px;margin-top:44px;color:var(--muted);font-size:12px}.hero-proof span{border-left:1px solid var(--line);padding-left:15px}.hero-proof b{display:block;color:var(--text);font-size:18px;margin-bottom:3px}.hero-visual{min-height:600px;position:relative;display:grid;place-items:center;perspective:1000px}.hero-visual:before{content:"";position:absolute;width:min(36vw,510px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;box-shadow:inset 0 0 70px color-mix(in srgb,var(--accent) 9%,transparent)}#hero3d{position:absolute;inset:2%;width:96%;height:96%;z-index:2;filter:drop-shadow(0 22px 32px color-mix(in srgb,var(--accent) 20%,transparent))}.hero-visual figure{position:absolute;width:205px;height:260px;right:4%;bottom:8%;margin:0;border-radius:100px 100px 22px 22px;overflow:hidden;border:8px solid color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:0 28px 80px rgba(15,46,56,.22);transform:rotateY(-8deg) rotateZ(3deg);z-index:3}.hero-visual figure img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.86);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:700;color:#123}.visual-label{position:absolute;z-index:4;padding:12px 15px;min-width:140px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 16px 44px rgba(15,46,56,.1);animation:float 4.8s ease-in-out infinite}.visual-label small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted)}.visual-label strong{font-size:12px}.label-a{left:4%;top:27%}.label-b{right:7%;top:17%;animation-delay:-2s}.orbital{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;animation:spin 20s linear infinite}.orbital-a{width:72%;height:38%;transform:rotate(24deg)}.orbital-b{width:40%;height:76%;transform:rotate(-36deg);animation-direction:reverse}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.scroll-cue span{display:inline-block;width:40px;height:1px;background:var(--line);vertical-align:middle;margin-right:10px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:12px;height:1px;background:var(--accent);animation:scan 2s infinite}

.marquee{overflow:hidden;border-block:1px solid var(--line);padding:17px 0;background:var(--surface)}.marquee div{width:max-content;display:flex;align-items:center;gap:28px;animation:marquee 20s linear infinite;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700}.marquee i{color:var(--accent2);font-style:normal}.section{padding:clamp(90px,10vw,160px) clamp(24px,6vw,110px)}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;margin-bottom:65px}.section-head h2,.workflow h2,.manifesto h2,.contact h2{font:600 clamp(38px,4.6vw,72px)/1.03 "Manrope";letter-spacing:-.048em;margin:0}.section-head h2{grid-column:2}.section-head h2 em{font-family:"Newsreader";font-weight:400;color:var(--accent);text-decoration:none}.section-head>p:last-child{line-height:1.65;color:var(--muted);margin:5px 0 0}.solution-grid{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:20px}.solution-card{min-height:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.solution-card:hover{box-shadow:0 30px 80px rgba(14,49,59,.12)}.solution-card>span{font:700 12px "Manrope";color:var(--accent)}.solution-card small{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:var(--muted)}.solution-card h3{font:700 clamp(28px,3vw,44px)/1 "Manrope";letter-spacing:-.04em;margin:10px 0}.solution-card p{color:var(--muted);line-height:1.6;max-width:380px}.solution-card a{font-size:12px;font-weight:700;color:var(--accent)}.solution-card.featured{color:white;background:var(--accent);border-color:transparent}.solution-card.featured small,.solution-card.featured p,.solution-card.featured a,.solution-card.featured>span{color:rgba(255,255,255,.78)}.solution-card.featured img{position:absolute;right:-10%;top:5%;width:55%;height:70%;object-fit:cover;border-radius:50% 0 50% 50%;opacity:.48;mix-blend-mode:screen}.solution-card.featured>div{position:relative;z-index:2}

.workflow{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,8vw,120px);align-items:center;background:var(--text);color:var(--bg)}.workflow-media{min-height:680px;border-radius:var(--radius);position:relative;overflow:hidden;background:#071f29}.workflow-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.4) contrast(1.16);opacity:.65}.scan-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(color-mix(in srgb,var(--particle) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--particle) 22%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent)}.scan-line{position:absolute;z-index:3;left:0;right:0;height:2px;background:var(--particle);box-shadow:0 0 18px var(--particle);animation:scanVertical 4.5s ease-in-out infinite}.media-tag{position:absolute;z-index:4;bottom:22px;left:22px;padding:10px 13px;background:rgba(0,0,0,.56);border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:9px;letter-spacing:.12em}.workflow-copy .eyebrow{color:var(--particle)}.workflow-copy ol{list-style:none;padding:0;margin:48px 0 0}.workflow-copy li{display:grid;grid-template-columns:48px 1fr;gap:18px;border-top:1px solid color-mix(in srgb,var(--bg) 18%,transparent);padding:22px 0}.workflow-copy li>b{color:var(--particle)}.workflow-copy li span{color:color-mix(in srgb,var(--bg) 70%,transparent);font-size:14px;line-height:1.6}.workflow-copy li strong{display:block;color:var(--bg);font-size:17px;margin-bottom:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:70px clamp(24px,6vw,110px);background:var(--surface);border-bottom:1px solid var(--line)}.metric{padding:0 30px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric b{font:700 clamp(44px,5vw,72px)/1 "Manrope";letter-spacing:-.05em}.metric span{font-size:15px;color:var(--accent);margin-left:5px}.metric p{font-size:12px;color:var(--muted);max-width:180px;line-height:1.5}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.manifesto-art{min-height:590px;position:relative;border-radius:50% 50% 12% 50%;overflow:hidden;background:var(--soft);box-shadow:inset 0 0 100px color-mix(in srgb,var(--accent) 12%,transparent)}.manifesto-art canvas{width:100%;height:100%;position:absolute}.manifesto-art span{position:absolute;left:40px;bottom:32px;font-size:9px;letter-spacing:.14em;color:var(--muted)}.manifesto-copy blockquote{font:400 clamp(30px,3.8vw,56px)/1.13 "Newsreader";margin:0 0 38px;color:var(--text)}.manifesto-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:600px}.contact{margin:0 clamp(18px,3vw,48px) 48px;border-radius:var(--radius);background:var(--accent);color:white;display:flex;align-items:end;justify-content:space-between;gap:50px}.contact .eyebrow{color:color-mix(in srgb,white 70%,var(--accent2))}.contact .primary{background:white;color:var(--accent)}.contact .text{color:white;margin-left:18px}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:50px clamp(24px,6vw,110px);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer>div:last-child{text-align:right}.site-footer small{display:block;margin-top:15px}.footer-brand img{filter:grayscale(1)}.concept-switcher{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;gap:4px;padding:6px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:999px;box-shadow:0 12px 34px rgba(12,47,57,.12)}.concept-switcher a{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.concept-switcher a:first-child{width:auto;padding:0 10px}.concept-switcher a.active{background:var(--accent);color:white}

/* Concept 02 — precision lab */
.c-lab{--bg:#06141b;--surface:#0a2029;--text:#edfaff;--muted:#89a7b2;--accent:#23d8e4;--accent2:#ff6b4a;--line:#183742;--soft:#0b2630;--particle:#39f3ff}.c-lab .site-head{background:rgba(6,20,27,.62);backdrop-filter:blur(16px);position:fixed}.c-lab .brand img{filter:brightness(0) invert(1)}.c-lab .hero:after{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(57,243,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(57,243,255,.045) 1px,transparent 1px);background-size:64px 64px}.c-lab .hero h1{text-transform:uppercase;font-size:clamp(48px,5vw,82px)}.c-lab .button.primary{color:#041418}.c-lab .hero-visual figure{border-radius:18px;transform:rotateY(-12deg) rotateZ(2deg);border-color:#143944}.c-lab .visual-label{background:rgba(7,29,38,.8)}.c-lab .solution-card.featured{color:#041418}.c-lab .workflow{background:#030c10}.c-lab .contact{color:#041418}.c-lab .contact .primary{background:#041418;color:#fff}.c-lab .contact .text{color:#041418}

/* Concept 03 — human medtech */
.c-human{--bg:#fbf5ed;--surface:#fffaf4;--text:#2c3e3b;--muted:#786f68;--accent:#227a70;--accent2:#e86c50;--line:#e5d8ca;--soft:#f3dfd1;--particle:#e86c50;--radius:40px}.c-human .hero{grid-template-columns:.88fr 1.12fr}.c-human .hero:before{background:radial-gradient(circle at 76% 35%,#f1cfc0,transparent 38%)}.c-human .hero h1{font-family:"Newsreader";font-weight:500;letter-spacing:-.04em}.c-human .hero-visual figure{width:68%;height:82%;right:2%;bottom:3%;border-radius:48% 48% 28px 28px;transform:none;border-color:#fff8;z-index:1}.c-human #hero3d{left:-10%;width:74%;z-index:3}.c-human .orbital{z-index:2}.c-human .solution-card.featured{background:var(--accent2)}.c-human .section-head h2,.c-human .workflow h2,.c-human .contact h2{font-family:"Newsreader";font-weight:500}.c-human .workflow{background:#304b47}.c-human .manifesto-art{border-radius:48% 48% 48% 14%}.c-human .contact{background:var(--accent2)}

.c-human .hero-visual figure img{object-position:18% center}

/* Concept 04 — editorial science */
.c-editorial{--bg:#f3f0e8;--surface:#faf8f2;--text:#151515;--muted:#68655e;--accent:#bd2e24;--accent2:#bd2e24;--line:#c9c4b9;--soft:#ded9cd;--particle:#bd2e24;--radius:2px}.c-editorial .site-head{border-color:#222;height:78px}.c-editorial .brand,.c-editorial .site-head nav,.c-editorial .head-cta{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.c-editorial .hero{padding-top:126px;grid-template-columns:1.18fr .82fr}.c-editorial .hero:before{background:none}.c-editorial .hero h1{font-family:"Newsreader";font-weight:600;letter-spacing:-.045em;font-size:clamp(58px,6.8vw,108px)}.c-editorial .hero-visual:before{border-radius:0;border-color:#222}.c-editorial .hero-visual figure{border-radius:0;width:48%;height:52%;right:0;bottom:0;border:0;transform:none;filter:grayscale(1)}.c-editorial .visual-label{border-radius:0;border-color:#222;box-shadow:none}.c-editorial .button{border-radius:0;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.c-editorial .marquee{border-color:#222;background:var(--accent);color:#fff}.c-editorial .solution-grid{gap:0;border:1px solid #222}.c-editorial .solution-card{border:0;border-right:1px solid #222}.c-editorial .solution-card:last-child{border:0}.c-editorial .solution-card.featured{background:#151515}.c-editorial .section-head h2,.c-editorial .workflow h2,.c-editorial .contact h2{font-family:"Newsreader";font-weight:500}.c-editorial .workflow{background:#171717}.c-editorial .manifesto-art{border-radius:0}.c-editorial .contact{border-radius:0;background:#151515}.c-editorial .concept-switcher{border-radius:0}

/* Concept 05 — biofuture */
.c-biofuture{--bg:#071a18;--surface:#0d2622;--text:#f2f8e8;--muted:#9eb3a7;--accent:#a8e94b;--accent2:#e3ffad;--line:#29453e;--soft:#17342e;--particle:#b8ff58;--radius:34px}.c-biofuture .site-head{background:rgba(7,26,24,.62);backdrop-filter:blur(18px);position:fixed}.c-biofuture .brand img{filter:brightness(0) invert(1)}.c-biofuture .hero:before{background:radial-gradient(circle at 74% 38%,rgba(168,233,75,.18),transparent 37%),radial-gradient(circle at 45% 0,rgba(58,151,128,.12),transparent 34%)}.c-biofuture .hero h1{font-size:clamp(52px,5.7vw,94px)}.c-biofuture .button.primary{color:#102318}.c-biofuture .hero-visual:before{border-radius:38% 62% 58% 42%/48% 42% 58% 52%;animation:morph 9s ease-in-out infinite}.c-biofuture .hero-visual figure{border-radius:45% 55% 50% 50%;border-color:#1b3e37}.c-biofuture .visual-label{background:rgba(13,38,34,.75)}.c-biofuture .solution-card.featured{color:#102318}.c-biofuture .solution-card.featured small,.c-biofuture .solution-card.featured p,.c-biofuture .solution-card.featured a,.c-biofuture .solution-card.featured>span{color:#24402d}.c-biofuture .workflow{background:#030d0c}.c-biofuture .manifesto-art{border-radius:38% 62% 55% 45%/45% 42% 58% 55%;animation:morph 11s ease-in-out infinite}.c-biofuture .contact{color:#102318}.c-biofuture .contact .primary{background:#102318;color:white}.c-biofuture .contact .text{color:#102318}

/* Concept gallery */
.gallery-page{--particle:#30d7d0;background:#08181e;color:#eefbfc;min-height:100vh}.gallery-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 5%,rgba(16,116,132,.25),transparent 38%),radial-gradient(circle at 92% 60%,rgba(227,81,69,.12),transparent 35%);pointer-events:none}.gallery-head{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19343d;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#89a5ad}.wordmark{font:800 15px "Manrope";color:#fff;letter-spacing:.02em}.wordmark span{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:8px;background:#0a8093;border-radius:50%}.gallery-hero{padding:110px clamp(24px,6vw,100px) 80px;position:relative;z-index:1}.gallery-hero h1{font:700 clamp(54px,7.4vw,120px)/1.02 "Manrope";letter-spacing:-.055em;margin:0;max-width:1260px}.gallery-hero h1 span,.gallery-hero h1 em{display:block}.gallery-hero h1 em{font-family:"Newsreader";font-weight:400;font-style:italic;line-height:1.04;color:#72d6d2;margin-top:.06em}.gallery-hero>p:not(.eyebrow){max-width:650px;margin:40px 0 36px;color:#9ab1b8;font-size:18px;line-height:1.6}.gallery-meta{display:flex;gap:10px;flex-wrap:wrap}.gallery-meta span{border:1px solid #25434c;border-radius:999px;padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gallery-grid{padding:0 clamp(24px,6vw,100px) 120px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;position:relative;z-index:1}.gallery-card{min-height:620px;border:1px solid #24414a;border-radius:30px;overflow:hidden;background:#0d2229;transition:.35s}.gallery-card:hover{transform:translateY(-8px);border-color:#4b7480;box-shadow:0 30px 80px rgba(0,0,0,.3)}.gallery-card:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr}.gallery-card__visual{height:340px;position:relative;overflow:hidden;background:radial-gradient(circle,#163d47,#09191f)}.gallery-card:nth-child(5) .gallery-card__visual{height:auto;min-height:520px}.gallery-card__visual canvas{width:100%;height:100%}.gallery-card__visual>span{position:absolute;right:26px;top:20px;font:700 80px "Manrope";letter-spacing:-.08em;color:rgba(255,255,255,.09)}.gallery-card__copy{padding:34px}.gallery-card__copy small{color:#72a1ac;text-transform:uppercase;letter-spacing:.12em}.gallery-card__copy h2{font:700 42px "Manrope";letter-spacing:-.045em;margin:10px 0}.gallery-card__copy p{color:#9bb1b7;line-height:1.6;max-width:600px;min-height:76px}.gallery-card__copy b{display:block;margin-top:28px;color:#fff;font-size:13px}.gallery-card__copy i{float:right;font-style:normal}.g-lab .gallery-card__visual{--particle:#28e7ee;background:#041116}.g-human .gallery-card__visual{--particle:#e66d52;background:#eed5c6}.g-editorial .gallery-card__visual{--particle:#c0342b;background:#e8e4da}.g-biofuture .gallery-card__visual{--particle:#b8ff58;background:#0b2420}.gallery-footer{padding:40px clamp(24px,6vw,100px);display:flex;justify-content:space-between;border-top:1px solid #19343d;color:#78929a;font-size:10px;letter-spacing:.12em}

.catalog-toolbar{position:relative;z-index:2;margin:0 clamp(24px,6vw,100px) 34px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:clamp(28px,5vw,70px);align-items:end;border:1px solid #24414a;border-radius:30px;background:linear-gradient(135deg,rgba(14,43,51,.94),rgba(8,27,33,.9));box-shadow:0 24px 70px rgba(0,0,0,.18)}.catalog-toolbar small{color:#65c9cc;font-size:10px;letter-spacing:.15em}.catalog-toolbar h2{margin:10px 0 12px;font:700 clamp(30px,3.7vw,54px)/1 "Manrope";letter-spacing:-.05em}.catalog-toolbar p{margin:0;color:#91a9af;line-height:1.65}.catalog-filters{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.catalog-filters button{padding:11px 14px;border:1px solid #31515a;border-radius:999px;background:transparent;color:#a9bec3;font:700 10px "Manrope";letter-spacing:.06em;cursor:pointer;transition:.22s}.catalog-filters button:hover,.catalog-filters button.active{border-color:#72d6d2;background:#72d6d2;color:#07191f}.gallery-card.is-hidden{display:none!important}.catalog-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.catalog-card-meta span{padding:7px 9px;border:1px solid #2e4c55;border-radius:999px;color:#89aeb5;font-size:9px;font-weight:700;letter-spacing:.1em}.catalog-card-meta .catalog-region{border-color:#236c79;color:#6ed2d5}.catalog-price{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:14px;padding:16px 0 4px;border-top:1px solid #24414a}.catalog-price small{font-size:9px}.catalog-price strong{color:#f1fbfb;font:700 clamp(19px,2vw,26px) "Manrope";letter-spacing:-.035em}.gallery-card:nth-child(5) .catalog-card-meta,.gallery-card:nth-child(5) .catalog-price{max-width:620px}

.reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s}.reveal.visible{opacity:1;transform:none;filter:blur(0)}[data-depth]{will-change:translate}.button,.head-cta{will-change:translate;transition:translate .35s cubic-bezier(.2,.8,.2,1),transform .25s,box-shadow .25s}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{rotate:360deg}}@keyframes scan{0%{left:0}50%{left:28px}100%{left:0}}@keyframes scanVertical{0%,100%{top:10%}50%{top:90%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes morph{0%,100%{border-radius:38% 62% 55% 45%/45% 42% 58% 55%}50%{border-radius:62% 38% 42% 58%/55% 58% 42% 45%}}

@media(max-width:1000px){.site-head{grid-template-columns:1fr auto;height:74px}.site-head nav{display:none;position:absolute;top:74px;left:20px;right:20px;padding:20px;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px}.site-head nav.open{display:flex}.head-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{max-width:760px}.hero-visual{min-height:520px}.section-head{grid-template-columns:1fr}.section-head h2{grid-column:auto}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.featured{grid-column:1/-1}.workflow,.manifesto{grid-template-columns:1fr}.workflow-media{min-height:540px}.metrics{grid-template-columns:1fr 1fr;gap:35px}.metric:nth-child(2){border:0}.contact{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.gallery-card:nth-child(5){grid-column:auto;display:block}.gallery-card:nth-child(5) .gallery-card__visual{min-height:340px}.c-human .hero,.c-editorial .hero{grid-template-columns:1fr}}
@media(max-width:640px){.site-head{padding-inline:18px}.brand img{width:32px;height:32px}.hero{padding:108px 20px 70px}.hero h1{font-size:47px}.lead{font-size:16px}.hero-proof{gap:12px}.hero-visual{min-height:430px}.hero-visual figure{width:150px;height:190px}.visual-label{min-width:120px;padding:10px}.section{padding:80px 20px}.section-head{margin-bottom:38px}.section-head h2,.workflow h2,.manifesto h2,.contact h2{font-size:40px}.solution-grid{grid-template-columns:1fr}.solution-card.featured{grid-column:auto}.solution-card{min-height:360px}.workflow-media{min-height:420px}.metrics{grid-template-columns:1fr}.metric{border:0;border-bottom:1px solid var(--line);padding:20px 0}.manifesto-art{min-height:420px}.contact{margin:0 12px 30px}.contact-actions{display:flex;flex-direction:column;align-items:start}.contact .text{margin-left:0}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer>div:last-child{text-align:left}.concept-switcher{left:50%;right:auto;transform:translateX(-50%);bottom:10px}.gallery-head{padding-inline:20px}.gallery-head>div{display:none}.gallery-hero{padding:80px 20px 55px}.gallery-hero h1{font-size:clamp(43px,13.2vw,58px);line-height:1.06;letter-spacing:-.045em}.gallery-hero h1 em{line-height:1.08;margin-top:.12em}.gallery-hero>p:not(.eyebrow){margin-top:32px;font-size:16px}.gallery-grid{padding:0 14px 90px}.gallery-card{min-height:560px}.gallery-card__visual{height:280px}.gallery-card__copy h2{font-size:34px}.gallery-footer{padding-inline:20px;gap:20px}.c-human #hero3d{left:0;width:100%}.c-human .hero-visual figure{width:70%}}
@media(pointer:coarse),(max-width:900px){.motion-cursor,.motion-spotlight{display:none}}
@media(max-width:1000px){.catalog-toolbar{grid-template-columns:1fr}.catalog-filters{justify-content:flex-start}}
@media(max-width:640px){.catalog-toolbar{margin:0 14px 24px;padding:24px 20px;border-radius:22px}.catalog-filters{gap:7px}.catalog-filters button{padding:9px 11px}.catalog-price{align-items:flex-start;flex-direction:column;gap:7px}.gallery-card__copy p{min-height:0}}
@media(pointer:fine) and (min-width:901px){.concept,.concept a,.concept button{cursor:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.motion-cursor,.motion-spotlight{display:none}}