@tailwind base;@tailwind components;@tailwind utilities;
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0f1c3f;background:#f7f5f0;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}section{scroll-margin-top:25px}.hero{min-height:100svh;background:#efefef;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:12px}.shader{position:absolute;inset:0;pointer-events:none;opacity:.55}.shader>div{width:100%;height:100%}.nav{position:relative;z-index:20;background:#fff;border-radius:99px;padding:9px 12px 9px 22px;display:flex;align-items:center;gap:32px;max-width:1440px;width:100%;margin:auto auto 0;flex-shrink:0}.nav img{width:160px;display:block}.links{display:flex;gap:23px;font-size:13px}.nav-right{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:12px}.taking,.clock{color:#657084}.clock{display:flex;align-items:center;gap:6px}.dark-cta{display:inline-flex;align-items:center;gap:18px;background:#0f1c3f;color:white;border:0;border-radius:99px;padding:9px 9px 9px 20px;font-size:13px}.dark-cta span{background:#fff;color:#0f1c3f;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.hero-content{position:relative;z-index:20;width:100%;max-width:1440px;margin:auto auto 0;padding:140px 36px 80px}.eyebrow{font-size:13px;letter-spacing:.08em;margin-bottom:26px}.hero h1{font-size:clamp(38px,4.6vw,70px);font-weight:500;line-height:1.22;letter-spacing:-.04em;margin:0 0 28px}.hero h1 em{font-style:normal}.hero-content>p{font-size:16px;line-height:1.9;max-width:600px;color:#45516a}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.roll-btn{border:0;border-radius:99px;background:#0f1c3f;color:#fff;display:inline-flex;align-items:center;gap:20px;padding:8px 8px 8px 24px;font-size:14px}.roll-btn.orange{background:#d9481f}.roll-text{height:20px;overflow:hidden;display:block}.roll-text>span{display:block;height:20px;transition:transform .5s}.roll-btn:hover .roll-text>span{transform:translateY(-100%)}.round-arrow{display:grid;place-items:center;background:#fff;color:#d9481f;width:32px;height:32px;border-radius:50%;transition:transform .5s}.roll-btn:hover .round-arrow{transform:rotate(-45deg)}.micro-proof{font-size:12px;color:#596478}.micro-proof i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d9481f;margin-right:8px}.hero-graphic{position:absolute;right:14%;top:38%;width:300px;height:300px;z-index:12;pointer-events:none}.grid-orbit{display:grid;grid-template-columns:repeat(3,65px);gap:13px;transform:rotate(-8deg)}.grid-orbit>span{height:65px;border-radius:14px;background:#fff3;border:1px solid #fffc;box-shadow:inset 0 0 22px #fff4}.grid-orbit .leap{border-radius:50%;background:#d9481f;transform:translate(60px,-230px);box-shadow:0 12px 45px #d9481f55;animation:float 7s ease-in-out infinite}.flow-line{position:absolute;width:700px;height:200px;border-top:1px solid #fff;border-radius:50%;transform:rotate(-20deg);left:-100px;top:60px}.flow-line.two{top:120px;transform:rotate(20deg)}.section-inner{max-width:1440px;margin:auto;padding:100px 48px}.about{background:#fff}.section-label{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:25px}.section-label b{display:grid;place-items:center;border-radius:50%;background:#0f1c3f;color:white;width:27px;height:27px}.section-label>span{border:1px solid #dfe2e7;padding:6px 14px;border-radius:30px}h2{font-weight:500;font-size:clamp(32px,3.5vw,52px);line-height:1.25;letter-spacing:-.03em;margin:0 0 55px}h2 em{font-style:normal;color:#68758b}.about-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:32px;align-items:center}.about-copy p{font-size:16px;line-height:1.9;margin:0 0 28px}.layer-card{height:320px;background:#f7f9fc;border-radius:20px;padding:25px;position:relative;overflow:hidden}.layer-title{font-size:12px;color:#526078}.layer{font-size:12px;color:#5d6e91;position:relative;padding:11px 0}.layer span{position:absolute;right:8px;top:0;width:135px;height:30px;background:#e2ebf4;transform:skewY(-13deg);box-shadow:0 7px 12px #183e6a15;border:1px solid #fff}.layer.l2 span{background:#f8aa8f}.answer-card{padding:30px;background:#f5f7fa;border:1px solid #eef0f4;border-radius:20px}.question{padding:16px;background:white;border-radius:12px;box-shadow:0 5px 12px #16294708;font-size:13px}.answer{display:flex;gap:12px;font-size:13px;margin:18px 0}.answer strong{border-radius:50%;background:#20426b;color:white;padding:8px;height:36px}.answer p{margin:0;line-height:1.8}.source-row{font-size:12px;padding:9px 0;border-top:1px solid #e5e8ee}.source-row span{background:#8597b5;color:white;padding:1px 4px;margin-right:8px}.source-row small{float:right;color:#53647c}.services{background:#f7f5f0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-grid article{border-top:1px solid #b9bec8;padding-top:18px}.service-grid article>span{font-size:12px;color:#53647c}.service-grid h3{font-size:21px;font-weight:500}.service-grid p{font-size:14px;color:#68758b;line-height:1.7;min-height:50px}.cases{background:#f0f1f3}.case-head{display:flex;justify-content:space-between;align-items:start}.case-head p{font-size:13px;line-height:1.8;color:#738097}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.fact-card,.chart-card{border-radius:20px;background:white;padding:32px;min-height:330px}.case-grid h3{font-size:17px;font-weight:500;margin:0 0 35px}.fact-rows>div{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:14px}.fact-rows>div svg{margin-left:auto}.fact-rows span{font-size:10px;border:1px solid #cbd3df;padding:3px 6px}.chart svg{width:100%;height:170px;overflow:visible}.chart path{fill:none;stroke:#294c7d;stroke-width:2}.chart circle{fill:#d9481f}.chart>div{display:flex;justify-content:space-between;font-size:10px;color:#8490a5}.faq{background:#fff}.faq-list details{border-top:1px solid #e0e4ea;padding:22px 0}.faq-list summary{display:flex;align-items:center;gap:20px;font-size:18px;cursor:pointer;list-style:none}.faq-list summary svg{margin-left:auto}.faq-list summary span{font-size:12px;color:#8490a5}.faq-list details p{margin:20px 36px;color:#65738b;line-height:1.8;max-width:760px}.contact{background:#0f1c3f;color:white}.contact .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{font-size:14px;color:#c3c9d5;line-height:1.8}.contact h2{margin-bottom:25px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{font-size:12px;color:#ccd3df}.contact input,.contact textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff50;color:#fff;padding:10px 0;outline-offset:4px}.contact textarea{height:58px}.contact .consent{grid-column:1/-1}.contact .consent input{display:inline;width:auto}.contact form .dark-cta{background:#d9481f;justify-content:space-between}.form-note{grid-column:1/-1}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 48px;background:#fff;font-size:11px;color:#65738b}footer img{width:170px}.menu-btn{display:none}.mobile-menu{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end}.sheet{background:#fff;border-radius:22px;padding:30px;margin:12px;width:100%;display:flex;flex-direction:column;gap:25px}.sheet>button:first-child{align-self:end;background:none;border:0}.sheet>a{font-size:28px}.pill-time{font-size:12px;color:#738097}@keyframes float{50%{transform:translate(65px,-240px)}}@media(max-width:1100px){.taking,.clock{display:none}.hero-graphic{right:7%;opacity:.5}.about-grid{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1;max-width:580px}}@media(max-width:767px){.links,.nav-right{display:none}.menu-btn{display:flex;border:0;color:#fff;background:#0f1c3f;gap:8px;padding:12px;border-radius:30px;margin-left:auto}.nav img{width:150px}.nav{padding-left:12px}.hero{min-height:850px}.hero-content{padding:180px 12px 50px}.hero h1{font-size:38px}.hero-content>p{font-size:14px}.hero-graphic{top:20%;right:-40px;opacity:.25;transform:scale(.7)}.hero-actions{align-items:start;flex-direction:column}.section-inner{padding:65px 22px}h2{font-size:35px;margin-bottom:35px}.about-grid,.case-grid,.contact .section-inner{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.case-head{display:block}.case-head p{margin-bottom:25px}.contact .section-inner{gap:35px}.contact form{grid-template-columns:1fr}.contact form label{grid-column:1}.fact-card,.chart-card{padding:23px}footer{padding:25px 22px;gap:25px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.shader{display:none}}

.nav{margin-top:0;margin-bottom:0}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.roll-btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d9481f;outline-offset:5px}.answer-card>small{display:block;margin-bottom:15px;color:#53647c}
/* static progressive enhancement for the approved second direction */
.static-shader{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#f8d6c9 0,transparent 18%),linear-gradient(135deg,#f7f9fa 0%,#edf3f8 55%,#fff 100%);opacity:.9}.static-shader:after{content:"";position:absolute;inset:25% -15% -15%;border:1px solid #fff;border-radius:50%;transform:rotate(-18deg);box-shadow:0 34px #fff8,0 68px #fff5}.static-page .hero{position:relative}.static-page .hero-content,.static-page .nav,.static-page .hero-graphic{position:relative;z-index:1}.static-page .hero-content{z-index:2}.static-page .nav{z-index:3}.static-page .static-shader{z-index:0}.static-page form .form-note{color:#bdc9da}.static-page .static-mark{font-size:12px;color:#65738b;margin-top:18px}

.mobile-static{display:none}.mobile-static summary{cursor:pointer;border-radius:99px;background:#0f1c3f;color:#fff;padding:8px 14px;list-style:none}.mobile-static>div{position:absolute;right:10px;top:62px;display:grid;gap:10px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 10px 35px #0f1c3f25}.mobile-static>div a{padding:5px 12px}.mobile-static summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d9481f;outline-offset:4px}@media(max-width:760px){.nav-right{display:none}.mobile-static{display:block;margin-left:auto}.nav{position:relative}.hero-content{padding-top:60px}.hero h1{font-size:42px}}
.static-links{font-size:12px;display:flex;flex-wrap:wrap;gap:8px}.static-page .hero-graphic{position:absolute}.static-page .nav{position:relative}.static-page .hero{overflow:hidden}.static-page .roll-btn{display:inline-flex;align-items:center;gap:14px}.static-page .static-shader:after{pointer-events:none}@media(prefers-reduced-motion:reduce){.static-shader{animation:none}}

/* Brand gesture: top-right square leaps into an orange sphere. */
.grid-orbit>span.leap{border-radius:50%;background:#F25C2A;border:0;transform:translate(15px,-42px);box-shadow:0 12px 30px #d9481f38;animation:brand-leap 5s ease-in-out infinite}
@keyframes brand-leap{0%,100%{transform:translate(15px,-42px)}50%{transform:translate(15px,-54px)}}
@media(prefers-reduced-motion:reduce){.grid-orbit>span.leap{animation:none;transform:translate(15px,-42px)}}

.grid-orbit>span.leap{background:#F25C2A}

/* r4 contrast corrections, brand decorative sphere unchanged */
.static-page .roll-btn.orange{background:#c83e18;color:#fff}.service-grid article p,.case-head p,.faq-list summary>span{color:#526078}.grid-orbit>span.leap{background:#F25C2A}