:root{--ink:#17213d;--ink2:#334464;--muted:#63718a;--navy:#0b1430;--navy2:#111e44;--blue:#5475f9;--violet:#8472e8;--teal:#25b8b2;--line:#e4e9f2;--bg:#f7f9fd;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(15,31,67,.075);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;background:var(--white);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91a5ff;outline-offset:4px}::selection{background:#cbd7ff;color:#14234b}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-90px;left:18px;background:#fff;color:#101d40;z-index:300;padding:12px 20px;border-radius:10px}.skip-link:focus{top:14px}
.topline{height:5px;background:linear-gradient(90deg,#567aff 0%,#8068f9 60%,#28c3bd 100%)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(224,229,239,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{width:44px;height:44px;display:block;border-radius:13px;box-shadow:0 6px 18px rgba(66,91,196,.16)}.brand-title{display:block;font-weight:800;font-size:19px;letter-spacing:-.045em;line-height:1.12}.brand-sub{display:block;font-size:9px;font-weight:800;letter-spacing:.22em;color:#7d889b;line-height:1.5;margin-top:3px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:13px;color:#53617b;font-weight:650;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:#3559d3}.header-actions{display:flex;align-items:center;gap:12px}.language-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750;color:#495b78}.language-switch svg{width:15px;height:15px}.header-cta{background:var(--navy);color:#fff;font-size:12px;font-weight:750;padding:11px 17px;border-radius:999px;white-space:nowrap}.header-cta:hover{background:#263b77}.mobile-toggle{display:none;width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:12px;color:var(--ink);align-items:center;justify-content:center}.mobile-toggle svg{width:22px;height:22px}
.section-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#5372e6;display:inline-flex;align-items:center;gap:11px}.section-kicker::before{content:"";width:20px;height:2px;background:currentColor}.section-kicker.light{color:#8fa7ff}.section-kicker.teal{color:#0f999f}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}.section-heading{font-size:clamp(31px,3.4vw,47px);font-weight:800;letter-spacing:-.055em;line-height:1.17;margin:16px 0 15px}.section-description{font-size:15px;color:var(--muted);max-width:640px;margin:0;line-height:1.8}.section-heading-wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading-wrap .section-description{max-width:450px}.text-link{color:#4c65d5;font-size:13px;font-weight:800;display:inline-flex;gap:9px;align-items:center}.text-link:hover{gap:13px}
.hero{background:#0a1330;color:white;position:relative;overflow:hidden;isolation:isolate}.hero::before{position:absolute;content:"";width:760px;height:760px;background:radial-gradient(circle,rgba(73,104,255,.22),transparent 64%);right:-170px;top:-270px;z-index:-1;pointer-events:none}.hero::after{position:absolute;content:"";width:500px;height:500px;background:radial-gradient(circle,rgba(44,178,197,.1),transparent 67%);left:-230px;bottom:-260px;z-index:-1;pointer-events:none}.hero-gridlines{position:absolute;inset:0;opacity:.075;background-image:linear-gradient(#a5b9e5 1px,transparent 1px),linear-gradient(90deg,#a5b9e5 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);z-index:-1}.hero .container{position:relative}.hero-layout{min-height:637px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:52px;padding-block:92px 99px}.hero-kicker{color:#b3c0e5;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:750;display:flex;align-items:center;gap:12px}.hero-kicker .dot{width:8px;height:8px;background:#52dbc8;box-shadow:0 0 0 6px rgba(62,210,194,.12);border-radius:50%}.hero h1{font-size:clamp(44px,5.2vw,70px);letter-spacing:-.068em;font-weight:820;line-height:1.075;margin:23px 0}.hero h1 .highlight{color:#99aaff}.hero-lead{color:#b7c4df;line-height:1.9;font-size:16px;max-width:540px;margin:0}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 22px;border-radius:999px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-primary{background:#627ffe;color:white;box-shadow:0 12px 32px rgba(47,82,215,.29)}.btn-primary:hover{background:#8294ff}.btn-outline{color:#e8efff;border:1px solid rgba(193,211,255,.25);background:rgba(255,255,255,.04)}.btn-outline:hover{border-color:rgba(193,211,255,.7);background:rgba(255,255,255,.09)}.btn-dark{background:#182849;color:white}.btn-dark:hover{background:#304980}.hero-micro{display:flex;align-items:center;gap:12px;color:#8c9bb9;font-size:11px;margin-top:36px;letter-spacing:.025em}.hero-micro .line{height:1px;width:27px;background:#637392}.hero-visual{position:relative;padding:12px;max-width:535px;width:100%;justify-self:end}.eco-shell{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(91,124,199,.035));border:1px solid rgba(172,194,255,.19);border-radius:27px;padding:23px;box-shadow:0 25px 80px rgba(0,0,0,.24);backdrop-filter:blur(14px);position:relative;transform:rotate(-1deg)}.eco-shell::before{content:"";position:absolute;inset:-13px;border:1px solid rgba(130,155,237,.09);border-radius:34px;pointer-events:none}.board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(199,213,246,.12);padding-bottom:19px;margin-bottom:21px;gap:10px}.board-label{display:flex;align-items:center;gap:9px;color:#e6eeff;font-weight:800;font-size:12px;letter-spacing:.09em}.board-label .orb{width:23px;height:23px;background:linear-gradient(140deg,#627efe,#62d9cf);border-radius:7px}.board-chip{font-size:10px;color:#a9bce9;border:1px solid rgba(164,189,243,.22);border-radius:99px;padding:5px 10px}.board-header{color:#8395ba;font-size:10px;font-weight:750;letter-spacing:.17em;margin-bottom:14px}.eco-block{position:relative;display:flex;align-items:center;gap:15px;padding:17px;border-radius:15px;border:1px solid rgba(197,211,247,.12);background:linear-gradient(105deg,rgba(22,40,82,.96),rgba(15,30,69,.65));margin-top:10px;box-shadow:0 10px 25px rgba(0,0,0,.14)}.eco-block:nth-of-type(2){margin-left:25px}.eco-block:nth-of-type(3){margin-left:50px}.eco-block:nth-of-type(4){margin-left:75px}.block-icon{display:grid;place-items:center;flex:0 0 auto;width:47px;height:47px;border-radius:12px;background:rgba(96,118,255,.16);color:#9eaaff}.block-icon.green{background:rgba(34,182,180,.14);color:#5fe3da}.block-icon.gold{background:rgba(248,181,104,.13);color:#ffd19e}.block-icon svg{width:22px;height:22px}.block-text{flex:1;min-width:0}.block-text strong{display:block;font-size:14px;line-height:1.4}.block-text small{display:block;color:#91a3c4;font-size:11px;margin-top:3px}.block-no{font-weight:800;color:#7487b5;font-size:11px}.board-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#8395b4;font-size:10px;gap:15px}.status-active{display:flex;align-items:center;gap:7px}.status-active span{height:6px;width:6px;background:#4ce1c5;border-radius:50%}.float-circle{position:absolute;z-index:-1;width:96px;height:96px;border:1px solid rgba(152,184,255,.18);border-radius:50%;right:-14px;top:-16px;box-shadow:0 0 0 21px rgba(124,163,255,.045),0 0 0 44px rgba(124,163,255,.025)}.hero-bottom{height:62px;border-top:1px solid rgba(189,204,242,.13);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8797b9;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.hero-bottom span{white-space:nowrap}
.section-space{padding:112px 0}.about{background:#fff}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;align-items:start;gap:80px}.about .section-heading{max-width:500px}.about-copy{font-size:15px;color:#5a6982;line-height:1.95;max-width:490px}.pillars{display:grid;gap:12px}.pillar{display:flex;align-items:flex-start;gap:17px;padding:23px;border:1px solid var(--line);border-radius:18px;background:white;transition:box-shadow .2s,transform .2s}.pillar:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pillar-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#eef1ff;color:#6379f0}.pillar-icon svg{width:21px;height:21px}.pillar:nth-child(2) .pillar-icon{background:#e7f8f6;color:#1bb3a4}.pillar:nth-child(3) .pillar-icon{background:#fff1e5;color:#ea9450}.pillar h3{font-size:16px;margin:0 0 3px;letter-spacing:-.025em}.pillar p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}
.platforms{background:#f7f9fd;border-top:1px solid #eff2f7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{background:white;border:1px solid #e8ecf4;border-radius:20px;padding:26px;min-height:272px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(32,49,89,.105);border-color:#cfdafa}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start}.project-initial{width:57px;height:57px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:17px;letter-spacing:-.05em;font-weight:850;background:linear-gradient(135deg,#5b75eb,#7c6be8)}.project-initial.green{background:linear-gradient(135deg,#19a0a2,#39cbb1)}.project-initial.orange{background:linear-gradient(135deg,#f39f60,#dc7556)}.project-initial.blue{background:linear-gradient(135deg,#3469a8,#589acc)}.project-initial.purple{background:linear-gradient(135deg,#8d64c4,#b484dd)}.project-initial.ink{background:linear-gradient(135deg,#294166,#475e8a)}.card-arrow{width:32px;height:32px;border:1px solid #e5eaf5;border-radius:50%;display:grid;place-items:center;color:#5b6a91;transition:background .2s,transform .2s}.card-arrow svg{width:15px;height:15px}.project-card:hover .card-arrow{background:#eef2ff;transform:rotate(45deg)}.project-type{font-size:10px;letter-spacing:.14em;color:#8c9bb2;text-transform:uppercase;font-weight:800;margin-top:22px}.project-card h3{font-size:20px;letter-spacing:-.035em;line-height:1.35;margin:7px 0 9px}.project-card p{color:#63718a;font-size:13px;line-height:1.75;margin:0 0 18px}.project-domain{margin-top:auto;padding-top:14px;border-top:1px solid #f0f2f6;color:#4869d9;font-size:11px;letter-spacing:.015em;font-weight:750;display:flex;align-items:center;gap:7px}.project-domain svg{width:12px;height:12px}
.software{background:#fff}.software-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}.software-card{background:#0e1a3b;color:white;border-radius:24px;padding:34px;min-height:438px;position:relative;overflow:hidden;display:flex;flex-direction:column}.software-card:nth-child(2){background:#172744}.software-card::before{content:"";position:absolute;width:340px;height:340px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(92,125,255,.26),transparent 70%);pointer-events:none}.software-card:nth-child(2)::before{background:radial-gradient(circle,rgba(31,205,189,.2),transparent 70%)}.software-badge{display:inline-flex;align-self:flex-start;color:#bbc9f1;border:1px solid rgba(189,210,254,.2);padding:5px 11px;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;border-radius:999px}.software-card h3{font-size:31px;line-height:1.2;letter-spacing:-.05em;margin:22px 0 10px}.software-card p{font-size:13px;color:#bdc9e3;line-height:1.85;margin:0;max-width:440px}.software-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.software-features span{font-size:10px;color:#d6e1ff;border-radius:99px;background:rgba(255,255,255,.085);padding:5px 10px}.software-preview{position:relative;margin-top:auto;padding-top:25px}.booker-window{background:#eff4ff;color:#26365a;border-radius:14px 14px 0 0;padding:13px 15px 18px;box-shadow:0 15px 30px rgba(0,0,0,.17);transform:translateY(27px)}.mock-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #dce5f7;padding-bottom:10px;margin-bottom:13px}.mock-bar i{width:6px;height:6px;border-radius:50%;background:#aebfe0}.mock-title{font-size:10px;font-weight:850;letter-spacing:.03em;margin-left:8px}.mock-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.mock-metric{border:1px solid #e5ebf7;border-radius:9px;background:#fff;padding:11px}.mock-metric b{display:block;font-size:10px;line-height:1.4;color:#394e7b}.mock-metric small{font-size:8px;color:#8695b1;display:block;margin-bottom:4px}.mock-skeleton{display:grid;gap:6px;margin-top:11px}.mock-skeleton span{height:8px;background:#d5dff1;border-radius:8px}.mock-skeleton span:nth-child(2){width:72%}.mock-skeleton span:nth-child(3){width:86%}.fleet-preview{border-radius:13px;background:#eaf8f6;color:#254955;transform:translateY(27px);padding:15px;box-shadow:0 15px 35px rgba(0,0,0,.17)}.fleet-top{font-size:10px;font-weight:850;color:#245a65;margin-bottom:11px}.fleet-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fleet-item{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #d4ebe7;padding:12px;border-radius:10px}.fleet-item i{width:22px;height:22px;background:#dcf7ef;border-radius:7px;display:block;position:relative}.fleet-item i::after{content:"✓";color:#169f86;font-size:12px;position:absolute;top:0px;left:6px;font-style:normal}.fleet-item span{font-size:10px;font-weight:780}.fleet-item small{display:block;font-size:8px;color:#7a9ba4;margin-top:2px;font-weight:500}.software-note{font-size:11px;color:#8191a8;margin:18px 0 0}
.media-section{background:#f7f9fd}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.media-card{background:white;border:1px solid #e6ebf5;border-radius:20px;overflow:hidden;padding:10px 10px 18px}.media-art{height:205px;border-radius:13px;background:linear-gradient(140deg,#4d8e89,#194b54);padding:20px;position:relative;overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:space-between}.media-art::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-45px;bottom:-95px;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 60px rgba(255,255,255,.035);pointer-events:none}.media-art.orange{background:linear-gradient(135deg,#f19a57,#b75a49)}.media-art.blue{background:linear-gradient(145deg,#5076d9,#273d84)}.media-art.pink{background:linear-gradient(135deg,#bb6a93,#763c73)}.media-art.teal{background:linear-gradient(135deg,#378d8a,#15555c)}.media-art.red{background:linear-gradient(135deg,#d56c70,#933c51)}.podcast-type{font-size:12px;color:#75839c;margin:4px 0 0}.media-art .media-art-top{position:relative;z-index:1;font-size:10px;font-weight:900;letter-spacing:.19em;opacity:.8}.media-art strong{font-size:26px;letter-spacing:-.06em;line-height:1.05;max-width:165px;position:relative;z-index:1;font-weight:850}.media-meta{padding:15px 9px 0}.media-meta span{font-size:10px;color:#8d9bb0;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.media-meta h3{font-size:14px;letter-spacing:-.02em;line-height:1.5;margin:4px 0 0}.media-note{margin-top:24px;color:#66758d;font-size:12px}
.principles{padding:96px 0;background:white}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.principles .section-heading{max-width:480px}.principle-list{display:grid;gap:24px}.principle-item{display:flex;gap:17px}.principle-no{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border:1px solid #dee6f4;border-radius:12px;color:#536ce1;font-size:11px;font-weight:850}.principle-item h3{margin:0 0 4px;font-size:16px}.principle-item p{margin:0;color:#6a778e;font-size:13px;line-height:1.75}
.cta-section{padding:72px 0 88px;background:#fff}.cta-panel{background:linear-gradient(120deg,#182953,#0b1735 66%,#1a285b);color:#fff;border-radius:28px;padding:59px 64px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;overflow:hidden}.cta-panel:after{content:"";width:320px;height:320px;border-radius:50%;border:1px solid rgba(164,183,254,.16);position:absolute;right:-125px;top:-120px;box-shadow:0 0 0 42px rgba(145,181,255,.05),0 0 0 90px rgba(145,181,255,.03);pointer-events:none}.cta-panel .section-kicker{color:#a9b9ff}.cta-panel h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.05em;margin:15px 0 10px;max-width:650px}.cta-panel p{color:#b8c8e3;font-size:14px;margin:0;max-width:520px}.cta-panel .btn{flex:0 0 auto;z-index:1}
.site-footer{background:#091229;color:#c1cce1;padding:63px 0 29px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1fr;gap:45px}.footer-brand .brand-title{color:white}.footer-brand .brand-sub{color:#7c91af}.footer-about{font-size:12px;line-height:1.95;color:#91a1bb;max-width:300px;margin:19px 0 0}.footer-heading{font-size:11px;letter-spacing:.16em;color:#e4ecff;font-weight:800;text-transform:uppercase;margin:5px 0 18px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a,.footer-links span{font-size:12px;color:#96a5c0}.footer-links a:hover{color:#fff}.footer-email{color:#bacaff;font-size:12px;word-break:break-word}.footer-bottom{border-top:1px solid rgba(186,205,245,.13);margin-top:47px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7e8fab;font-size:11px}.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a:hover{color:white}
.inner-hero{background:linear-gradient(120deg,#101e42,#0c1732);color:white;padding:75px 0 73px;position:relative;overflow:hidden}.inner-hero::after{content:"";position:absolute;right:-110px;top:-250px;height:570px;width:570px;background:radial-gradient(circle,rgba(83,112,255,.23),transparent 65%);pointer-events:none}.inner-hero .container{position:relative;z-index:1}.inner-hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.057em;line-height:1.1;margin:18px 0}.inner-hero p{max-width:630px;margin:0;color:#b5c6e4;font-size:15px;line-height:1.85}.inner-page{background:#f8fafd;min-height:440px;padding:70px 0 100px}.inner-wrap{max-width:850px}.content-panel{background:#fff;border:1px solid #e7ebf3;border-radius:23px;padding:38px;box-shadow:0 12px 36px rgba(20,39,80,.045)}.content-panel h2{font-size:21px;letter-spacing:-.03em;margin:26px 0 11px}.content-panel h2:first-child{margin-top:0}.content-panel p,.content-panel li{font-size:14px;color:#59677e;line-height:1.9}.content-panel ul{padding-left:21px}.content-panel p:last-child{margin-bottom:0}.last-updated{font-size:12px!important;color:#8a98ac!important}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:23px;align-items:start}.contact-info{display:grid;gap:18px}.contact-email-card{background:#fff;border:1px solid #e7ebf3;border-radius:20px;padding:27px}.contact-email-card h2{font-size:19px;margin:0 0 12px;letter-spacing:-.03em}.contact-email-card a{display:inline-block;color:#425fdb;font-weight:800;overflow-wrap:anywhere}.contact-email-card p{color:#68758c;font-size:12px;line-height:1.8;margin:12px 0 0}.copy-button{margin-top:15px;background:#edf1ff;color:#3b59c9;border:0;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:800}.contact-form{display:grid;gap:15px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field label{font-size:12px;color:#40506b;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4f1;border-radius:10px;padding:12px 13px;background:#fff;color:#23344f;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7890ff;box-shadow:0 0 0 4px rgba(93,117,247,.12)}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:11px;color:#7a8799;margin:0;line-height:1.75}.form-status{font-size:12px;color:#3c6984;min-height:17px;margin:0}.mail-icon{color:#596ce7;font-size:22px;margin-bottom:7px}.contact-form button{border:0;justify-self:start}.payment-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:22px}.payment-card{border:1px solid var(--line);border-radius:15px;padding:21px}.payment-card h3{font-size:16px;margin:0 0 6px}.payment-card p{font-size:12px;margin:0}
@media(max-width:1080px){.main-nav{gap:17px}.main-nav a{font-size:12px}.header-cta{display:none}.hero-layout{gap:20px}.about-layout{gap:45px}.eco-block:nth-of-type(3){margin-left:25px}.eco-block:nth-of-type(4){margin-left:50px}.footer-grid{gap:25px}}
@media(max-width:840px){.container{width:min(var(--max),calc(100% - 44px))}.header-inner{min-height:73px}.mobile-toggle{display:inline-flex}.header-cta{display:none}.main-nav{position:fixed;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid #e5eaf4;box-shadow:0 15px 28px rgba(15,35,73,.1);padding:19px 22px 27px;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 78px);overflow-y:auto}.main-nav.is-open{display:flex}.main-nav a{padding:11px 8px;font-size:15px}.hero-layout{grid-template-columns:1fr;gap:38px;min-height:unset;padding:75px 0 58px}.hero-visual{justify-self:center;max-width:565px}.hero h1{max-width:720px;font-size:clamp(44px,8vw,70px)}.hero-bottom{flex-wrap:wrap;height:auto;min-height:72px;padding-block:17px;justify-content:center;gap:13px 29px}.section-space{padding:83px 0}.about-layout{grid-template-columns:1fr;gap:33px}.about .section-heading{max-width:700px}.about-copy{max-width:700px}.project-grid{grid-template-columns:repeat(2,1fr)}.software-showcase{grid-template-columns:1fr}.software-card{min-height:432px}.media-grid{grid-template-columns:repeat(2,1fr)}.principles-grid{grid-template-columns:1fr;gap:35px}.cta-panel{padding:44px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,1fr);gap:37px}.contact-layout{grid-template-columns:1fr}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.brand-mark{width:39px;height:39px}.brand-title{font-size:17px}.brand-sub{font-size:8px}.header-actions{gap:8px}.language-switch{padding:8px 10px;font-size:11px}.hero-layout{padding:65px 0 53px}.hero h1{font-size:clamp(39px,10.5vw,55px);margin:20px 0}.hero-lead{font-size:14px;line-height:1.85}.hero-buttons{gap:10px}.hero-buttons .btn{min-height:46px;padding:11px 17px;font-size:12px}.hero-micro{margin-top:25px;line-height:1.6}.hero-visual{padding:7px}.eco-shell{padding:16px;border-radius:20px}.eco-block{padding:12px;gap:9px}.block-icon{height:40px;width:40px}.eco-block:nth-of-type(2){margin-left:10px}.eco-block:nth-of-type(3){margin-left:17px}.eco-block:nth-of-type(4){margin-left:24px}.block-text strong{font-size:12px}.block-text small{font-size:9px}.section-space{padding:71px 0}.section-heading{font-size:clamp(31px,9vw,38px)}.section-heading-wrap{display:block;margin-bottom:26px}.section-description{font-size:14px}.pillar{padding:19px}.project-grid{grid-template-columns:1fr}.project-card{min-height:235px}.software-card{min-height:427px;padding:27px}.software-card h3{font-size:27px}.mock-metric{padding:7px}.mock-metric small{font-size:7px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{padding:7px 7px 13px}.media-art{height:165px;padding:14px}.media-art strong{font-size:22px}.media-art .media-art-top{font-size:8px}.media-meta{padding:12px 6px 0}.media-meta h3{font-size:12px}.principles{padding:72px 0}.cta-section{padding:55px 0 72px}.cta-panel{padding:32px 25px;border-radius:21px}.cta-panel h2{font-size:32px}.site-footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-grid>.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.inner-hero{padding:55px 0}.inner-page{padding:39px 0 65px}.content-panel{padding:25px 21px}.field-row{grid-template-columns:1fr}.payment-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* The three blocks move gradually to the right to suggest one connected ecosystem. */
.eco-block:nth-of-type(3){margin-left:0}.eco-block:nth-of-type(4){margin-left:25px}.eco-block:nth-of-type(5){margin-left:50px}
@media(max-width:1080px){.eco-block:nth-of-type(4){margin-left:18px}.eco-block:nth-of-type(5){margin-left:36px}}
@media(max-width:540px){.eco-block:nth-of-type(4){margin-left:10px}.eco-block:nth-of-type(5){margin-left:20px}}

/* 2026-10 Podcast media redesign: seven real covers and short descriptions */
.media-section .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.podcast-card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;display:flex;gap:20px;padding:19px;min-width:0;box-shadow:0 4px 20px rgba(17,38,75,.035);transition:transform .2s,box-shadow .2s}
.podcast-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(17,38,75,.09)}
.podcast-visual{flex:0 0 144px;width:144px;align-self:flex-start}
.podcast-visual img{display:block;width:100%;aspect-ratio:1;object-fit:cover;height:auto;border-radius:12px;background:#edf0f5}
.podcast-detail{min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.podcast-category{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#60718d;font-weight:850}
.podcast-detail h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:9px 0 10px;color:#192d50;overflow-wrap:anywhere}
.podcast-description{color:#617088;font-size:12.5px;line-height:1.75;margin:0 0 15px;flex:1}
.podcast-listen{display:inline-flex;align-items:center;gap:9px;justify-content:center;background:#152a44;color:white;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:750;margin-top:auto;text-decoration:none;transition:background .15s}
.podcast-listen svg{color:#1ed760}.podcast-listen:hover,.podcast-listen:focus-visible{background:#26476c;color:#fff}
.media-note{max-width:890px;margin-top:17px;line-height:1.7}
@media(max-width:1070px){.media-section .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.podcast-card{gap:14px;padding:14px}.podcast-visual{width:115px;flex-basis:115px}.podcast-detail h3{font-size:16px}}
@media(max-width:760px){.media-section .media-grid{grid-template-columns:1fr}.podcast-visual{width:125px;flex-basis:125px}.podcast-card{padding:16px;gap:16px}}
@media(max-width:440px){.podcast-card{padding:12px;gap:12px;border-radius:14px}.podcast-visual{width:104px;flex-basis:104px}.podcast-detail h3{font-size:15px;margin:6px 0}.podcast-category{font-size:8px}.podcast-description{font-size:11px;line-height:1.65;margin-bottom:11px}.podcast-listen{font-size:11px;padding:8px 10px;gap:7px}.podcast-listen svg{width:16px;height:16px}}

/* Corporate portfolio additions */
.portfolio-snapshot{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.portfolio-stat{border:1px solid #e2e9f4;border-radius:17px;padding:21px 23px;background:#f7f9fe;display:flex;align-items:baseline;gap:15px}
.portfolio-stat strong{font-size:34px;font-weight:850;line-height:1;letter-spacing:-.055em;color:#233b73;font-variant-numeric:tabular-nums}
.portfolio-stat span{font-size:12px;line-height:1.5;color:#4f5f79;font-weight:650}
@media(max-width:700px){.portfolio-snapshot{gap:8px}.portfolio-stat{flex-direction:column;align-items:flex-start;padding:14px;gap:8px}.portfolio-stat strong{font-size:27px}.portfolio-stat span{font-size:11px}}

/* The verified first-episode link is visible below the Taoism show button. */
.podcast-episode{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:9px;min-height:24px;color:#24528d;text-decoration:none;font-size:11.5px;font-weight:750;line-height:1.6;border-bottom:1px solid transparent}
.podcast-episode:hover,.podcast-episode:focus-visible{color:#123b70;border-bottom-color:currentColor}
@media(max-width:440px){.podcast-episode{font-size:10.5px}}


/* IntroSide professional edition — 2026 */
:root { --ink:#0d2238; }
html{scroll-behavior:smooth}
body{font-feature-settings:'kern';-webkit-font-smoothing:antialiased}
.site-header { backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.hero{position:relative;isolation:isolate}
.hero::after{content:"";position:absolute;right:0;top:0;width:38%;height:78%;background:radial-gradient(circle at 72% 22%,rgba(45,203,194,.09),transparent 65%);pointer-events:none;z-index:-1}
.hero-lead{max-width:640px}
.company-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0 4px;max-width:590px}
.company-facts>div{display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,255,255,.20);padding-left:18px}
.company-facts strong{font-size:clamp(26px,3vw,37px);line-height:1;letter-spacing:-.045em;color:#fff;font-variant-numeric:tabular-nums}
.company-facts span{font-size:11px;letter-spacing:.055em;text-transform:uppercase;color:#b7c8d7;font-weight:650}
.focus-ribbon{background:#f6f9fb;border-bottom:1px solid #e5ecf3;border-top:1px solid #e5ecf3}
.focus-ribbon-inner{min-height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.focus-ribbon-label{display:flex;gap:8px;align-items:center;color:#5a6b7e;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.tiny-dot{width:7px;height:7px;background:#19a8a6;border-radius:99px;display:inline-block}
.focus-ribbon a{display:flex;gap:9px;align-items:center;color:#18374e;font-weight:750;font-size:13px;text-decoration:none;white-space:nowrap;transition:color .2s}
.focus-ribbon a:hover{color:#087f88}
.focus-ribbon a span{color:#8496aa;font-size:10px;font-weight:800}
.focus-ribbon a b{font-size:16px;font-weight:400;color:#31a49c}
.platforms .project-card{transition:transform .2s,box-shadow .2s,border-color .2s}
.platforms .project-card:hover{transform:translateY(-3px)}
.section-heading{letter-spacing:-.035em}
.media-section{background:#f6f8fb}
.media-grid{align-items:stretch}
.podcast-card{height:100%;display:flex;flex-direction:row;overflow:hidden;box-shadow:0 8px 28px rgba(17,42,66,.055);border:1px solid #e4eaf1;background:white;transition:transform .22s,box-shadow .22s}
.podcast-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(17,42,66,.11)}
.podcast-visual{position:relative;flex-shrink:0}
.podcast-visual img{object-fit:cover;aspect-ratio:1/1;border-radius:14px}
.podcast-detail{flex:1;display:flex;flex-direction:column;min-width:0}
.podcast-description{flex:1}
.podcast-listen{margin-bottom:0!important}
.episode-info{margin-top:18px;border-top:1px solid #e8eef4;padding-top:16px;min-width:0}
.episode-heading{font-size:10px;letter-spacing:.12em;color:#55758b;font-weight:850;display:flex;gap:7px;align-items:center}
.live-pulse{width:7px;height:7px;flex-shrink:0;border-radius:99px;background:#1caa92}
.episode-title{margin:9px 0 3px!important;color:#14324b!important;font-size:14px!important;font-weight:780!important;line-height:1.5!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.episode-date{font-size:11px!important;color:#75889b!important;margin:0 0 13px!important}
.latest-button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:#174968!important;border:1px solid #d8e5ec;background:#f1f8fa;padding:10px 11px;font-size:12px;font-weight:850;text-decoration:none!important;transition:background .15s,color .15s}
.latest-button:hover{background:#e3f2f5;color:#056e78!important}
.latest-button.is-direct{background:#ecf8f5;border-color:#c9e9de;color:#08765d!important}
.latest-button [data-episode-button]{flex:1;line-height:1.3}
.latest-button svg{flex:none}
.site-footer{background:#0b192a}
@media(max-width:980px){.focus-ribbon-inner{flex-wrap:wrap;justify-content:start;padding-top:18px;padding-bottom:18px;gap:14px 26px}.focus-ribbon-label{width:100%}}
@media(max-width:620px){.company-facts{gap:8px;padding-top:17px}.company-facts>div{padding-left:10px}.company-facts strong{font-size:25px}.company-facts span{font-size:9px;letter-spacing:0}.focus-ribbon-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 6px;padding-top:14px;padding-bottom:16px}.focus-ribbon-label{grid-column:1/-1}.focus-ribbon a{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;gap:4px;white-space:normal}.focus-ribbon a b{display:none}.podcast-card{border-radius:16px}.episode-info{margin-top:14px}.latest-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.podcast-card,.platforms .project-card{transition:none}}