/*
Theme Name: Jaynes Official
Theme URI: https://jaynes.com.tw/
Author: 杰恩斯行銷
Author URI: https://jaynes.com.tw/
Description: 杰恩斯行銷官方多頁式網站主題，整合服務、產業解法、成功案例、行銷洞察、LINE 與表單轉換。
Version: 1.0.4-staging
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: jaynes-official
License: Proprietary
*/

:root{
 --ink:#111214;--ink-2:#1b1d20;--paper:#f6f3ee;--paper-2:#eee9e3;--white:#fff;--muted:#686b72;--line:#ded9d3;--line-dark:#34373d;--red:#a6121e;--red-2:#c21c2a;--red-dark:#6f0911;--red-soft:#f5e6e6;--green:#2e8a66;--shadow:0 22px 70px rgba(18,18,20,.11);--shadow-soft:0 12px 34px rgba(18,18,20,.08);--radius:24px;--container:min(1240px,calc(100vw - 48px));--header:82px;
}
.site-breadcrumb-wrap{background:var(--paper);border-bottom:1px solid var(--line);padding:12px 0}.site-breadcrumbs{margin:0;align-items:center;flex-wrap:wrap}.site-breadcrumbs [aria-current="page"]{color:var(--ink);font-weight:750}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:var(--container);margin-inline:auto}.narrow{max-width:850px}.skip-link{position:fixed;z-index:9999;left:16px;top:-80px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);transition:.2s}.skip-link:focus{top:16px}.section{padding:112px 0}.section-grid{position:relative;background-image:linear-gradient(rgba(17,18,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,20,.035) 1px,transparent 1px);background-size:72px 72px}.section-grid:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 18%,rgba(166,18,30,.07),transparent 32%)}.section-grid>*{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:32px;height:2px;background:currentColor}.eyebrow.light{color:#ffd9dd}.section-heading{max-width:830px;margin-bottom:48px}.section-heading.split{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:end}.section-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1.12;letter-spacing:-.055em;margin:16px 0 0}.section-heading>p,.section-heading.split>p{font-size:18px;color:var(--muted);margin:0;max-width:560px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:850;letter-spacing:.01em;border:1px solid transparent;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 26px rgba(166,18,30,.22)}.btn-primary:hover{background:var(--red-2)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:var(--ink)}.btn-light{background:#fff;color:var(--red)}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.46);background:transparent}.btn-small{min-height:44px;padding:0 19px;font-size:14px}.text-link{font-weight:900;color:var(--red);display:inline-flex;align-items:center;gap:8px}.text-link:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,217,211,.85)}.nav-shell{height:var(--header);display:flex;align-items:center;gap:28px}.brand{width:264px;flex:0 0 auto}.brand img{width:100%;height:57px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;height:100%}.nav-link{height:100%;display:flex;align-items:center;font-size:14px;font-weight:780;color:#3c3f44;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--red);transition:.25s}.nav-link:hover:after,.nav-link.is-active:after{right:0}.nav-link.is-active{color:var(--red)}.nav-group{height:100%;display:flex;align-items:center;position:relative}.mega-menu{position:absolute;left:50%;top:calc(100% - 4px);width:660px;transform:translate(-50%,14px);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px;opacity:0;visibility:hidden;transition:.2s}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-small{width:560px}.mega-label{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.18em;margin-bottom:12px}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mega-grid a{padding:14px;border-radius:13px;border:1px solid transparent}.mega-grid a:hover{background:var(--paper);border-color:var(--line)}.mega-grid strong{display:block;font-size:15px}.mega-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}.nav-actions{display:flex;align-items:center;gap:16px}.nav-line{font-size:13px;font-weight:850;color:var(--red)}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:50%;padding:0;position:relative}.menu-toggle span{position:absolute;width:18px;height:2px;background:var(--ink);left:13px;transition:.25s}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg);top:22px}.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg);top:22px}.mobile-panel{display:none;position:fixed;inset:var(--header) 0 0;background:rgba(17,18,20,.97);color:#fff;overflow:auto}.mobile-panel.is-open{display:block}.mobile-panel-inner{width:var(--container);margin:auto;padding:28px 0 120px;display:grid}.mobile-panel a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:22px;font-weight:800}.mobile-panel .mobile-sub{font-size:14px;color:#b9bdc4;padding-left:14px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.mobile-actions .btn{font-size:14px}.mobile-cta{display:none}
/* Hero */
.hero{background:var(--paper);overflow:hidden}.hero-layout{min-height:720px;padding:82px 0;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(460px,.86fr);gap:54px;align-items:center}.hero-copy h1{font-size:clamp(52px,4.7vw,66px);line-height:1.06;letter-spacing:-.065em;margin:24px 0}.hero-lead{font-size:19px;color:#555960;max-width:720px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-notes span{font-size:12px;font-weight:800;border:1px solid #d6d0c9;background:rgba(255,255,255,.65);padding:8px 12px;border-radius:999px}.hero-console{position:relative;background:#17191d;border-radius:28px;box-shadow:0 34px 90px rgba(17,18,20,.24);border:1px solid #34373c;overflow:visible}.console-chrome{height:58px;display:flex;align-items:center;padding:0 22px;gap:8px;color:#fff;border-bottom:1px solid #34373d}.console-chrome>span{width:8px;height:8px;border-radius:50%;background:#7f838a}.console-chrome>span:first-child{background:var(--red)}.console-chrome b{font-size:11px;letter-spacing:.16em;margin-left:8px}.console-chrome em{margin-left:auto;font-style:normal;color:#7cd9ae;font-size:10px;letter-spacing:.12em}.console-body{padding:28px}.route-label{display:flex;justify-content:space-between;color:#aeb2ba;font-size:11px;letter-spacing:.12em;margin-bottom:18px}.route-track{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center}.route-node{min-height:128px;border:1px solid #3b3e45;border-radius:16px;padding:16px;background:#1f2227;color:#fff;display:flex;flex-direction:column}.route-node i{font-style:normal;font-size:10px;color:#9da1a9}.route-node strong{font-size:16px;margin-top:auto;word-break:keep-all}.route-node small{font-size:11px;color:#9fa3aa}.route-node.is-red{background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:#d34b55}.route-line{height:2px;background:#4c5057;position:relative}.route-line span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);top:-3px;animation:routePulse 2.4s infinite}.route-line:nth-of-type(4) span{animation-delay:.5s}.route-line:nth-of-type(6) span{animation-delay:1s}@keyframes routePulse{0%{left:0;opacity:.2}40%{opacity:1}100%{left:calc(100% - 8px);opacity:.2}}.console-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:18px}.signal-panel,.check-panel{border:1px solid #34373d;border-radius:17px;background:#1c1e22;padding:18px;color:#fff}.panel-kicker{font-size:10px;color:#e69096;letter-spacing:.15em}.signal-panel h3{font-size:17px;line-height:1.45;margin:8px 0 14px}.signal-bars{display:grid;gap:7px}.signal-bars span{height:6px;width:var(--w);border-radius:3px;background:linear-gradient(90deg,var(--red),#db6670)}.check-panel{display:grid;grid-template-columns:1fr auto;gap:9px 12px;align-content:center}.check-panel span{font-size:11px;color:#aeb2ba}.check-panel b{font-size:10px;color:#7cd9ae}.console-tag{position:absolute;right:-28px;bottom:-32px;background:#fff;color:var(--ink);border-radius:17px;padding:16px 20px;box-shadow:var(--shadow);font-size:13px;border-left:4px solid var(--red)}.console-tag b{display:block;color:var(--red);font-size:15px}.tool-strip{background:#fff;border-block:1px solid var(--line)}.tool-strip .container{min-height:76px;display:flex;align-items:center;gap:35px}.tool-strip span{font-size:12px;color:var(--red);font-weight:900;letter-spacing:.16em}.tool-strip div{display:flex;justify-content:space-between;flex:1;gap:24px}.tool-strip b{font-size:13px;color:#5b5e64;white-space:nowrap}
/* Consumer comparison */
.consumer-section{background:#fff}.comparison{border:1px solid var(--line);border-radius:22px;overflow:hidden}.comparison-head,.comparison-row{display:grid;grid-template-columns:.85fr 1.15fr 1.1fr}.comparison-head{background:var(--ink);color:#fff}.comparison-head span{padding:17px 20px;font-size:11px;font-weight:900;letter-spacing:.12em;border-right:1px solid #35383e}.comparison-row span,.comparison-row strong,.comparison-row em{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;font-style:normal}.comparison-row:last-child>*{border-bottom:0}.comparison-row span{color:var(--muted)}.comparison-row strong{font-size:17px}.comparison-row em{color:var(--red);font-weight:780;background:#fcf8f6}
/* System */
.system-section{background:var(--paper)}.system-cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.system-card{padding:30px;min-height:440px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.system-card:last-child{border-right:0}.system-card:hover{background:#fcf8f6;transform:translateY(-6px)}.system-no{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.16em}.system-icon{width:56px;height:56px;border-radius:17px;background:var(--ink);margin:28px 0 22px;position:relative}.target-icon:before{content:"";position:absolute;inset:13px;border:3px solid #fff;border-radius:50%}.target-icon:after{content:"";position:absolute;width:18px;height:3px;background:var(--red);right:-4px;top:15px;transform:rotate(-40deg)}.content-icon:before{content:"";position:absolute;left:15px;top:12px;width:25px;height:31px;border:3px solid #fff;border-radius:5px}.content-icon:after{content:"▶";position:absolute;color:var(--red);font-size:13px;left:23px;top:20px}.form-icon:before{content:"";position:absolute;left:14px;top:12px;width:28px;height:33px;border:3px solid #fff;border-radius:4px}.form-icon:after{content:"";position:absolute;left:21px;top:22px;width:15px;height:3px;background:var(--red);box-shadow:0 8px 0 var(--red)}.growth-icon:before{content:"";position:absolute;left:13px;top:30px;width:9px;height:13px;background:#fff;box-shadow:13px -9px 0 #fff,26px -22px 0 #fff}.growth-icon:after{content:"";position:absolute;width:33px;height:3px;background:var(--red);left:10px;top:20px;transform:rotate(-38deg)}.system-card h3{font-size:26px;margin:0 0 10px}.system-card p{color:var(--muted);font-size:15px;margin:0}.system-card ul{padding-left:18px;margin:22px 0;color:#555960;font-size:14px}.system-card b{margin-top:auto;color:var(--red);font-size:13px}
/* Industry */
.industry-section{background:#111214;color:#fff}.industry-section .section-heading p{color:#aeb2ba}.industry-grid{display:grid;gap:24px}.industry-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#1b1d21;border:1px solid #34373d;border-radius:25px;overflow:hidden;transition:.25s}.industry-card:hover{transform:translateY(-4px);border-color:#6d7179}.industry-art{padding:22px;background:#141619}.industry-art img{width:100%;height:300px;object-fit:cover;border-radius:17px}.industry-copy{padding:44px}.industry-copy>span{font-size:11px;color:#df8a91;font-weight:900;letter-spacing:.15em}.industry-copy h3{font-size:38px;margin:12px 0}.industry-copy p{color:#b4b8c0;font-size:17px}.industry-copy b{display:block;margin-top:28px;color:#fff}
/* Cases */
.cases-section{background:var(--paper)}.case-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.case-feature,.case-mini{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.case-feature:hover,.case-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.case-feature{display:grid;grid-template-columns:260px 1fr;min-height:510px}.case-brand{background:#f0ebe5;padding:38px;display:grid;place-items:center}.case-brand img{width:180px;height:180px;object-fit:contain;border-radius:20px}.case-content{padding:44px;display:flex;flex-direction:column}.case-content>span,.case-mini span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.12em}.case-content h3{font-size:38px;line-height:1.2;margin:14px 0}.case-content p{color:var(--muted)}.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.case-metrics div{padding-top:16px;border-top:2px solid var(--red)}.case-metrics b{display:block;font-size:28px;color:var(--red)}.case-metrics small{color:var(--muted)}.case-content>strong{margin-top:auto}.case-stack{display:grid;gap:16px}.case-mini{display:grid;grid-template-columns:132px 1fr;padding:18px;gap:18px;align-items:center}.case-mini img{width:132px;height:132px;object-fit:contain;background:#f4f1ec;border-radius:15px}.case-mini h3{font-size:20px;line-height:1.35;margin:7px 0}.case-mini p{margin:0;color:var(--muted)}.case-mini p b{color:var(--red)}.case-disclaimer{font-size:12px;color:#858990;margin:18px 0 0}
/* Deliverables / Process / Models */
.deliverables-section{background:#fff}.deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.deliverable-grid>div{padding:34px 28px;border-right:1px solid var(--line)}.deliverable-grid>div:last-child{border-right:0}.deliverable-grid span{color:var(--red);font-size:11px;font-weight:900}.deliverable-grid h3{font-size:22px;margin:10px 0}.deliverable-grid p{color:var(--muted);font-size:14px}.process-section{background:var(--paper)}.process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.process-list li{padding:28px;border-right:1px solid var(--line);min-height:260px}.process-list li:last-child{border-right:0}.process-list>li>span{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:#fff;border-radius:50%;font-size:12px;font-weight:900}.process-list h3{font-size:21px;margin:50px 0 10px}.process-list p{font-size:14px;color:var(--muted)}.model-section{background:#fff}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.model-grid>div{border:1px solid var(--line);border-radius:22px;padding:34px;min-height:270px}.model-grid>div.is-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.model-grid span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.15em}.model-grid .is-dark span{color:#e68f96}.model-grid h3{font-size:30px;margin:20px 0 10px}.model-grid p{color:var(--muted)}.model-grid .is-dark p{color:#b2b6bd}.faq-section{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro h2{font-size:50px;line-height:1.13;letter-spacing:-.05em;margin:16px 0}.faq-intro p{color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:20px;font-weight:850;display:flex;justify-content:space-between;gap:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";color:var(--red)}.faq-list details[open] summary:after{content:"－"}.faq-list p{color:var(--muted);margin:14px 0 0;max-width:760px}.cta-section{padding:90px 0;background:linear-gradient(120deg,var(--red-dark),var(--red));color:#fff}.cta-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.cta-layout h2{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:18px 0}.cta-layout p{font-size:18px;color:#f0cfd2;max-width:720px}.cta-actions{display:grid;gap:12px;max-width:360px;margin-left:auto;width:100%}
/* Page hero */
.page-hero{background:var(--paper);overflow:hidden}.page-hero.is-dark{background:#111214;color:#fff}.page-hero-layout{min-height:570px;padding:74px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}.page-hero-copy h1{font-size:clamp(50px,4.5vw,64px);line-height:1.06;letter-spacing:-.065em;margin:22px 0}.page-hero-copy p{font-size:19px;color:var(--muted);max-width:700px}.page-hero.is-dark p{color:#b3b7be}.page-visual{display:grid;place-items:center}.page-visual>img{width:100%;max-height:500px;object-fit:contain}.page-visual-pattern{min-height:410px;position:relative}.pattern-card{width:86%;height:350px;background:#16181c;color:#fff;border-radius:28px;border:1px solid #32353b;box-shadow:var(--shadow);padding:42px;position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px}.pattern-card span,.pattern-card b,.pattern-card em{position:relative;z-index:1;display:block}.pattern-card span{font-size:12px;color:#e0848c;letter-spacing:.2em}.pattern-card b{font-size:54px;line-height:.95;margin:76px 0 16px}.pattern-card em{font-style:normal;color:#aeb2ba;font-size:11px;letter-spacing:.12em}
/* Service hub/detail */
.service-hub{background:#fff}.service-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-hub-card{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#fff;transition:.25s}.service-hub-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.service-art{background:var(--paper);padding:20px}.service-art img{width:100%;height:300px;object-fit:contain}.service-hub-card>div:last-child{padding:32px}.service-hub-card span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.14em}.service-hub-card h3{font-size:32px;margin:12px 0}.service-hub-card p,.service-hub-card ul{color:var(--muted)}.service-hub-card b{color:var(--red)}.diagnostic-section{background:var(--paper)}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.diagnostic-grid>div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px}.diagnostic-grid>div:nth-child(2n){border-right:0}.diagnostic-grid>div:nth-last-child(-n+2){border-bottom:0}.diagnostic-grid span{grid-column:1/-1;color:var(--muted)}.diagnostic-grid b{font-size:19px}.diagnostic-grid a{color:var(--red);font-weight:850;font-size:13px}.detail-problems{background:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-grid>div{border:1px solid var(--line);border-radius:21px;padding:30px;min-height:260px}.problem-grid span{font-size:11px;color:var(--red);font-weight:900}.problem-grid h3{font-size:25px;line-height:1.35;margin:45px 0 12px}.problem-grid p{color:var(--muted);font-size:15px}.detail-deliverables{background:var(--paper)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff}.detail-grid>div{padding:30px;border-right:1px solid var(--line);min-height:300px}.detail-grid>div:last-child{border-right:0}.detail-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--red-soft);color:var(--red);font-size:12px;font-weight:900}.detail-grid h3{font-size:22px;margin:70px 0 10px}.detail-grid p{color:var(--muted);font-size:14px}.measure-section{background:#111214;color:#fff}.measure-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.measure-layout h2{font-size:50px;line-height:1.15;letter-spacing:-.05em;margin:16px 0}.measure-layout p{color:#afb3ba}.measure-layout ul{list-style:none;margin:0;padding:0;border-top:1px solid #3a3d43}.measure-layout li{padding:20px 0;border-bottom:1px solid #3a3d43;font-size:18px;display:flex;align-items:center;gap:14px}.measure-layout li:before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);font-size:13px}.mini-process{background:#fff}.mini-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini-process-grid>div{background:var(--paper);border-radius:20px;padding:28px}.mini-process-grid b{color:var(--red);font-size:12px}.mini-process-grid h3{font-size:21px;margin:28px 0 8px}.mini-process-grid p{color:var(--muted);font-size:14px}
/* Solutions */
.solution-hub{background:#fff}.solution-hub-grid{display:grid;gap:26px}.solution-hub-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:25px;overflow:hidden;transition:.25s}.solution-hub-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.solution-hub-card>img{width:100%;height:100%;min-height:430px;object-fit:cover;background:var(--paper)}.solution-hub-card>div{padding:48px}.solution-hub-card span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.14em}.solution-hub-card h2{font-size:42px;margin:14px 0}.solution-hub-card p,.solution-hub-card ul{color:var(--muted)}.solution-hub-card b{color:var(--red)}.rule-section{background:var(--paper)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rule-grid>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px}.rule-grid b{color:var(--red);font-size:12px}.rule-grid h3{font-size:24px;margin:50px 0 10px}.rule-grid p{color:var(--muted)}.audience-section{background:#fff}.audience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.audience-layout h2{font-size:50px;margin:14px 0}.audience-layout p{color:var(--muted)}.audience-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-tags span{padding:20px;border:1px solid var(--line);border-radius:15px;font-weight:800;background:var(--paper)}.flow-section{background:var(--paper)}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.flow-grid>div{padding:28px;border-right:1px solid var(--line);min-height:220px}.flow-grid>div:last-child{border-right:0}.flow-grid b{color:var(--red);font-size:12px}.flow-grid h3{font-size:19px;margin:80px 0 0}.scenario-section{background:#fff}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-grid>div{border-top:4px solid var(--red);background:var(--paper);padding:30px;border-radius:0 0 20px 20px}.scenario-grid h3{font-size:23px;margin:0 0 12px}.scenario-grid p{color:var(--muted)}
/* Cases */
.case-library{background:#fff}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800}.filter-row button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.case-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-library-card{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--line);border-radius:23px;overflow:hidden;min-height:390px;transition:.25s}.case-library-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.case-library-card.is-hidden{display:none}.case-logo-large{background:var(--paper);display:grid;place-items:center;padding:24px}.case-logo-large img{width:150px;height:150px;object-fit:contain;border-radius:18px}.case-library-copy{padding:30px;display:flex;flex-direction:column}.case-library-copy>span{font-size:11px;color:var(--red);font-weight:900}.case-library-copy h2{font-size:28px;line-height:1.25;margin:13px 0}.case-library-copy p{color:var(--muted);font-size:14px}.case-library-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto}.case-library-copy>div b{color:var(--red);font-size:21px;border-top:2px solid var(--red);padding-top:10px}.case-library-copy small{display:block;color:var(--muted);font-size:11px}.case-library-copy>strong{font-size:12px;margin-top:18px}.case-hero-detail{background:#111214;color:#fff}.case-detail-layout{min-height:610px;padding:80px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.case-detail-layout h1{font-size:72px;line-height:1.05;letter-spacing:-.06em;margin:20px 0}.case-detail-layout p{color:#b4b8bf;font-size:19px;max-width:700px}.case-detail-brand{background:#fff;border-radius:28px;padding:50px;min-height:390px;display:grid;place-items:center;color:var(--ink)}.case-detail-brand img{width:250px;height:250px;object-fit:contain}.case-detail-brand span{font-size:12px;color:var(--muted)}.case-stat-band{background:var(--paper);border-bottom:1px solid var(--line)}.case-stat-band .container{display:grid;grid-template-columns:repeat(3,1fr)}.case-stat-band .container>div{padding:32px;border-right:1px solid var(--line)}.case-stat-band .container>div:last-child{border-right:0}.case-stat-band b{display:block;color:var(--red);font-size:36px}.case-stat-band span{color:var(--muted);font-size:13px}.case-story{background:#fff}.case-story-grid{display:grid;grid-template-columns:240px 1fr;gap:70px}.case-sidebar{position:sticky;top:120px;align-self:start;display:grid;border:1px solid var(--line);border-radius:18px;padding:12px}.case-sidebar a{padding:12px 14px;border-radius:10px;font-size:13px;font-weight:800}.case-sidebar a:hover{background:var(--red-soft);color:var(--red)}.case-article{max-width:820px}.case-article>section{padding-bottom:80px}.case-article h2{font-size:48px;line-height:1.15;letter-spacing:-.05em;margin:16px 0}.case-article p{font-size:17px;color:var(--muted)}.quote-box{margin:32px 0;padding:26px;border-left:4px solid var(--red);background:var(--paper);font-size:21px;font-weight:800}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-columns>div{border:1px solid var(--line);border-radius:18px;padding:26px}.story-columns h3{margin:0}.case-timeline{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}.case-timeline li{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.case-timeline b{color:var(--red);font-size:12px}.case-timeline h3{margin:0}.case-timeline p{margin:6px 0}.case-note{background:#15171a;color:#fff;border-radius:20px;padding:28px;margin-top:28px}.case-note p{color:#b2b6bd;margin-bottom:0}
/* About */
.belief-section{background:#fff}.belief-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.belief-layout h2{font-size:54px;line-height:1.15;letter-spacing:-.05em;margin:16px 0}.belief-layout p{font-size:18px;color:var(--muted)}.principle-section{background:var(--paper)}.principle-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.principle-grid>div{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:290px}.principle-grid>div:nth-child(2n){border-right:0}.principle-grid>div:nth-last-child(-n+2){border-bottom:0}.principle-grid span{color:var(--red);font-size:12px;font-weight:900}.principle-grid h3{font-size:30px;line-height:1.25;margin:55px 0 12px}.principle-grid p{color:var(--muted)}.scope-section{background:#fff}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scope-grid>div{border-radius:22px;padding:34px}.scope-yes{background:#edf6f1;border:1px solid #cfe4da}.scope-no{background:#fbefef;border:1px solid #efcfd2}.scope-grid h3{font-size:28px;margin:0 0 20px}.scope-grid li{margin:12px 0}.profile-section{background:#111214;color:#fff}.profile-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.profile-layout h2{font-size:48px;margin:16px 0}.profile-layout p{color:#b4b8bf}.profile-layout dl{margin:0}.profile-layout dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-top:1px solid #36393f}.profile-layout dt{color:#e0868d;font-size:12px;font-weight:900}.profile-layout dd{margin:0;color:#fff}
/* Insights/article */
.insight-library{background:#fff}.insight-feature{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:25px;overflow:hidden;margin-bottom:34px}.insight-visual{background:#15171a;color:#fff;min-height:390px;padding:38px;position:relative;overflow:hidden}.insight-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px}.insight-visual>*{position:relative}.insight-visual span{font-size:11px;color:#e0868d;letter-spacing:.18em}.insight-visual b{display:block;font-size:56px;line-height:.95;margin:95px 0 14px}.insight-visual em{font-style:normal;color:#aeb2ba}.insight-feature>div:last-child{padding:48px;display:flex;flex-direction:column;align-items:flex-start}.insight-feature>div:last-child>span{font-size:12px;color:var(--red);font-weight:900}.insight-feature h2{font-size:38px;line-height:1.25;margin:18px 0}.insight-feature p{color:var(--muted)}.insight-feature .btn{margin-top:auto}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.article-art{height:150px;background:#15171a;color:#fff;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden}.article-art:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-55px;top:-70px}.article-art span{font-size:62px;color:rgba(255,255,255,.18);font-weight:900}.art-2,.art-5{background:var(--red)}.art-3,.art-6{background:#5d0a11}.article-card>div:last-child{padding:25px}.article-card>div:last-child>span{font-size:11px;color:var(--red);font-weight:900}.article-card h3{font-size:21px;line-height:1.45}.article-card p{font-size:14px;color:var(--muted)}.article-card a{font-size:13px;font-weight:850;color:var(--red)}.article-hero{background:var(--paper);padding:85px 0}.breadcrumbs{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:30px}.article-hero h1{font-size:clamp(52px,6vw,82px);line-height:1.05;letter-spacing:-.065em;margin:20px 0;max-width:1050px}.article-hero>div>p{font-size:20px;color:var(--muted);max-width:820px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#777a80}.article-content{background:#fff}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:80px;justify-content:center}.article-toc{position:sticky;top:115px;align-self:start;display:grid;border-left:2px solid var(--line);padding-left:18px}.article-toc b{font-size:13px;margin-bottom:12px}.article-toc a{font-size:13px;color:var(--muted);padding:7px 0}.article-content article h2{font-size:38px;line-height:1.25;margin:70px 0 18px}.article-content article section:first-of-type h2{margin-top:0}.article-content article p,.article-content article li{font-size:17px;color:#555960}.article-intro{font-size:23px!important;line-height:1.65;color:var(--ink)!important;border-bottom:1px solid var(--line);padding-bottom:40px}.article-callout{background:var(--paper);border-left:4px solid var(--red);padding:24px;margin:28px 0}.article-callout p{margin-bottom:0}.article-table{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:24px 0}.article-table>div{display:grid;grid-template-columns:.7fr .9fr 1.4fr}.article-table>div>*{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.article-table>div:first-child{background:var(--ink);color:#fff}.article-table>div:last-child>*{border-bottom:0}.article-table>div>*:last-child{border-right:0}.article-end{background:#15171a;color:#fff;border-radius:24px;padding:35px;margin-top:70px}.article-end h2{margin-top:0!important}.article-end p{color:#b4b8bf!important}
/* Contact / policy */
.contact-section{background:#fff}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-info{position:sticky;top:120px}.contact-info h2{font-size:48px;line-height:1.15;margin:16px 0}.contact-info>p{color:var(--muted)}.contact-info ol{list-style:none;margin:30px 0;padding:0;border-top:1px solid var(--line)}.contact-info li{display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.contact-info b{font-size:14px}.contact-info span{font-size:14px;color:var(--muted)}.line-card{display:block;background:#edf9f1;border:1px solid #cce9d7;padding:20px;border-radius:16px}.line-card span{display:block;font-size:12px;color:#38704e}.line-card b{display:block;color:#157745;font-size:18px}.contact-form{border:1px solid var(--line);border-radius:25px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:var(--shadow-soft)}.form-head{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:4px}.form-head span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.16em}.form-head h2{font-size:34px;margin:8px 0}.form-head p{color:var(--muted);font-size:13px}.contact-form label{display:grid;gap:8px}.contact-form label>span{font-size:12px;font-weight:800;color:#555960}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(166,18,30,.08)}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .full{grid-column:1/-1}.contact-form .consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start}.contact-form .consent input{width:auto;margin-top:4px}.form-message{grid-column:1/-1;font-size:13px;color:var(--green)}.contact-process{background:var(--paper)}.contact-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.contact-process-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.contact-process-grid b{color:var(--red);font-size:12px}.contact-process-grid h3{font-size:21px;margin:50px 0 8px}.contact-process-grid p{color:var(--muted);font-size:14px}.policy{background:#fff}.policy h2{font-size:30px;margin-top:45px}.policy h2:first-child{margin-top:0}.policy p{color:var(--muted);font-size:17px}
/* Footer */
.site-footer{background:#0f1012;color:#fff;padding:70px 0 28px}.footer-top{display:grid;grid-template-columns:1.1fr 1.9fr;gap:80px;padding-bottom:50px}.footer-brand img{width:320px;background:#fff;border-radius:12px;padding:7px}.footer-brand p{color:#aeb2ba;max-width:480px}.footer-line{display:inline-block;color:#fff;font-weight:850;margin-top:12px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-columns h3{font-size:13px;margin:0 0 18px;color:#fff}.footer-columns a,.footer-columns span{display:block;color:#9ea2aa;font-size:13px;margin:10px 0}.footer-columns a:hover{color:#fff}.footer-bottom{border-top:1px solid #2b2d32;padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:#777b83;font-size:11px}
/* Focus */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(194,28,42,.35);outline-offset:3px}
@media(max-width:1100px){:root{--container:min(100% - 36px,920px)}.desktop-nav{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:block}.hero-layout,.page-hero-layout{grid-template-columns:1fr;gap:48px}.hero-console{max-width:720px}.hero-layout{padding:70px 0}.tool-strip div{overflow:auto}.system-cards{grid-template-columns:1fr 1fr}.system-card:nth-child(2){border-right:0}.system-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.case-showcase{grid-template-columns:1fr}.case-stack{grid-template-columns:1fr 1fr}.case-mini:last-child{grid-column:1/-1}.process-list{grid-template-columns:1fr 1fr}.process-list li:nth-child(2n){border-right:0}.process-list li{border-bottom:1px solid var(--line)}.process-list li:last-child{grid-column:1/-1;border-bottom:0}.service-hub-grid,.case-library-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid>div:nth-child(2){border-right:0}.detail-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid>div:nth-child(2n){border-right:0}.flow-grid>div{border-bottom:1px solid var(--line)}.flow-grid>div:last-child{grid-column:1/-1;border-bottom:0}.article-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.contact-info{position:static}.footer-top{grid-template-columns:1fr}.case-story-grid{grid-template-columns:1fr}.case-sidebar{position:static;grid-template-columns:repeat(4,1fr)} }
@media(max-width:760px){:root{--container:calc(100% - 28px);--header:72px}.section{padding:76px 0}.brand{width:196px}.brand img{height:48px}.nav-line{display:none}.nav-actions .btn{display:none}.section-heading.split{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:39px}.section-heading>p,.section-heading.split>p{font-size:16px}.hero-layout{min-height:auto;padding:52px 0 74px}.hero-copy h1{font-size:49px}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-notes{display:grid;grid-template-columns:1fr}.hero-console{border-radius:22px}.console-body{padding:16px}.route-track{grid-template-columns:1fr}.route-line{height:28px;width:2px;margin:auto}.route-line span{left:-3px;animation:routePulseY 2.4s infinite}@keyframes routePulseY{0%{top:0;opacity:.2}40%{opacity:1}100%{top:20px;opacity:.2}}.route-node{min-height:90px}.route-node strong{margin-top:12px}.console-panels{grid-template-columns:1fr}.console-tag{position:static;margin:14px 16px 0}.tool-strip .container{display:block;padding:20px 0}.tool-strip div{margin-top:12px}.comparison{overflow-x:auto}.comparison-head,.comparison-row{min-width:760px}.system-cards{grid-template-columns:1fr}.system-card{border-right:0!important;border-bottom:1px solid var(--line);min-height:360px}.system-card:last-child{border-bottom:0}.industry-card{grid-template-columns:1fr}.industry-art img{height:240px}.industry-copy{padding:28px}.industry-copy h3{font-size:32px}.case-feature{grid-template-columns:1fr}.case-brand{min-height:220px}.case-content{padding:28px}.case-content h3{font-size:30px}.case-metrics{grid-template-columns:1fr}.case-stack{grid-template-columns:1fr}.case-mini:last-child{grid-column:auto}.deliverable-grid{grid-template-columns:1fr 1fr}.deliverable-grid>div:nth-child(2){border-right:0}.deliverable-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-list{grid-template-columns:1fr}.process-list li{border-right:0!important;grid-column:auto!important}.model-grid{grid-template-columns:1fr}.faq-layout,.cta-layout{grid-template-columns:1fr;gap:35px}.faq-intro{position:static}.faq-intro h2{font-size:39px}.cta-actions{margin:0;max-width:none}.page-hero-layout{min-height:auto;padding:55px 0}.page-hero-copy h1{font-size:47px}.page-hero-copy p{font-size:16px}.pattern-card{width:100%;height:300px}.pattern-card b{font-size:42px}.service-hub-card>div:last-child{padding:26px}.service-art img{height:230px}.diagnostic-grid{grid-template-columns:1fr}.diagnostic-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.diagnostic-grid>div:last-child{border-bottom:0!important}.problem-grid,.scenario-grid,.rule-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.detail-grid>div:last-child{border-bottom:0!important}.measure-layout,.audience-layout,.belief-layout,.profile-layout{grid-template-columns:1fr;gap:35px}.measure-layout h2,.audience-layout h2,.belief-layout h2{font-size:40px}.mini-process-grid,.contact-process-grid{grid-template-columns:1fr 1fr}.solution-hub-card{grid-template-columns:1fr}.solution-hub-card>img{min-height:260px}.solution-hub-card>div{padding:28px}.solution-hub-card h2{font-size:34px}.audience-tags{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr}.flow-grid>div{border-right:0!important;grid-column:auto!important}.case-library-card{grid-template-columns:1fr}.case-logo-large{min-height:210px}.case-library-copy>div{grid-template-columns:1fr}.case-detail-layout{grid-template-columns:1fr;min-height:auto;padding:55px 0}.case-detail-layout h1{font-size:49px}.case-detail-brand{min-height:280px}.case-stat-band .container{grid-template-columns:1fr}.case-stat-band .container>div{border-right:0;border-bottom:1px solid var(--line)}.case-stat-band .container>div:last-child{border-bottom:0}.case-sidebar{grid-template-columns:1fr 1fr}.case-article h2{font-size:39px}.story-columns{grid-template-columns:1fr}.case-timeline li{grid-template-columns:1fr;gap:8px}.principle-grid,.scope-grid{grid-template-columns:1fr}.principle-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.principle-grid>div:last-child{border-bottom:0!important}.profile-layout dl>div{grid-template-columns:1fr;gap:6px}.insight-feature{grid-template-columns:1fr}.insight-feature>div:last-child{padding:28px}.article-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-toc{position:static;border:1px solid var(--line);border-left:2px solid var(--red);padding:16px;border-radius:12px}.article-hero{padding:60px 0}.article-hero h1{font-size:47px}.article-content article h2{font-size:34px}.article-table{overflow-x:auto}.article-table>div{min-width:650px}.contact-form{grid-template-columns:1fr;padding:24px}.contact-form .full,.form-head,.form-message{grid-column:auto}.contact-info h2{font-size:40px}.contact-info li{grid-template-columns:1fr;gap:4px}.footer-columns{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.mobile-cta{display:grid;position:fixed;z-index:90;left:0;right:0;bottom:0;grid-template-columns:.8fr 1.2fr;background:#fff;border-top:1px solid var(--line);padding:9px calc(10px + env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));gap:8px}.mobile-cta a{min-height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:900}.mobile-cta a:last-child{background:var(--red);color:#fff;border-color:var(--red)}.site-footer{padding-bottom:110px}}
@media(max-width:480px){.hero-copy h1,.page-hero-copy h1,.case-detail-layout h1,.article-hero h1{font-size:42px}.hero-console{margin-inline:-5px}.console-chrome b{font-size:9px}.console-chrome em{display:none}.deliverable-grid,.mini-process-grid,.contact-process-grid{grid-template-columns:1fr}.deliverable-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.deliverable-grid>div:last-child{border-bottom:0!important}.case-mini{grid-template-columns:94px 1fr}.case-mini img{width:94px;height:94px}.case-content h3{font-size:27px}.case-sidebar{grid-template-columns:1fr}.article-meta{display:grid;gap:6px}.footer-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   V4 EXPRESSIVE EXPERIENCE — 互動官網視覺方向
   ========================================================= */
.v4-home{
 --v4-red:#c60e22;
 --v4-red-bright:#ed1938;
 --v4-red-dark:#780713;
 --v4-black:#0b0c0f;
 --v4-charcoal:#15171b;
 --v4-cream:#f3eee7;
 --v4-cream-2:#e9e0d6;
 --v4-pink:#ffd7dc;
 --v4-acid:#d9ff6a;
 --v4-blue:#7cc8ff;
 background:var(--v4-cream);
 overflow-x:hidden;
}
.v4-home ::selection{background:var(--v4-red);color:#fff}
.v4-home .container{width:min(1320px,calc(100vw - 64px))}
.v4-home .site-header{background:rgba(243,238,231,.78);border-bottom:1px solid rgba(11,12,15,.09);backdrop-filter:blur(22px) saturate(1.3)}
.v4-home .site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--v4-red),transparent);opacity:.25}
.v4-home .brand{width:246px}
.v4-home .brand img{height:54px;object-position:left center}
.v4-home .nav-link{font-size:13px;font-weight:850;letter-spacing:.01em;color:#292b30}
.v4-home .nav-link:after{bottom:17px;height:3px;border-radius:10px;background:var(--v4-red)}
.v4-home .nav-line{font-weight:900;color:var(--v4-black)}
.v4-home .nav-line:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#37b56e;margin-right:7px;box-shadow:0 0 0 5px rgba(55,181,110,.12)}
.v4-home .mega-menu{border:1px solid rgba(11,12,15,.12);box-shadow:0 30px 90px rgba(11,12,15,.18);background:rgba(255,255,255,.96)}
.v4-home .mega-grid a:hover{background:#f6eee8;border-color:#ead8d8;transform:translateX(4px)}
.v4-home .btn{position:relative;overflow:hidden}
.v4-home .btn:after{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.32) 48%,transparent 58%);transform:translateX(-60%);transition:transform .65s ease}
.v4-home .btn:hover:after{transform:translateX(60%)}
.v4-home .btn-primary{background:linear-gradient(135deg,var(--v4-red-bright),var(--v4-red-dark));box-shadow:0 16px 36px rgba(198,14,34,.27)}
.v4-home .btn-large{min-height:60px;padding:0 28px;font-size:16px}
.v4-home .btn-ghost{background:rgba(255,255,255,.38);border-color:rgba(11,12,15,.18);backdrop-filter:blur(10px)}
.v4-home .btn-dark{background:var(--v4-black);color:#fff;box-shadow:0 15px 36px rgba(11,12,15,.2)}
.scroll-progress{position:fixed;z-index:999;top:0;left:0;right:0;height:3px;pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--v4-red-bright),#ff8a98);box-shadow:0 0 18px rgba(237,25,56,.65)}
.v4-section{position:relative;padding:130px 0}
.v4-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:var(--v4-red)}
.v4-eyebrow:before{content:"";width:36px;height:3px;border-radius:4px;background:currentColor;transform:skewX(-24deg)}
.v4-eyebrow.light{color:#ffbdc6}
.v4-heading{max-width:900px;margin-bottom:62px}
.v4-heading.center{margin-left:auto;margin-right:auto;text-align:center}
.v4-heading.center .v4-eyebrow{justify-content:center}
.v4-heading.center .v4-eyebrow:after{content:"";width:36px;height:3px;border-radius:4px;background:currentColor;transform:skewX(24deg)}
.v4-heading h2{font-size:clamp(46px,5.8vw,82px);line-height:1.02;letter-spacing:-.07em;margin:20px 0 0;font-weight:950}
.v4-heading h2 em{font-family:"Noto Serif CJK TC","Noto Serif TC",serif;font-style:italic;font-weight:700;color:var(--v4-red-bright);letter-spacing:-.05em}
.v4-heading>p{font-size:18px;max-width:680px;color:#777a81;margin:24px auto 0}
.split-v4{max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:80px;align-items:end}
.split-v4>p{margin:0;color:#c8c9cf;line-height:1.9}

/* Hero */
.v4-hero{position:relative;min-height:calc(100vh - var(--header));background:radial-gradient(circle at 78% 20%,rgba(237,25,56,.16),transparent 27%),radial-gradient(circle at 13% 88%,rgba(255,255,255,.85),transparent 34%),linear-gradient(145deg,#f6f0e8 0%,#f3eee7 55%,#e8ddd2 100%);overflow:hidden}
.hero-grain{position:absolute;inset:0;opacity:.18;pointer-events:none;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.hero-orbit{position:absolute;border:1px solid rgba(198,14,34,.18);border-radius:50%;pointer-events:none}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(11,12,15,.08);border-radius:50%;inset:10%}
.hero-orbit:after{inset:23%}
.hero-orbit-a{width:760px;height:760px;right:-260px;top:-280px;animation:orbitSpin 24s linear infinite}
.hero-orbit-b{width:420px;height:420px;left:-180px;bottom:-220px;animation:orbitSpinReverse 18s linear infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
.v4-hero-layout{position:relative;z-index:2;min-height:760px;padding:88px 0 112px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(540px,.95fr);gap:72px;align-items:center}
.hero-kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.13em;font-weight:900;text-transform:uppercase}
.hero-kicker span{color:var(--v4-red)}
.hero-kicker b{background:var(--v4-black);color:#fff;padding:7px 12px;border-radius:999px;transform:rotate(-2deg)}
.v4-hero-copy h1{font-size:clamp(58px,6.25vw,94px);line-height:.97;letter-spacing:-.085em;margin:25px 0 28px;font-weight:950;max-width:820px}
.v4-hero-copy h1 em{display:inline-block;position:relative;font-family:"Noto Serif CJK TC","Noto Serif TC",serif;font-style:italic;font-weight:700;color:var(--v4-red-bright);z-index:1}
.v4-hero-copy h1 em:after{content:"";position:absolute;z-index:-1;left:-1%;right:-3%;bottom:6%;height:18%;background:var(--v4-pink);transform:rotate(-2deg);border-radius:50% 30% 55% 30%}
.hero-explain{font-size:18px;color:#5f6268;max-width:760px;line-height:1.92;margin:0}
.hero-explain strong{color:var(--v4-black);font-weight:900}
.v4-hero .hero-actions{margin-top:34px}
.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.hero-proof span{display:flex;align-items:center;gap:8px;border:1px solid rgba(11,12,15,.13);background:rgba(255,255,255,.48);backdrop-filter:blur(10px);padding:10px 13px;border-radius:14px;font-size:12px;font-weight:850}
.hero-proof b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--v4-black);color:#fff;font-size:9px}
.journey-lab{position:relative;background:var(--v4-black);border:1px solid #34363d;border-radius:32px;box-shadow:0 45px 120px rgba(11,12,15,.28);transform:rotate(1.5deg);transition:transform .35s ease}
.journey-lab:hover{transform:rotate(0deg) translateY(-5px)}
.journey-lab:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(198,14,34,.38);border-radius:38px;transform:rotate(-2.2deg);pointer-events:none}
.lab-topbar{height:62px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid #2d3036;color:#fff;gap:12px}
.lab-dots{display:flex;gap:6px}.lab-dots i{width:8px;height:8px;border-radius:50%;background:#555a64}.lab-dots i:first-child{background:var(--v4-red-bright)}
.lab-topbar b{font-size:10px;letter-spacing:.15em}.lab-topbar em{font-style:normal;margin-left:auto;color:#8b9099;font-size:9px;letter-spacing:.12em}
.journey-screen{position:relative;height:520px;padding:30px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}
.journey-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 25%,rgba(237,25,56,.18),transparent 35%);pointer-events:none}
.journey-title{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;color:#fff}
.journey-title span{font-size:11px;color:#9398a1;letter-spacing:.08em}.journey-title strong{font-size:13px;color:#ffbdc6}
.journey-path{position:absolute;left:22px;right:22px;top:115px;height:240px;z-index:1}
.journey-path svg{width:100%;height:100%;overflow:visible}.path-base{fill:none;stroke:#30343b;stroke-width:6;stroke-linecap:round}.path-live{fill:none;stroke:var(--v4-red-bright);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 14;animation:pathDash 9s linear infinite;filter:drop-shadow(0 0 7px rgba(237,25,56,.7))}
@keyframes pathDash{to{stroke-dashoffset:-240}}
.traveler{position:absolute;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--v4-red-bright);box-shadow:0 0 0 9px rgba(237,25,56,.14),0 0 26px rgba(237,25,56,.8);left:4%;top:68%;animation:travelerMove 8s ease-in-out infinite alternate}
@keyframes travelerMove{0%{left:4%;top:68%}33%{left:36%;top:22%}66%{left:63%;top:54%}100%{left:92%;top:10%}}
.journey-node{position:absolute;z-index:4;width:142px;min-height:108px;padding:14px 15px;background:rgba(31,34,40,.92);border:1px solid #3b3e47;border-radius:18px;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.22);transition:.25s}
.journey-node:hover{transform:translateY(-7px);border-color:#777e89}
.journey-node i{font-style:normal;font-size:9px;color:#888e98}.journey-node b{display:block;font-size:20px;margin-top:4px}.journey-node small{display:block;color:#a9adb5;font-size:10px;line-height:1.45;margin-top:3px}
.journey-node.node-a{left:6%;top:265px}.journey-node.node-b{left:30%;top:130px}.journey-node.node-c{left:54%;top:260px}.journey-node.node-d{right:4%;top:105px}
.journey-node.is-alert{border-color:rgba(237,25,56,.8);background:linear-gradient(145deg,#2e171b,#1f2228)}
.journey-node.is-alert span{position:absolute;right:-7px;top:-10px;background:var(--v4-red-bright);color:#fff;font-size:9px;padding:5px 8px;border-radius:999px;font-weight:900;transform:rotate(5deg)}
.lab-note{position:absolute;z-index:5;left:30px;right:30px;bottom:25px;display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:14px 16px;border-radius:16px;color:#c8cbd1;backdrop-filter:blur(12px)}
.lab-note p{font-size:12px;margin:0;line-height:1.55}.lab-note b{color:#fff}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#51d58f;flex:0 0 auto;margin-top:6px;box-shadow:0 0 0 0 rgba(81,213,143,.45);animation:pulseRing 1.8s infinite}
@keyframes pulseRing{70%{box-shadow:0 0 0 12px rgba(81,213,143,0)}}
.problem-marquee{position:absolute;z-index:4;left:0;right:0;bottom:0;height:66px;background:var(--v4-red);color:#fff;display:flex;align-items:center;overflow:hidden;transform:rotate(-1deg) scale(1.02);transform-origin:center}
.marquee-track{display:flex;align-items:center;gap:26px;width:max-content;white-space:nowrap;animation:marqueeMove 34s linear infinite;font-weight:900;font-size:15px;letter-spacing:.015em}
.marquee-track i{font-style:normal;color:#ffbdc6}
@keyframes marqueeMove{to{transform:translateX(-50%)}}

/* Diagnosis */
.diagnosis-section{background:#fff}
.diagnosis-section:before{content:"01";position:absolute;right:4vw;top:80px;font-size:260px;line-height:1;font-weight:950;color:#f7f2ee;letter-spacing:-.08em;pointer-events:none}
.diagnosis-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:84px;align-items:start;position:relative;z-index:2}
.diagnosis-intro{position:sticky;top:132px}
.diagnosis-intro h2{font-size:clamp(52px,5vw,74px);line-height:1.02;letter-spacing:-.07em;margin:20px 0 26px;font-weight:950}
.diagnosis-intro>p{font-size:17px;color:#696c73;max-width:500px}
.diagnosis-hint{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:12px 15px;background:var(--v4-cream);border-radius:14px;font-size:12px}.diagnosis-hint i{font-style:normal;color:var(--v4-red);font-size:20px}.diagnosis-hint b{color:var(--v4-red)}
.diagnosis-app{display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--v4-cream);border:1px solid #dfd6cd;border-radius:30px;overflow:hidden;box-shadow:0 28px 80px rgba(37,30,27,.12)}
.diagnosis-tabs{padding:16px;background:var(--v4-black);display:grid;gap:8px;align-content:start}
.diagnosis-tabs button{border:0;background:transparent;color:#989da6;text-align:left;border-radius:16px;padding:18px 15px;font-size:14px;font-weight:850;line-height:1.35;transition:.25s;display:flex;align-items:center;gap:12px}
.diagnosis-tabs button span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #444850;border-radius:50%;font-size:9px;flex:0 0 auto}
.diagnosis-tabs button:hover{color:#fff;background:#1a1c21;transform:translateX(4px)}
.diagnosis-tabs button.is-active{background:linear-gradient(135deg,var(--v4-red-bright),var(--v4-red-dark));color:#fff;box-shadow:0 12px 25px rgba(198,14,34,.25)}
.diagnosis-tabs button.is-active span{background:#fff;color:var(--v4-red);border-color:#fff}
.diagnosis-result{min-height:550px;padding:38px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.diagnosis-result:after{content:"?";position:absolute;right:-12px;bottom:-85px;font-family:"Noto Serif CJK TC",serif;font-style:italic;font-size:310px;line-height:1;color:rgba(198,14,34,.055);pointer-events:none}
.result-top{position:relative;z-index:1}.result-top>span{font-size:11px;color:var(--v4-red);font-weight:950;letter-spacing:.12em}.result-top h3{font-size:34px;line-height:1.32;letter-spacing:-.04em;margin:12px 0 0;max-width:650px}
.result-example{position:relative;z-index:1;margin-top:30px;padding:22px 22px 22px 64px;background:#fff;border:1px solid #e2d9d0;border-radius:18px}.result-example>b{position:absolute;left:18px;top:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--v4-red);color:#fff;font-size:11px}.result-example p{margin:0;font-size:15px;color:#53565c;line-height:1.8}
.result-check{position:relative;z-index:1;margin-top:24px}.result-check>b{font-size:12px;letter-spacing:.08em}.result-check ul{margin:13px 0 0;padding:0;list-style:none;display:grid;gap:9px}.result-check li{position:relative;padding-left:25px;font-size:14px;color:#55585f}.result-check li:before{content:"✓";position:absolute;left:0;top:1px;color:var(--v4-red);font-weight:950}
.result-link{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8cfc6;padding-top:20px;font-size:14px;font-weight:950;color:var(--v4-red)}
.result-link span{font-size:22px}

/* Translator */
.translator-section{background:var(--v4-black);color:#fff;overflow:hidden}
.translator-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 85%,transparent)}
.translator-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(237,25,56,.28),transparent 65%);left:50%;top:45%;transform:translate(-50%,-50%);filter:blur(20px)}
.translator-section .v4-heading{position:relative;z-index:2}.translator-section .v4-heading h2 em{color:#ff90a0}.translator-section .v4-heading>p{color:#a8abb2}
.translator-board{position:relative;z-index:2;border:1px solid #34363d;border-radius:28px;background:rgba(24,26,31,.9);overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.35)}
.term-rail{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #34363d}
.term-rail button{border:0;border-right:1px solid #34363d;background:transparent;color:#838892;padding:22px 14px;transition:.25s;text-align:center;min-height:94px}
.term-rail button:last-child{border-right:0}.term-rail button span{display:block;font-size:16px;font-weight:950}.term-rail button small{display:block;font-size:10px;margin-top:4px;color:#646972}.term-rail button:hover{background:#202228;color:#fff}.term-rail button.is-active{background:var(--v4-red);color:#fff;transform:translateY(-5px);box-shadow:0 12px 30px rgba(198,14,34,.34)}.term-rail button.is-active small{color:#ffd7dc}
.term-display{min-height:390px;padding:54px;display:grid;grid-template-columns:220px minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center}
.term-big{font-size:70px;line-height:.9;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #747983;word-break:break-word;white-space:pre-line}
.term-copy>span{font-size:10px;color:#ff9aa8;letter-spacing:.15em;font-weight:950}.term-copy h3{font-size:32px;line-height:1.25;letter-spacing:-.04em;margin:10px 0 15px}.term-copy>p{color:#b7bac1;font-size:15px;line-height:1.85}.term-warning{margin-top:22px;padding:14px 16px;border-left:3px solid var(--v4-red-bright);background:rgba(255,255,255,.045)}.term-warning b{font-size:10px;color:#ff9aa8}.term-warning p{margin:3px 0 0;font-size:13px}
.term-visual{display:flex;align-items:center;justify-content:center;gap:18px}.coin-stack{display:flex;align-items:flex-end;gap:5px;height:105px}.coin-stack i{width:26px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#ffd46a,#a76d00);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.coin-stack i:nth-child(1){height:32px}.coin-stack i:nth-child(2){height:52px}.coin-stack i:nth-child(3){height:76px}.coin-stack i:nth-child(4){height:100px}.term-arrow{font-size:28px;color:#727780}.revenue-card{width:145px;height:145px;border-radius:24px;background:linear-gradient(145deg,var(--v4-red-bright),var(--v4-red-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);box-shadow:0 20px 50px rgba(198,14,34,.3)}.revenue-card small{font-size:10px}.revenue-card b{font-size:48px;line-height:1}.revenue-card span{font-size:9px;margin-top:7px;color:#ffd7dc}

/* Path story */
.path-section{background:linear-gradient(180deg,#f3eee7,#fff 45%,#f3eee7)}
.path-section:after{content:"";position:absolute;top:110px;right:-210px;width:520px;height:520px;border:1px solid rgba(198,14,34,.16);border-radius:50%;box-shadow:inset 0 0 0 80px rgba(198,14,34,.02),inset 0 0 0 160px rgba(198,14,34,.018)}
.path-story{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);gap:0;align-items:stretch}
.path-card{min-width:0;min-height:560px;padding:28px 24px;border:1px solid #ddd3c9;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-radius:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 50px rgba(44,33,28,.08);transform-style:preserve-3d;transition:box-shadow .3s,border-color .3s}
.path-card:hover{border-color:rgba(198,14,34,.45);box-shadow:0 28px 70px rgba(44,33,28,.15)}
.path-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(198,14,34,.06);right:-55px;top:-55px}
.path-no{font-size:10px;color:var(--v4-red);font-weight:950;letter-spacing:.12em}.path-card>small{font-size:10px;letter-spacing:.1em;color:#8b8e94;text-transform:uppercase;margin-top:26px}.path-card h3{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:10px 0 12px}.path-card>p{font-size:14px;color:#65686e;margin:0}.path-card>a{margin-top:auto;padding-top:20px;border-top:1px solid #e0d7ce;font-size:13px;font-weight:950;color:var(--v4-red)}
.plain-example{margin:22px 0;padding:15px;background:var(--v4-cream);border-radius:14px;font-size:12px;color:#575a60;line-height:1.7}.plain-example b{display:inline-block;background:var(--v4-black);color:#fff;border-radius:999px;padding:3px 8px;font-size:9px;margin-right:6px}
.path-connector{width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.path-connector span{width:100%;height:2px;background:linear-gradient(90deg,#d4c7bb,var(--v4-red),#d4c7bb);position:relative}.path-connector span:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--v4-red);border-top:5px solid transparent;border-bottom:5px solid transparent}.path-connector i{font-style:normal;writing-mode:vertical-rl;font-size:9px;color:#9a8c81;letter-spacing:.15em}
.path-symbol{width:88px;height:88px;margin-top:26px;position:relative;display:grid;place-items:center;border-radius:28px;background:var(--v4-black);box-shadow:0 16px 30px rgba(11,12,15,.18);transform:rotate(-4deg)}
.magnet-symbol:before{content:"";width:40px;height:46px;border:10px solid var(--v4-red-bright);border-bottom-color:transparent;border-radius:20px 20px 5px 5px}.magnet-symbol i:nth-child(1),.magnet-symbol i:nth-child(2){position:absolute;width:8px;height:8px;border-radius:50%;background:var(--v4-acid)}.magnet-symbol i:nth-child(1){left:12px;top:17px}.magnet-symbol i:nth-child(2){right:13px;bottom:16px}.magnet-symbol i:nth-child(3){position:absolute;width:24px;height:2px;background:#fff;right:9px;top:15px;transform:rotate(-35deg)}
.story-symbol{background:linear-gradient(145deg,#3e151b,var(--v4-red-dark))}.story-symbol:before{content:"";width:50px;height:36px;border:3px solid #fff;border-radius:10px}.story-symbol:after{content:"";position:absolute;bottom:18px;left:27px;border-top:11px solid #fff;border-right:11px solid transparent}.story-symbol i{position:absolute;height:3px;background:#ffbdc6;left:28px;border-radius:4px}.story-symbol i:nth-child(1){width:32px;top:31px}.story-symbol i:nth-child(2){width:24px;top:41px}.story-symbol i:nth-child(3){width:17px;top:51px}
.inbox-symbol{background:linear-gradient(145deg,#15171b,#292d34)}.inbox-symbol:before{content:"";width:48px;height:40px;border:3px solid #fff;border-radius:8px}.inbox-symbol:after{content:"";position:absolute;width:22px;height:12px;border:3px solid var(--v4-acid);border-top:0;border-radius:0 0 8px 8px;bottom:22px}.inbox-symbol i:nth-child(1){position:absolute;width:18px;height:18px;border-radius:50%;background:var(--v4-red-bright);right:14px;top:13px;box-shadow:0 0 0 5px rgba(237,25,56,.16)}
.growth-symbol-v4{background:linear-gradient(145deg,var(--v4-red-bright),var(--v4-red-dark))}.growth-symbol-v4:before{content:"";position:absolute;width:46px;height:34px;border-left:4px solid #fff;border-bottom:4px solid #fff;bottom:23px;left:21px}.growth-symbol-v4:after{content:"";position:absolute;width:39px;height:4px;background:var(--v4-acid);transform:rotate(-38deg);left:27px;top:38px;box-shadow:12px -7px 0 -1px var(--v4-acid)}.growth-symbol-v4 i:nth-child(1){position:absolute;right:17px;top:21px;border-left:9px solid var(--v4-acid);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:rotate(-38deg)}

/* Cases */
.case-story-section{background:var(--v4-charcoal);color:#fff;overflow:hidden}
.case-story-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(237,25,56,.22),transparent 30%),radial-gradient(circle at 85% 75%,rgba(124,200,255,.08),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,50px 50px,50px 50px}
.case-story-section .container{position:relative;z-index:2}.case-story-section .v4-heading h2 em{color:#ff97a4}
.case-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 3px 32px;scrollbar-width:none}.case-carousel::-webkit-scrollbar{display:none}
.v4-case-card{flex:0 0 min(430px,82vw);min-height:570px;scroll-snap-align:start;background:#fff;color:var(--v4-black);border-radius:26px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.24);transform-style:preserve-3d}
.v4-case-card.is-featured{flex-basis:min(560px,88vw);background:linear-gradient(145deg,#fff,#f7eceb)}
.v4-case-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(198,14,34,.07);right:-80px;top:-80px}
.case-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.case-card-top img{width:118px;height:62px;object-fit:contain;object-position:left center;filter:saturate(.95)}.case-card-top span{font-size:10px;font-weight:950;letter-spacing:.1em;background:var(--v4-black);color:#fff;border-radius:999px;padding:8px 11px}
.v4-case-card h3{font-size:30px;line-height:1.28;letter-spacing:-.045em;margin:35px 0 16px;position:relative;z-index:2}.v4-case-card>p{color:#60636a;font-size:14px}.case-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:8px 0 24px}.case-before-after>div{background:var(--v4-cream);padding:16px;border-radius:15px}.case-before-after small{font-size:9px;color:var(--v4-red);font-weight:950}.case-before-after p{font-size:12px;line-height:1.6;margin:4px 0 0}.case-before-after>i{font-style:normal;color:var(--v4-red);font-size:22px}
.case-metrics-v4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.case-metrics-v4>div{border-top:1px solid #ded7d0;padding-top:16px}.case-metrics-v4 b{display:block;font-size:32px;line-height:1;color:var(--v4-red);letter-spacing:-.04em}.case-metrics-v4 span{display:block;font-size:10px;color:#777a80;margin-top:7px}.v4-case-card>a{margin-top:24px;font-size:13px;font-weight:950;color:var(--v4-red)}
.carousel-controls{display:flex;align-items:center;gap:18px;margin-top:18px}.carousel-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #3c3f46;background:#22252b;color:#fff;font-size:20px;transition:.2s}.carousel-controls button:hover{background:var(--v4-red);border-color:var(--v4-red);transform:scale(1.08)}.carousel-progress{height:3px;background:#30333a;flex:1;border-radius:4px;overflow:hidden}.carousel-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--v4-red-bright),#ff98a6);transition:width .25s}

/* Process */
.process-v4-section{background:#fff}
.process-v4-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:start}
.process-v4-copy{position:sticky;top:130px}.process-v4-copy h2{font-size:clamp(50px,5.2vw,76px);line-height:1.03;letter-spacing:-.07em;margin:20px 0 22px}.process-v4-copy p{font-size:16px;color:#6a6d74;line-height:1.85;margin-bottom:30px}
.process-v4-list{list-style:none;margin:0;padding:0;display:grid}.process-v4-list li{display:grid;grid-template-columns:78px 1fr;gap:24px;padding:36px 0;border-top:1px solid #ded7d0;transition:.25s}.process-v4-list li:last-child{border-bottom:1px solid #ded7d0}.process-v4-list li:hover{padding-left:18px;background:linear-gradient(90deg,rgba(198,14,34,.04),transparent)}.process-v4-list>li>span{font-size:13px;color:var(--v4-red);font-weight:950;padding-top:5px}.process-v4-list small{font-size:10px;color:#989ba1;letter-spacing:.08em}.process-v4-list h3{font-size:29px;line-height:1.28;letter-spacing:-.04em;margin:7px 0}.process-v4-list p{margin:0;color:#62656c;font-size:14px;line-height:1.8}

/* Promise */
.promise-section{background:var(--v4-red);color:#fff;overflow:hidden}
.promise-section:before{content:"";position:absolute;width:840px;height:840px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-330px;top:-350px;box-shadow:inset 0 0 0 110px rgba(255,255,255,.025),inset 0 0 0 220px rgba(255,255,255,.02)}
.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative;z-index:2;align-items:center}.promise-statement>span{font-size:10px;letter-spacing:.18em;color:#ffc3cb;font-weight:950}.promise-statement h2{font-size:clamp(52px,5.6vw,82px);line-height:1.03;letter-spacing:-.07em;margin:20px 0}.promise-statement h2 em{font-family:"Noto Serif CJK TC",serif;font-style:italic;color:#fff;font-weight:700}.promise-statement p{font-size:17px;color:#ffd7dc;max-width:600px;line-height:1.85}
.promise-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promise-cards article{min-height:190px;padding:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px;backdrop-filter:blur(12px);transition:.25s}.promise-cards article:hover{transform:translateY(-7px) rotate(-1deg);background:#fff;color:var(--v4-red)}.promise-cards b{font-size:21px}.promise-cards p{font-size:13px;line-height:1.75;color:#ffd9de}.promise-cards article:hover p{color:#6c5155}

/* FAQ */
.faq-v4-section{background:var(--v4-cream)}
.faq-v4-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:100px}.faq-v4-intro{position:sticky;top:130px;height:max-content}.faq-v4-intro h2{font-size:clamp(48px,5vw,72px);line-height:1.03;letter-spacing:-.07em;margin:20px 0}.faq-v4-intro p{font-size:16px;color:#6f7278;line-height:1.8}
.faq-v4-list{border-top:1px solid #d8cec4}.faq-v4-list details{border-bottom:1px solid #d8cec4}.faq-v4-list summary{list-style:none;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:25px 0;font-size:19px;font-weight:900;cursor:pointer}.faq-v4-list summary::-webkit-details-marker{display:none}.faq-v4-list summary:after{content:"+";font-size:28px;color:var(--v4-red);font-weight:400;transition:.2s}.faq-v4-list details[open] summary:after{transform:rotate(45deg)}.faq-v4-list summary span{color:var(--v4-red);font-size:10px}.faq-v4-list details p{margin:-4px 0 25px;padding-left:64px;color:#5f6268;font-size:14px;line-height:1.85;max-width:820px}

/* Final CTA */
.v4-final-cta{position:relative;padding:125px 0;background:var(--v4-black);color:#fff;overflow:hidden}
.v4-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(237,25,56,.32),transparent 32%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}
.cta-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-250px;top:-240px;animation:orbitSpin 25s linear infinite}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;inset:16%;border:1px solid rgba(237,25,56,.4);border-radius:50%}.cta-orbit:after{inset:34%}
.v4-final-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:90px;align-items:end}.v4-final-layout>div:first-child>span{font-size:10px;letter-spacing:.16em;color:#ff9ca9;font-weight:950}.v4-final-layout h2{font-size:clamp(52px,6vw,88px);line-height:1.02;letter-spacing:-.075em;margin:20px 0 0}.v4-final-layout h2 em{font-family:"Noto Serif CJK TC",serif;font-style:italic;color:#ff8e9d;font-weight:700}.v4-final-action p{color:#b3b6bd;font-size:16px;line-height:1.85;margin-bottom:28px}.v4-final-action>a:last-child{display:block;color:#ffbdc6;font-size:13px;font-weight:900;margin-top:18px;text-align:center}
.v4-footer{background:#090a0c}
.v4-home .v4-header{transition:box-shadow .25s,background .25s}.v4-home .v4-header.is-compact{background:rgba(255,255,255,.92);box-shadow:0 10px 35px rgba(11,12,15,.08)}
.swap-in{animation:swapIn .36s ease both}@keyframes swapIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Enhancements shared by inner pages */
body:not(.v4-home) .site-header{backdrop-filter:blur(22px)}
body:not(.v4-home) .page-hero-copy h1{max-width:950px}
body:not(.v4-home) .page-hero-copy p{line-height:1.9}
body:not(.v4-home) .page-visual img{filter:drop-shadow(0 25px 40px rgba(17,18,20,.12))}
body:not(.v4-home) .problem-grid>div,body:not(.v4-home) .detail-grid>div{transition:.3s;position:relative;overflow:hidden}
body:not(.v4-home) .problem-grid>div:hover,body:not(.v4-home) .detail-grid>div:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(18,18,20,.11);z-index:2}
body:not(.v4-home) .problem-grid>div:after,body:not(.v4-home) .detail-grid>div:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(166,18,30,.06)}

/* Responsive */
@media(max-width:1180px){
 .v4-home .container{width:min(100% - 40px,1050px)}
 .v4-hero-layout{grid-template-columns:1fr;gap:64px;padding-top:72px}
 .v4-hero-copy{max-width:930px}
 .journey-lab{max-width:760px;margin-left:auto;margin-right:auto;width:100%}
 .diagnosis-layout,.process-v4-layout,.faq-v4-layout{grid-template-columns:1fr;gap:50px}
 .diagnosis-intro,.process-v4-copy,.faq-v4-intro{position:static}
 .path-story{grid-template-columns:1fr 50px 1fr;gap:0;align-items:stretch}
 .path-card{min-height:520px}
 .path-card-c{grid-row:3}.path-card-d{grid-row:3;grid-column:3}.path-story>.path-connector:nth-of-type(4){display:none}
 .promise-grid{grid-template-columns:1fr;gap:45px}.promise-statement{max-width:850px}
}
@media(max-width:900px){
 .v4-home .container{width:calc(100% - 32px)}
 .v4-section{padding:94px 0}
 .v4-hero-copy h1{font-size:64px}
 .diagnosis-app{grid-template-columns:1fr}.diagnosis-tabs{grid-template-columns:1fr 1fr}.diagnosis-result{min-height:auto}
 .term-rail{grid-template-columns:1fr 1fr}.term-rail button:nth-child(5){grid-column:1/-1}.term-display{grid-template-columns:1fr 1fr}.term-big{grid-column:1/-1;font-size:48px}.term-visual{align-self:end}
 .split-v4{grid-template-columns:1fr;gap:25px}.split-v4>p{max-width:720px}
 .v4-final-layout{grid-template-columns:1fr;gap:45px}.v4-final-action{max-width:650px}
}
@media(max-width:760px){
 .v4-home .brand{width:188px}.v4-home .brand img{height:46px}
 .v4-hero{min-height:auto}.v4-hero-layout{padding:54px 0 110px;gap:50px}.hero-kicker{align-items:flex-start;flex-direction:column;gap:8px}.v4-hero-copy h1{font-size:50px;line-height:1.02}.hero-explain{font-size:16px;line-height:1.8}.v4-home .hero-actions{display:grid}.v4-home .hero-actions .btn{width:100%}.hero-proof{display:grid;grid-template-columns:1fr}.journey-lab{border-radius:22px;transform:none}.journey-lab:before{inset:-6px;border-radius:26px}.journey-screen{height:600px;padding:20px}.journey-title{display:grid}.journey-path{display:none}.journey-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%;min-height:92px;margin-top:12px}.journey-node b{font-size:17px}.journey-node small{font-size:11px}.lab-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:13px}.problem-marquee{height:54px}.marquee-track{font-size:12px}
 .v4-section{padding:78px 0}.v4-heading h2,.diagnosis-intro h2,.process-v4-copy h2,.faq-v4-intro h2{font-size:43px}.v4-heading{margin-bottom:38px}
 .diagnosis-section:before{font-size:150px;top:40px}.diagnosis-tabs{grid-template-columns:1fr;padding:10px}.diagnosis-tabs button{padding:13px}.diagnosis-result{padding:24px}.result-top h3{font-size:28px}.result-example{padding:18px 18px 18px 54px}.result-example>b{left:12px;top:16px}
 .term-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.term-rail button{flex:0 0 48%;scroll-snap-align:start}.term-display{padding:28px;grid-template-columns:1fr;gap:28px}.term-big{font-size:44px}.term-copy h3{font-size:27px}.term-visual{justify-content:flex-start;transform:scale(.88);transform-origin:left center}
 .path-story{display:grid;grid-template-columns:1fr;gap:14px}.path-card{min-height:auto;grid-column:auto!important;grid-row:auto!important}.path-card>a{margin-top:28px}.path-connector{width:auto;height:38px;flex-direction:row}.path-connector span{width:2px;height:100%;background:linear-gradient(#d4c7bb,var(--v4-red),#d4c7bb)}.path-connector span:after{right:-4px;top:auto;bottom:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--v4-red);border-bottom:0}.path-connector i{writing-mode:horizontal-tb}
 .v4-case-card,.v4-case-card.is-featured{flex-basis:88vw;padding:23px}.v4-case-card h3{font-size:26px}.case-before-after{grid-template-columns:1fr}.case-before-after>i{transform:rotate(90deg);justify-self:center}.case-metrics-v4 b{font-size:26px}
 .process-v4-list li{grid-template-columns:48px 1fr;gap:10px}.process-v4-list h3{font-size:24px}.process-v4-list li:hover{padding-left:0}
 .promise-cards{grid-template-columns:1fr}.promise-cards article{min-height:auto}.promise-statement h2{font-size:47px}
 .faq-v4-list summary{grid-template-columns:40px 1fr auto;font-size:16px}.faq-v4-list details p{padding-left:50px}
 .v4-final-cta{padding:85px 0}.v4-final-layout h2{font-size:46px}
}
@media(max-width:430px){
 .v4-hero-copy h1{font-size:44px}.hero-kicker b{font-size:9px}.lab-topbar b{font-size:8px}.lab-topbar em{display:none}
 .term-rail button{flex-basis:62%}.case-metrics-v4{grid-template-columns:1fr}.case-card-top img{width:95px}.v4-final-layout h2{font-size:41px}
}
@media(prefers-reduced-motion:reduce){.hero-orbit,.cta-orbit,.marquee-track,.path-live,.traveler,.pulse-dot{animation:none!important}}
html{overflow-x:clip}
.v4-home{max-width:100vw}
@media(min-width:1181px){.v4-hero-copy h1{font-size:clamp(56px,5.25vw,78px);white-space:nowrap}}
@media(max-width:1180px){.v4-hero-copy h1{white-space:normal}}

/* V4 inner page language & visual system */
body.v4-inner{--red:#c60e22;--red-2:#ed1938;--red-dark:#780713;--ink:#0b0c0f;--paper:#f3eee7;--paper-2:#e9e0d6;background:#fff;overflow-x:clip}
body.v4-inner .site-header{background:rgba(243,238,231,.84);backdrop-filter:blur(22px) saturate(1.25)}
body.v4-inner .nav-link{font-weight:850;color:#282b30}
body.v4-inner .nav-actions .btn-primary{background:linear-gradient(135deg,#ed1938,#780713);box-shadow:0 14px 30px rgba(198,14,34,.22)}
body.v4-inner .page-hero{background:radial-gradient(circle at 80% 20%,rgba(237,25,56,.17),transparent 29%),linear-gradient(145deg,#f7f1e9,#f1e8df);overflow:hidden}
body.v4-inner .page-hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(198,14,34,.16);border-radius:50%;right:-260px;top:-320px;box-shadow:inset 0 0 0 90px rgba(198,14,34,.025),inset 0 0 0 180px rgba(198,14,34,.018);animation:orbitSpin 28s linear infinite}
body.v4-inner .page-hero-layout{position:relative;z-index:2}
body.v4-inner .page-hero-copy h1{font-size:clamp(52px,5.8vw,84px);line-height:1.02;letter-spacing:-.075em}
body.v4-inner .page-hero-copy h1 em,body.v4-inner .case-detail-layout h1 em,body.v4-inner .article-hero h1 em{font-family:"Noto Serif CJK TC","Noto Serif TC",serif;font-style:italic;color:#ed1938;font-weight:700;position:relative;z-index:1}
body.v4-inner .page-hero-copy h1 em:after{content:"";position:absolute;left:-1%;right:-2%;bottom:5%;height:15%;background:#ffd7dc;z-index:-1;transform:rotate(-1.5deg);border-radius:50%}
body.v4-inner .page-hero-copy>p{font-size:18px;color:#5f6268;max-width:760px}
body.v4-inner .page-visual{transform:rotate(1.5deg);transition:.35s}
body.v4-inner .page-visual:hover{transform:rotate(0deg) translateY(-8px)}
body.v4-inner .page-visual img{border-radius:28px;box-shadow:0 34px 90px rgba(17,18,20,.16)}
body.v4-inner .section-heading h2{letter-spacing:-.06em}
body.v4-inner .section-heading h2 em{font-family:"Noto Serif CJK TC",serif;font-style:italic;color:#ed1938}
body.v4-inner .problem-grid>div,body.v4-inner .detail-grid>div,body.v4-inner .scenario-grid>div,body.v4-inner .rule-grid>div{border-radius:20px!important}
body.v4-inner .cta-section{background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.15),transparent 28%),linear-gradient(135deg,#ed1938,#6e0710)}
body.v4-inner .cta-section h2{letter-spacing:-.055em}
.plain-language-band{position:relative;background:#0b0c0f;color:#fff;padding:70px 0;overflow:hidden}
.plain-language-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(237,25,56,.3),transparent 32%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.plain-band-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr .75fr;gap:26px;align-items:stretch}
.plain-band-title,.plain-band-example,.plain-band-check{border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:26px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.plain-band-title>span{display:inline-block;background:#ed1938;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:.1em}.plain-band-title>small{display:block;color:#ffb9c2;font-size:10px;letter-spacing:.12em;margin-top:20px}.plain-band-title h2{font-size:34px;line-height:1.3;letter-spacing:-.045em;margin:8px 0 0}
.plain-band-example b,.plain-band-check b{display:block;color:#ff9eaa;font-size:10px;letter-spacing:.12em}.plain-band-example p{font-size:15px;color:#d1d3d8;line-height:1.85;margin:12px 0 0}.plain-band-check ul{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:11px}.plain-band-check li{position:relative;padding-left:22px;color:#d1d3d8;font-size:13px;line-height:1.6}.plain-band-check li:before{content:"✓";position:absolute;left:0;color:#d9ff6a;font-weight:900}
@media(max-width:950px){.plain-band-grid{grid-template-columns:1fr 1fr}.plain-band-check{grid-column:1/-1}.plain-band-check ul{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body.v4-inner .page-hero-copy h1{font-size:44px}.plain-language-band{padding:55px 0}.plain-band-grid{grid-template-columns:1fr}.plain-band-check{grid-column:auto}.plain-band-check ul{grid-template-columns:1fr}.plain-band-title h2{font-size:29px}}


/* V5 polish: transparent brand lockups, richer cards, safer headline rhythm */
.brand{display:flex;align-items:center}.brand img{height:auto!important;max-height:58px;object-fit:contain;filter:none!important;background:transparent!important}
.footer-brand img{width:min(330px,100%);height:auto!important;object-fit:contain;background:transparent!important;filter:none!important}
.site-footer .footer-brand{overflow:visible}.site-footer{background:#0b0c0f}
.v4-hero-copy h1{white-space:normal!important;line-height:1.09!important;letter-spacing:-.062em!important;overflow:visible;margin:28px 0 30px}
.v4-hero-copy h1 .hero-line{display:block;margin:.08em 0}.v4-hero-copy h1 .hero-line-accent{margin-top:.12em}.v4-hero-copy h1 em{display:inline-block;line-height:1.08;padding:.02em .03em .08em 0}
.card-visual{width:78px;height:78px;margin:0 0 22px;display:grid;place-items:center;position:relative;transform:rotate(-2deg);transition:transform .28s ease,filter .28s ease}
.card-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(28,18,14,.09))}
.icon-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.icon-card:hover{transform:translateY(-7px);box-shadow:0 22px 60px rgba(40,28,24,.12);border-color:rgba(198,14,34,.28)!important}
.icon-card:hover .card-visual{transform:rotate(2deg) scale(1.06)}
.flow-grid .card-visual{width:66px;height:66px;margin-bottom:14px}.flow-grid .icon-card{min-height:235px;display:flex;flex-direction:column;align-items:flex-start}
.scenario-grid .icon-card,.rule-grid .icon-card,.problem-grid .icon-card,.detail-grid .icon-card,.measure-grid .icon-card,.mini-process-grid .icon-card,.contact-process-grid .icon-card,.belief-grid .icon-card,.principle-grid .icon-card,.scope-grid .icon-card,.diagnostic-grid .icon-card{padding-top:28px!important}
.article-art{min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden}.article-art img{width:102px;height:102px;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 18px 22px rgba(0,0,0,.15))}.article-art span{position:absolute!important;left:22px!important;bottom:16px!important;top:auto!important;font-size:58px!important;opacity:.14!important}
.case-logo-large img,.case-card-top img,.case-detail-brand img{background:transparent!important;border:0!important;box-shadow:none!important}
.case-logo-large{background:linear-gradient(135deg,#fffaf7,#f3eae4)!important}.case-logo-large img{width:min(320px,82%)!important;max-height:104px!important;object-fit:contain!important}
.case-detail-brand img{max-width:340px!important;max-height:150px!important;object-fit:contain!important}
.case-library-card{transition:transform .28s ease,box-shadow .28s ease}.case-library-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(24,18,15,.14)}
@media(max-width:1180px){.v4-hero-copy h1{font-size:clamp(52px,7vw,72px)!important}}
@media(max-width:760px){.v4-hero-copy h1{font-size:46px!important;line-height:1.12!important;letter-spacing:-.055em!important}.v4-hero-copy h1 .hero-line{margin:.06em 0}.brand img{max-height:48px}.card-visual{width:68px;height:68px}.article-art{min-height:125px!important}.article-art img{width:82px;height:82px}.case-detail-brand img{max-width:260px!important}}
@media(max-width:430px){.v4-hero-copy h1{font-size:40px!important}.v4-hero-copy h1 em{padding-bottom:.12em}}


/* V5 FINAL: unmistakable LINE CTAs and clean transparent logos */
.brand img,.footer-brand img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:none!important}
.brand img{width:100%!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.footer-brand img{width:min(390px,100%)!important;height:auto!important;object-fit:contain!important}

.line-cta{--line-green:#06c755;--line-green-dark:#04a947;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:linear-gradient(135deg,var(--line-green),#05b94e)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:999px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(6,199,85,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;position:relative;isolation:isolate;overflow:hidden}
.line-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.28) 47%,transparent 60%);transform:translateX(-130%);transition:transform .65s ease}
.line-cta:hover{transform:translateY(-3px)!important;box-shadow:0 18px 36px rgba(6,199,85,.36),inset 0 1px 0 rgba(255,255,255,.32)!important;filter:saturate(1.08)}
.line-cta:hover:before{transform:translateX(130%)}
.line-cta:focus-visible{outline:4px solid rgba(6,199,85,.26)!important;outline-offset:3px!important}
.line-mini-icon{flex:0 0 auto;display:grid;place-items:center;min-width:35px;height:24px;padding:0 6px;border-radius:10px 10px 10px 3px;background:#fff;color:#05ad49;font:950 8px/1 Arial,sans-serif;letter-spacing:-.02em;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.line-cta-label{white-space:nowrap;line-height:1}
.line-cta-arrow{font-size:15px;line-height:1;transition:transform .2s ease}.line-cta:hover .line-cta-arrow{transform:translate(2px,-2px)}

.nav-actions .nav-line.line-cta{min-height:42px;padding:0 15px!important;font-size:13px!important;margin-left:0}
.v4-home .nav-line.line-cta{color:#fff!important}.v4-home .nav-line.line-cta:before{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:999px!important;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.28) 47%,transparent 60%)!important;margin:0!important;box-shadow:none!important}
.mobile-actions .line-cta{min-height:52px;padding:0 15px!important;border-color:rgba(255,255,255,.18)!important}
.cta-actions .line-cta{min-height:54px;padding:0 24px!important}
.footer-line.line-cta{margin-top:18px!important;min-height:50px;padding:0 19px!important;color:#fff!important}
.mobile-cta .line-cta{background:linear-gradient(135deg,#06c755,#05ad49)!important;color:#fff!important;border-color:#06c755!important;box-shadow:0 8px 20px rgba(6,199,85,.25)!important;gap:6px!important}
.mobile-cta .line-cta .line-mini-icon{min-width:30px;height:21px;font-size:7px}.mobile-cta .line-cta .line-cta-arrow{display:none}

.floating-line-cta{position:fixed!important;z-index:140;right:22px;bottom:24px;min-height:62px;padding:9px 17px 9px 11px!important;animation:lineFloatPulse 2.8s ease-in-out infinite}
.floating-line-cta .line-mini-icon{min-width:43px;height:31px;font-size:10px;border-radius:13px 13px 13px 4px}
.floating-line-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.floating-line-copy strong{font-size:14px}.floating-line-copy small{margin-top:4px;font-size:10px;font-weight:750;opacity:.88;letter-spacing:.08em}
@keyframes lineFloatPulse{0%,100%{box-shadow:0 14px 34px rgba(6,199,85,.30),0 0 0 0 rgba(6,199,85,.22)}50%{box-shadow:0 18px 38px rgba(6,199,85,.38),0 0 0 11px rgba(6,199,85,0)}}
@media(max-width:1100px){.nav-actions .nav-line.line-cta{display:inline-flex!important}}
@media(max-width:760px){.floating-line-cta{display:none!important}.nav-actions .nav-line.line-cta{display:none!important}.mobile-cta{grid-template-columns:1fr 1.15fr!important}.mobile-cta .line-cta{min-height:48px!important}.footer-line.line-cta{width:100%;max-width:320px}.footer-brand img{width:min(330px,100%)!important}}
@media(prefers-reduced-motion:reduce){.floating-line-cta{animation:none}.line-cta:before{display:none}}


/* V6 case-study update */
.case-hero-v6{position:relative;overflow:hidden;background:
 radial-gradient(circle at 82% 12%,rgba(237,25,56,.18),transparent 30%),
 linear-gradient(135deg,#0d0e11 0%,#17191e 58%,#0a0b0d 100%)}
.case-hero-v6:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to left,#000,transparent 76%)}
.case-hero-v6 .case-detail-layout{position:relative;z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:56px}
.case-hero-v6 .case-detail-layout h1{font-size:clamp(52px,5.2vw,78px)}
.case-service-meta{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin:28px 0 30px;max-width:860px}
.case-service-meta>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);backdrop-filter:blur(8px);padding:15px 17px;border-radius:16px;display:grid;gap:6px}
.case-service-meta span{font-size:10px;letter-spacing:.13em;color:#ff8da0;font-weight:900}.case-service-meta b{font-size:13px;line-height:1.55;color:#fff}
.case-detail-brand{padding:0!important;overflow:hidden;min-height:430px!important;background:transparent!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 36px 90px rgba(0,0,0,.34);position:relative;align-content:center}
.case-detail-brand:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;z-index:1;pointer-events:none}
.case-detail-brand .case-brand-art{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:27px!important;display:block}
.case-detail-brand>span{position:absolute!important;z-index:2;left:24px;right:24px;bottom:22px;padding:10px 14px;border-radius:999px;background:rgba(12,13,16,.74);color:#fff!important;text-align:center;font-size:10px!important;letter-spacing:.06em;backdrop-filter:blur(12px)}
.case-stat-band-v6 .container{grid-template-columns:repeat(3,1fr)!important}.case-stat-band-v6 .container>div{min-height:132px;display:flex;flex-direction:column;justify-content:center}.case-stat-band-v6 b{font-size:clamp(29px,3vw,42px);letter-spacing:-.04em}.case-stat-band-v6 span{font-weight:800;margin-top:5px}
.case-story-layout{display:grid;grid-template-columns:220px minmax(0,820px);gap:76px;justify-content:center}
.case-toc{position:sticky;top:120px;align-self:start;display:grid;border-left:2px solid var(--red);padding-left:18px;gap:4px}.case-toc>span{font-size:10px;font-weight:900;color:var(--red);letter-spacing:.15em;margin-bottom:9px}.case-toc a{font-size:12px;font-weight:800;color:#777;padding:8px 0}.case-toc a:hover{color:var(--red)}
.case-article>section{position:relative}.case-article>section:not(:last-child):before{content:"";position:absolute;left:-34px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(166,18,30,.08)}
.case-article>section:not(:last-child):after{content:"";position:absolute;left:-29px;top:25px;bottom:0;width:1px;background:linear-gradient(var(--red),rgba(166,18,30,.04))}
.case-note{background:linear-gradient(135deg,#111318,#262a31);border:1px solid rgba(255,255,255,.08)}
.case-logo-large{padding:0!important;min-height:330px;background:#101216!important;overflow:hidden;position:relative}.case-logo-large:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;pointer-events:none}.case-logo-large .case-brand-art{width:100%!important;height:100%!important;min-height:330px;object-fit:cover!important;border-radius:0!important}
.case-library-card{min-height:420px}.case-library-card.is-featured{border-color:rgba(166,18,30,.38);box-shadow:0 22px 65px rgba(166,18,30,.11)}
.case-library-copy>div b{font-size:19px}.case-library-copy h2{font-size:27px}
.v4-case-card .case-card-top{height:154px;margin:-1px -1px 22px;overflow:hidden;border-radius:19px 19px 0 0;position:relative;background:#101216}.v4-case-card .case-card-top .case-brand-art{width:100%;height:100%;object-fit:cover;border-radius:0}.v4-case-card .case-card-top>span{position:absolute;top:12px;right:12px;padding:7px 11px;border-radius:999px;background:rgba(10,11,14,.78);color:#fff!important;backdrop-filter:blur(9px);font-size:10px;font-weight:900;letter-spacing:.05em}
.case-brand-hongyu,.case-brand-guohua,.case-brand-brand57{background:#f7f3ea!important}.case-brand-wogei,.case-brand-jhwrap{background:#050a12!important}.case-brand-chaozhan{background:#e9eef1!important}
@media(max-width:1100px){.case-hero-v6 .case-detail-layout{grid-template-columns:1fr}.case-detail-brand{max-width:760px;width:100%;min-height:400px!important}.case-story-layout{grid-template-columns:1fr;gap:35px}.case-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:2px solid var(--red);padding:14px 0 0}.case-toc>span{grid-column:1/-1}}
@media(max-width:760px){.case-hero-v6 .case-detail-layout{gap:38px}.case-hero-v6 .case-detail-layout h1{font-size:44px!important;line-height:1.08}.case-service-meta{grid-template-columns:1fr}.case-detail-brand{min-height:280px!important}.case-detail-brand>span{left:14px;right:14px;bottom:14px}.case-stat-band-v6 .container{grid-template-columns:1fr!important}.case-logo-large{min-height:240px}.case-logo-large .case-brand-art{min-height:240px}.v4-case-card .case-card-top{height:135px}.case-toc{grid-template-columns:1fr}.case-toc>span{grid-column:auto}.case-article>section:not(:last-child):before,.case-article>section:not(:last-child):after{display:none}}

/* V6.1 case-library portrait brand panels */
.case-library-card .case-logo-large .case-brand-art{width:100%!important;height:100%!important;min-height:330px!important;object-fit:cover!important;object-position:center!important;padding:0!important}
.case-library-card .case-logo-large.case-brand-chaozhan .case-brand-art{object-fit:cover!important}
@media(max-width:760px){.case-library-card .case-logo-large .case-brand-art{min-height:240px!important}}

/* V6.2 long case-headline tuning */
.case-theme-chaozhan .case-detail-layout h1,.case-theme-guohua .case-detail-layout h1{font-size:64px}
.case-theme-brand57 .case-detail-layout h1{font-size:56px}
@media(max-width:760px){.case-theme-chaozhan .case-detail-layout h1,.case-theme-guohua .case-detail-layout h1,.case-theme-brand57 .case-detail-layout h1{font-size:42px!important}}

/* V7 official Jaynes logo lockup: exact supplied mark and lettering, no retyping or AI redraw. */
body .brand{width:220px!important;flex:0 0 220px!important}
body .brand img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
body .footer-brand img{width:min(340px,100%)!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
@media(max-width:760px){body .brand{width:170px!important;flex-basis:170px!important}body .brand img{max-height:none!important}}


/* V8 case-logo correction — full lockups only, never crop or stretch. */
.case-logo-large,
.v4-case-card .case-card-top,
.case-detail-brand{isolation:isolate}
.case-library-card .case-logo-large{
  min-height:250px!important;
  padding:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#fffdfb,#f4ede7)!important;
}
.case-library-card .case-logo-large:after{
  inset:14px!important;
  border-color:rgba(33,25,21,.10)!important;
}
.case-library-card .case-logo-large .case-brand-art{
  width:100%!important;
  height:190px!important;
  min-height:0!important;
  max-width:360px!important;
  max-height:190px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  padding:0!important;
  transform:none!important;
}
.case-library-card .case-logo-large.case-brand-hongyu,
.case-library-card .case-logo-large.case-brand-brand57,
.case-library-card .case-logo-large.case-brand-guohua{
  background:linear-gradient(145deg,#fffdf9,#f4eee7)!important;
}
.case-library-card .case-logo-large.case-brand-jhwrap,
.case-library-card .case-logo-large.case-brand-wogei{background:#111318!important}
.case-library-card .case-logo-large.case-brand-chaozhan{
  background:linear-gradient(145deg,#f8fbfc,#e9eef1)!important;
}
.v4-case-card .case-card-top{
  height:154px!important;
  padding:18px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.v4-case-card .case-card-top .case-brand-art{
  width:100%!important;
  height:118px!important;
  max-width:300px!important;
  max-height:118px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  padding:0!important;
  transform:none!important;
}
.v4-case-card .case-card-top>span{z-index:3!important}
.case-detail-brand{
  min-height:400px!important;
  padding:44px!important;
  background:linear-gradient(145deg,#fffdfb,#eee7e1)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.case-detail-brand .case-brand-art{
  width:100%!important;
  height:260px!important;
  max-width:520px!important;
  max-height:260px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  padding:0!important;
  transform:none!important;
}
.case-detail-brand.case-brand-jhwrap,
.case-detail-brand.case-brand-wogei{background:#0b1019!important}
.case-detail-brand.case-brand-chaozhan{background:linear-gradient(145deg,#f8fbfc,#e5ebee)!important}
.case-detail-brand.case-brand-hongyu,
.case-detail-brand.case-brand-brand57,
.case-detail-brand.case-brand-guohua{background:linear-gradient(145deg,#fffdf9,#f3ece5)!important}
@media(max-width:760px){
  .case-library-card .case-logo-large{min-height:205px!important;padding:22px!important}
  .case-library-card .case-logo-large .case-brand-art{height:155px!important;max-height:155px!important}
  .v4-case-card .case-card-top{height:140px!important;padding:16px!important}
  .v4-case-card .case-card-top .case-brand-art{height:104px!important;max-height:104px!important}
  .case-detail-brand{min-height:270px!important;padding:28px!important}
  .case-detail-brand .case-brand-art{height:190px!important;max-height:190px!important}
}

/* V8.1 approved case-library layout — 3 equal cards per row on desktop. */
.case-library-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.case-library-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:610px!important;
  height:100%!important;
  background:#fff!important;
}
.case-library-card .case-logo-large{
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  flex:0 0 220px!important;
  padding:18px 22px!important;
}
.case-library-card .case-logo-large .case-brand-art{
  width:100%!important;
  height:178px!important;
  max-width:360px!important;
  max-height:178px!important;
}
.case-library-card .case-library-copy{
  flex:1 1 auto!important;
  padding:25px 26px 24px!important;
  display:flex!important;
  flex-direction:column!important;
}
.case-library-card .case-library-copy h2{
  font-size:25px!important;
  line-height:1.28!important;
  min-height:96px!important;
  margin:12px 0 12px!important;
}
.case-library-card .case-library-copy p{
  min-height:82px!important;
  margin:0 0 22px!important;
}
.case-library-card .case-library-copy>div{
  margin-top:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.case-library-card .case-library-copy>strong{margin-top:18px!important}
@media(max-width:1180px){
  .case-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .case-library-grid{grid-template-columns:1fr!important;gap:18px!important}
  .case-library-card{min-height:0!important}
  .case-library-card .case-logo-large{
    height:205px!important;min-height:205px!important;flex-basis:205px!important;padding:18px!important
  }
  .case-library-card .case-logo-large .case-brand-art{height:165px!important;max-height:165px!important}
  .case-library-card .case-library-copy{padding:24px!important}
  .case-library-card .case-library-copy h2{font-size:28px!important;min-height:0!important}
  .case-library-card .case-library-copy p{min-height:0!important}
  .case-library-card .case-library-copy>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* =========================================================
   V9 FINAL REVIEW BUILD
   - official Jaynes proportions
   - consistent uploaded-logo case cards
   - five distinct plain-language visual explanations
   ========================================================= */
:root{--header:76px}
body .nav-shell{height:76px;gap:22px}
body .brand{width:188px!important;flex:0 0 188px!important}
body .brand img{width:188px!important;height:59px!important;max-height:59px!important;object-fit:contain!important;object-position:left center!important}
body .footer-brand img{width:218px!important;height:auto!important;max-height:69px!important;object-fit:contain!important;object-position:left center!important}
body .footer-brand{max-width:330px}
body .footer-brand p{max-width:320px}
.site-header.is-compact .nav-shell{height:68px}
.site-header.is-compact .brand img{height:50px!important}
@media(max-width:1180px){body .brand{width:166px!important;flex-basis:166px!important}body .brand img{width:166px!important;height:52px!important}.desktop-nav{gap:19px}.nav-actions{gap:8px}.nav-actions .btn-small{padding-inline:14px}}
@media(max-width:760px){:root{--header:68px}body .nav-shell{height:68px;gap:10px}body .brand{width:144px!important;flex-basis:144px!important}body .brand img{width:144px!important;height:46px!important}.site-header.is-compact .brand img{height:43px!important}body .footer-brand img{width:188px!important;max-height:60px!important}}

/* Uniform case system: the same shell, spacing and image behavior on every surface. */
.case-library-grid{grid-auto-rows:1fr!important}
.case-library-card{height:100%!important;min-height:690px!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 18px 52px rgba(30,24,21,.075)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.case-library-card:hover{transform:translateY(-6px)!important;box-shadow:0 28px 72px rgba(30,24,21,.13)!important}
.case-library-card .case-logo-large{height:260px!important;min-height:260px!important;padding:18px!important;background:#f6f2ed!important;border-bottom:1px solid #e7e0d9!important}
.case-library-card .case-logo-large:after{inset:16px!important;border:1px solid rgba(36,28,24,.09)!important;border-radius:18px!important}
.case-library-card .case-logo-large .case-brand-art{width:100%!important;height:218px!important;max-width:100%!important;max-height:218px!important;object-fit:contain!important;object-position:center!important;border-radius:14px!important;background:transparent!important}
.case-library-card .case-library-copy{display:flex!important;flex-direction:column!important;flex:1!important;padding:28px 28px 25px!important}
.case-library-card .case-library-copy>span{min-height:24px}
.case-library-card .case-library-copy h2{font-size:25px!important;line-height:1.27!important;min-height:96px!important;margin:12px 0 13px!important}
.case-library-card .case-library-copy>p{min-height:88px!important;margin-bottom:20px!important}
.case-library-card .case-library-copy>div{margin-top:auto!important;min-height:76px!important}
.case-library-card .case-library-copy>strong{margin-top:17px!important}
.case-brand-hongyu,.case-brand-jhwrap,.case-brand-chaozhan,.case-brand-brand57,.case-brand-wogei,.case-brand-guohua{background:#f6f2ed!important}

.v4-case-card .case-card-top{height:178px!important;padding:17px!important;background:#f6f2ed!important;border-bottom:1px solid #e4ddd5!important}
.v4-case-card .case-card-top .case-brand-art{width:100%!important;height:142px!important;max-width:100%!important;max-height:142px!important;object-fit:contain!important;border-radius:12px!important}
.v4-case-card{min-height:555px!important;display:flex!important;flex-direction:column!important}
.v4-case-card>p{min-height:78px}.v4-case-card .case-metrics-v4{margin-top:auto}

.case-detail-brand,.case-detail-brand.case-brand-jhwrap,.case-detail-brand.case-brand-wogei,.case-detail-brand.case-brand-chaozhan,.case-detail-brand.case-brand-hongyu,.case-detail-brand.case-brand-brand57,.case-detail-brand.case-brand-guohua{background:#f6f2ed!important;padding:28px!important;min-height:390px!important}
.case-detail-brand .case-brand-art{width:100%!important;height:320px!important;max-width:650px!important;max-height:320px!important;object-fit:contain!important;border-radius:18px!important;background:transparent!important}
.case-detail-brand>span{background:rgba(13,14,17,.84)!important}
@media(max-width:1100px){.case-library-card{min-height:660px!important}.case-library-card .case-library-copy h2{min-height:auto!important}.case-library-card .case-library-copy>p{min-height:auto!important}}
@media(max-width:760px){.case-library-card{min-height:0!important}.case-library-card .case-logo-large{height:210px!important;min-height:210px!important;padding:15px!important}.case-library-card .case-logo-large .case-brand-art{height:178px!important;max-height:178px!important}.case-library-card .case-library-copy{padding:23px!important}.case-library-card .case-library-copy h2,.case-library-card .case-library-copy>p{min-height:0!important}.v4-case-card .case-card-top{height:162px!important}.v4-case-card .case-card-top .case-brand-art{height:128px!important;max-height:128px!important}.case-detail-brand{min-height:265px!important;padding:18px!important}.case-detail-brand .case-brand-art{height:225px!important;max-height:225px!important}}

/* Five distinct visual explanations. */
.term-display{grid-template-columns:190px minmax(0,1fr) minmax(420px,1.05fr)!important;align-items:stretch!important}
.term-visual-stage{position:relative;min-height:365px;border-radius:26px;overflow:hidden;background:#121419;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.05),0 25px 60px rgba(0,0,0,.25)}
.term-scene{position:absolute;inset:0;padding:30px;opacity:0;visibility:hidden;transform:translateY(16px) scale(.985);transition:opacity .35s ease,transform .35s ease,visibility .35s;display:flex;flex-direction:column;justify-content:center}
.term-scene.is-active{opacity:1;visibility:visible;transform:none}
.term-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(135deg,#000,transparent 88%)}
.term-scene>*{position:relative;z-index:1}

/* ROAS — profit ledger */
.term-scene-roas{background:radial-gradient(circle at 78% 14%,rgba(248,190,70,.23),transparent 36%),linear-gradient(145deg,#17181d,#0d0e12)}
.roas-flow{display:grid;grid-template-columns:1fr 40px 1fr;gap:14px;align-items:center}.money-block{border-radius:20px;padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.money-block small,.money-block span{display:block;color:#aeb3bc;font-size:11px}.money-block b{display:block;color:#fff;font-size:27px;margin:7px 0}.money-block.sales{background:linear-gradient(145deg,#8f101b,#ce1e31);transform:rotate(2deg);box-shadow:0 18px 40px rgba(198,25,45,.22)}.flow-arrow{color:#f1c15b;font-size:30px;text-align:center}.profit-ledger{margin-top:25px;border-top:1px solid rgba(255,255,255,.14);padding-top:17px;display:grid;gap:11px}.profit-ledger span{display:flex;justify-content:space-between;color:#b8bdc5;font-size:12px}.profit-ledger i{font-style:normal}.profit-ledger b{color:#ff9c9c}.profit-ledger .profit{padding:12px 15px;border-radius:12px;background:rgba(49,190,125,.12)}.profit-ledger .profit b{color:#6de1a4;font-size:20px}

/* CPL — lead filter */
.term-scene-cpl{background:radial-gradient(circle at 12% 18%,rgba(91,125,255,.25),transparent 34%),linear-gradient(145deg,#10131c,#171924)}
.term-scene-cpl{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:17px}.lead-source,.lead-result>div{border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:20px;background:rgba(255,255,255,.055);text-align:center}.lead-source>b,.lead-result b{display:block;font-size:39px;color:#fff;line-height:1}.lead-source>span,.lead-result span{font-size:11px;color:#a9afbd}.lead-dots{display:grid;grid-template-columns:repeat(5,8px);gap:7px;justify-content:center;margin-top:17px}.lead-dots i{width:8px;height:8px;border-radius:50%;background:#7584a7}.lead-dots i:nth-child(3n){background:#6f8fff}.funnel-filter{position:relative;height:170px;display:grid;place-items:center}.funnel-filter:before{content:"";position:absolute;width:90px;height:120px;clip-path:polygon(0 0,100% 0,63% 55%,63% 100%,37% 100%,37% 55%);background:linear-gradient(#647dff,#b45dff);filter:drop-shadow(0 15px 25px rgba(89,91,255,.25))}.funnel-filter span{position:absolute;top:8px;color:#fff;font-size:10px;font-weight:900}.funnel-filter i{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;animation:filterDrop 2.2s infinite}.funnel-filter i:nth-of-type(2){animation-delay:.65s}.funnel-filter i:nth-of-type(3){animation-delay:1.3s}@keyframes filterDrop{0%{top:25px;opacity:0}30%{opacity:1}100%{top:132px;opacity:0}}.lead-result{display:grid;gap:12px}.lead-result .hot{background:linear-gradient(145deg,#a31325,#d62c42);box-shadow:0 15px 38px rgba(198,27,49,.22)}

/* Landing page — mini browser */
.term-scene-landing{background:radial-gradient(circle at 85% 8%,rgba(237,109,92,.23),transparent 34%),linear-gradient(145deg,#251a19,#121316);padding:24px}.mini-browser{background:#faf7f2;border-radius:18px;overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.3);transform:rotate(-1.3deg)}.mini-browser-bar{height:35px;background:#e9e4df;display:flex;align-items:center;gap:6px;padding:0 12px}.mini-browser-bar i{width:7px;height:7px;border-radius:50%;background:#b4ada7}.mini-browser-bar i:first-child{background:#d24450}.mini-browser-bar span{margin-left:7px;font-size:8px;color:#6e6863}.mini-page{padding:18px}.mini-hero{display:grid;gap:9px}.mini-hero b{font-size:17px;line-height:1.3;color:#17181b}.mini-hero span{height:8px;width:68%;border-radius:4px;background:#d7d1cb}.mini-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.mini-proof i{height:45px;border-radius:9px;background:linear-gradient(145deg,#f1d3d0,#ede8e3)}.mini-faq{display:grid;gap:6px}.mini-faq span{height:7px;border-radius:4px;background:#ded8d2}.mini-faq span:last-child{width:78%}.mini-page button{border:0;border-radius:999px;background:#bf1728;color:#fff;padding:8px 20px;margin-top:15px;font-size:10px;font-weight:900}.landing-path{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:21px;color:#d1cbc5;font-size:10px}.landing-path span,.landing-path b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08)}.landing-path b{color:#fff;background:#bd1729}

/* Tracking — browser/server event map */
.term-scene-tracking{background:radial-gradient(circle at 50% 50%,rgba(46,190,160,.16),transparent 46%),linear-gradient(145deg,#071b1c,#101519)}
.event-map{display:grid;grid-template-columns:1fr 85px 105px 85px 1fr;align-items:center}.event-node{border:1px solid rgba(255,255,255,.13);border-radius:17px;padding:18px 12px;background:rgba(255,255,255,.06);text-align:center}.event-node small{display:block;color:#79d7c1;font-size:9px}.event-node b{display:block;color:#fff;font-size:13px;margin-top:7px}.event-node.platform{background:linear-gradient(145deg,#1633a0,#285ed1)}.event-line{height:2px;background:#2a887a;position:relative}.event-line span{position:absolute;top:-34px;left:50%;translate:-50%;font-size:8px;color:#93a7a3;white-space:nowrap}.event-line i{position:absolute;width:10px;height:10px;border-radius:50%;background:#62e1c1;top:-4px;animation:eventTravel 2s infinite}.event-line.server{background:#536bff}.event-line.server i{background:#8195ff;animation-delay:1s}@keyframes eventTravel{0%{left:0;opacity:.1}50%{opacity:1}100%{left:calc(100% - 10px);opacity:.1}}.event-hub{width:105px;height:105px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#11171b;display:grid;place-items:center;align-content:center;box-shadow:0 0 0 12px rgba(89,213,179,.06)}.event-hub b{color:#fff;font-size:12px}.event-hub span{color:#60dfbd;font-size:10px}.event-note{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a8b6b3;font-size:10px}.event-note i{width:8px;height:8px;border-radius:50%;background:#67e1c0}.event-note b{color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}

/* Search — search result + AI citation */
.term-scene-search{background:radial-gradient(circle at 12% 14%,rgba(250,192,83,.18),transparent 35%),linear-gradient(145deg,#1a1710,#111318);padding:26px}.search-query{height:47px;border-radius:999px;background:#fff;color:#202124;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 17px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.search-query span{font-size:9px;color:#777}.search-query b{font-size:11px}.search-query i{font-style:normal;font-size:21px}.search-results{display:grid;grid-template-columns:1fr .9fr;gap:12px;margin-top:18px}.organic-result,.ai-answer{border-radius:16px;padding:17px;background:#fff}.organic-result small,.ai-answer small{font-size:8px;color:#747474}.organic-result b{display:block;color:#1a0dab;font-size:13px;line-height:1.35;margin:7px 0}.organic-result span{font-size:9px;color:#4b5156}.ai-answer{background:linear-gradient(145deg,#f3e8d2,#fff5e3)}.ai-answer p{font-size:10px;line-height:1.5;color:#38332d;margin:7px 0}.ai-answer b{font-size:8px;color:#a35d00}.content-hub{display:flex;justify-content:center;gap:8px;margin-top:18px}.content-hub span{font-size:9px;color:#ffe9b8;border:1px solid rgba(255,220,144,.25);border-radius:999px;padding:6px 9px;background:rgba(255,219,139,.07)}

@media(max-width:1100px){.term-display{grid-template-columns:160px 1fr!important}.term-visual-stage{grid-column:1/-1;min-height:350px}}
@media(max-width:760px){.term-display{grid-template-columns:1fr!important}.term-big{text-align:left!important;white-space:pre-line}.term-visual-stage{min-height:390px}.term-scene{padding:22px}.term-scene-cpl{grid-template-columns:1fr 75px 1fr;gap:9px}.event-map{grid-template-columns:1fr 44px 74px 44px 1fr}.event-hub{width:74px;height:74px}.event-line span{display:none}.search-results{grid-template-columns:1fr}.case-library-card .case-library-copy>div{min-height:0!important}}
@media(prefers-reduced-motion:reduce){.term-scene,.funnel-filter i,.event-line i{transition:none!important;animation:none!important}}

/* WordPress integration */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}.admin-bar .mobile-panel{top:calc(var(--header) + 46px)}}
body.logged-in .scroll-progress{top:32px}
@media(max-width:782px){body.logged-in .scroll-progress{top:46px}}
.jaynes-form-notice{margin:0 0 22px;padding:18px 20px;border-radius:16px;font-weight:800}
.jaynes-form-notice.is-success{background:#e8f7ef;color:#12663f;border:1px solid #b7e5cc}
.jaynes-form-notice.is-error{background:#fff0f1;color:#9b1020;border:1px solid #efc3c8}
.jaynes-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form .form-help{font-size:12px;color:#777;margin-top:-5px}