/* Local preview v2: editorial photography, recent UI and anonymized project evidence. */
:root{--ink:#22252b;--muted:#71717b;--purple:#6552db;--line:#e6e4e8;--soft:#f8f7fa}h1,h2{font-weight:580}h2{line-height:1.45;letter-spacing:-.04em}.section{padding:112px 0}.eyebrow{letter-spacing:.12em;font-size:11px;color:#8473b3}.header{background:#fffffff0;border-color:#e9e7ed}.nav{height:76px}.nav-product{font-size:10px;padding-left:17px}.desktop-nav{gap:21px;font-size:12px}.nav{gap:20px}.nav-cta{font-size:11px!important}.button{border-radius:7px}.hero{background:#fcfbf9;padding-top:74px}.hero-wash{display:none}.hero-grid{grid-template-columns:1.08fr 1fr;gap:32px;min-height:550px;align-items:center;padding-bottom:72px}.hero h1{font-size:clamp(30px,3.08vw,43px);font-weight:600;line-height:1.58;letter-spacing:-.055em;white-space:nowrap}.hero h1 span{color:var(--purple)}.hero-lead{font-size:14px;max-width:500px;line-height:2.05;margin-top:26px}.hero-sub{font-size:12px;line-height:1.95;max-width:485px;color:#86818c}.hero .eyebrow{margin-bottom:21px}.hero .actions{margin-top:30px;gap:10px}.hero .button{font-size:12px;padding:14px 18px;gap:14px}.hero-editorial{position:relative;height:480px;margin-left:5px}.hero-photo{width:88%;height:365px;object-fit:cover;object-position:center;border-radius:3px 70px 3px 3px;margin-left:auto;filter:saturate(.65);box-shadow:0 10px 25px #4c3f3410}.photo-caption{position:absolute;right:22px;top:23px;color:#fff;text-shadow:0 1px 8px #261d18;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px}.photo-caption span:first-child{font-size:13px;letter-spacing:.1em}.hero-screen{position:absolute;left:0;right:30px;bottom:-4px;transform:rotate(-2deg);width:93%;box-shadow:0 28px 55px #302e4429,0 3px 9px #29213814;transition:transform .3s!important}.media-preview{padding:0;border:1px solid #e7e2d9;background:#fff;text-align:left;border-radius:8px;overflow:hidden;display:block}.media-preview:hover{transform:translateY(-3px)}.hero-screen:hover{transform:rotate(-1deg) translateY(-5px)}.screen-bar{height:30px;padding:0 12px;display:flex;align-items:center;gap:4px;background:#fcfbf8;border-bottom:1px solid #e8e5df;color:#7d7a81;font-size:9px}.screen-bar>i{width:5px;height:5px;border-radius:50%;background:#d3cfc6}.screen-bar>span{margin-left:8px}.screen-bar>b{margin-left:auto;font-size:14px;font-weight:400}.hero-screen img{width:100%;height:auto}.hero-bottom{border-color:#e4e1dd;color:#837b8b;min-height:72px;gap:35px}.hero-bottom span:before{background:#ae9fc2}.problem-section{padding:95px 0}.problem-symbol{color:#b1a3bf;font-size:23px}.problem-grid h3{font-size:20px}.operations-section{background:#f6f5f8}.research-grid{border-radius:7px;background:#fff9;border-color:#e3e0e8}.research-grid article{min-height:205px;padding:27px 30px}.research-icon{font-size:24px;margin-bottom:20px}.research-grid .strategy-card{background:#ebe7f6}.strategy-result{padding-top:32px}.case-section{background:#fff}.case-console{border:1px solid #dfdce4;border-radius:12px;box-shadow:0 24px 64px #33303c0b;overflow:hidden;background:#fcfbf8}.case-top{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #e8e4dd;background:#f7f5f0}.case-top>div{display:flex;gap:14px;align-items:center}.case-monogram{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e5def0;color:#6b578c;font-family:"Songti SC",serif;font-size:24px}.case-top strong{font-size:16px;font-weight:580}.case-top small{font-size:11px;color:#938694;font-weight:400}.case-top p{font-size:11px;margin-top:3px;color:#8d8785}.case-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#8a729f}.case-state i{width:5px;height:5px;border-radius:50%;background:#9d88b4}.case-tabs{display:flex;padding:0 30px;gap:34px;background:#f7f5f0;border-bottom:1px solid #e8e4dd}.case-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:17px 0;color:#888087;font-size:12px}.case-tabs button[aria-selected=true]{color:#6e52ba;border-bottom-color:#7e62c9}.case-content{padding:32px;min-height:430px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.micro-label{font-size:10px;letter-spacing:.08em;color:#a3998b;display:block;margin-bottom:9px}.panel-heading h3{font-size:20px;font-weight:550}.panel-heading>p{font-size:11px;color:#aaa297}.panel-heading>p strong{color:#7255a6;font-size:25px;font-weight:500;margin-right:3px}.stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stage-track button{padding:18px 16px;text-align:left;background:#fffefa;border:1px solid #e7e2d9;border-radius:7px;transition:border-color .2s,background .2s}.stage-track button.active{background:#f0ebfa;border-color:#bca9dc}.stage-track button>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b5a7c3}.stage-track i{font-style:normal;font-size:9px;color:#aa9da7}.stage-track strong{font-size:14px;font-weight:550;display:block;margin-top:16px}.stage-track small{font-size:10px;color:#a69e97;display:block;margin-top:5px}.stage-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;margin-top:28px;border-top:1px solid #e8e2da;padding-top:26px}.stage-detail h3{font-size:19px;font-weight:500}.stage-detail p:not(.micro-label){font-size:11px;margin-top:10px;max-width:300px;line-height:1.9}#stage-tasks>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #ebe6de;font-size:12px}#stage-tasks b{font-size:10px;font-weight:400;white-space:nowrap;color:#a08c6d;background:#f0ebe2;padding:2px 8px;border-radius:3px}#stage-tasks .status-ready{background:#e7eee5;color:#73846c}.case-foot{padding:15px 30px;border-top:1px solid #e9e4dc;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a49c91}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-grid article{padding:22px 24px;border:1px solid #e8e2d9;border-radius:6px;background:#fffefa}.profile-grid h3{font-size:16px;margin-bottom:12px;font-weight:500}.profile-grid p{font-size:12px;line-height:1.95}.profile-grid .pending-card{background:#f3eee5}.keyword-intents{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.keyword-intents span{border:1px solid #e8e1d7;color:#978778;padding:4px 12px;border-radius:3px;font-size:11px}.keyword-table{width:100%;border-collapse:collapse;font-size:12px}.keyword-table th{font-weight:500;color:#a09281;text-align:left;font-size:11px;background:#f2eee7}.keyword-table th,.keyword-table td{padding:12px 16px;border-bottom:1px solid #e9e3d9}.keyword-table td:nth-child(2){font-variant-numeric:tabular-nums;color:#795d9f}.keyword-table td:last-child{color:#958c85}.data-note{font-size:10px!important;color:#a49b90!important;line-height:1.9!important;margin-top:19px}.strategy-display{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px;padding:5px 50px}.strategy-display h3{font-size:25px;font-weight:550;margin-bottom:17px}.strategy-display p{font-size:13px}.strategy-display ul{padding-left:18px;font-size:12px;line-height:2.5;color:#7e747f;margin:27px 0}.strategy-preview{position:relative;width:100%;max-width:350px;box-shadow:0 12px 32px #4535211c;border-radius:2px;justify-self:center}.strategy-preview img{width:100%;height:auto}.strategy-preview>span{position:absolute;bottom:14px;right:15px;background:#fffefaed;border:1px solid #e7decf;border-radius:4px;padding:5px 10px;font-size:10px;color:#897359}.knowledge-section{background:#faf9f6}.knowledge-layout{gap:90px;align-items:start}.knowledge-heading h2{font-size:36px}.knowledge-photo{margin-top:28px;border-radius:4px;width:100%;height:200px;object-fit:cover;filter:saturate(.7)}.knowledge-list article{padding-block:28px}.knowledge-list article>span{color:#aaa08e}.system-section{background:#fff}.time-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-left:1px solid #e4dfea!important;padding-left:35px!important}.time-card strong{font-weight:400;color:#6c59c7}.workbench-showcase{width:100%;max-width:1100px;margin:0 auto 55px;box-shadow:0 22px 50px #443c4d14;border-radius:9px}.workbench-showcase .screen-bar{height:38px;padding-inline:20px;font-size:10px}.workbench-showcase img{width:100%;height:auto}.process-grid{gap:30px}.process-grid .step{font-size:21px;color:#9a8ab0}.process-grid h3{font-size:17px}.process-grid p{font-size:13px}.industry-section{background:#f7f6f3}.industry-panel{background:transparent!important;border:0!important;padding:36px 0 0!important;grid-template-columns:1.1fr 1fr;gap:65px}.industry-photo{height:350px;overflow:hidden;border-radius:5px}.industry-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.industry-copy h3{font-family:"Songti SC","STSong",serif;font-size:31px;font-weight:600;line-height:1.65}.industry-copy .eyebrow{font-size:11px}.industry-tabs button{font-size:12px}.delivery-section{background:white}.delivery-layout{gap:100px}.delivery-list article{padding-block:24px}.delivery-list article>span{color:#9a8eaf}.contact-section{background:#f0edf6;padding:84px 0;overflow:hidden}.contact-inner{grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact-inner h2{font-size:36px;font-weight:550}.contact-photo{height:380px;border-radius:70px 5px 5px 5px;overflow:hidden}.contact-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.contact-inner>div>p{max-width:580px}.footer-bottom{font-size:10px}#media-dialog{padding:0;width:min(1280px,calc(100vw - 48px));max-width:calc(100vw - 48px);text-align:left;border-radius:8px;max-height:94dvh}#media-dialog .media-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;position:sticky;top:0;background:#fffefbef;border-bottom:1px solid #e5dfd7;backdrop-filter:blur(12px)}#media-dialog h2{font-size:14px;font-weight:500}.media-close{border:0;background:none;font-size:25px;line-height:1;width:32px;height:32px;color:#89758e}#media-image{width:100%;height:auto}#media-dialog.portrait{width:min(810px,calc(100vw - 48px))}
@media(max-width:1199px){.nav-product{display:none}.hero-grid{gap:20px;grid-template-columns:1.04fr 1fr}.hero h1{font-size:34px}.hero-editorial{height:440px}.hero-photo{height:340px}.hero .button{padding:12px;font-size:11px}.stage-track button{padding:14px 10px}.stage-track small{font-size:9px}.strategy-display{gap:40px;padding-inline:15px}.industry-panel{gap:40px}.knowledge-layout{gap:55px}.knowledge-heading h2{font-size:33px}}
@media(max-width:899px){.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:40px;white-space:normal}.hero-copy{max-width:660px}.hero-lead,.hero-sub{max-width:620px}.hero-editorial{height:490px;max-width:650px;width:100%;margin-inline:auto}.hero-photo{height:380px;width:75%}.hero-screen{width:76%;right:auto}.hero .button{font-size:12px;padding:14px 18px}.nav-product{display:block}.section{padding:80px 0}.case-content{padding:25px}.case-tabs{gap:25px}.stage-track{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:8px}.stage-detail{gap:25px}.case-content{min-height:480px}.strategy-display{gap:30px;padding:0}.strategy-display h3{font-size:22px}.knowledge-heading h2{font-size:29px}.knowledge-photo{height:170px}.workbench-showcase{margin-bottom:42px}.industry-photo{height:300px}.industry-copy h3{font-size:26px}.contact-inner{grid-template-columns:1fr .7fr;gap:30px}.contact-inner h2{font-size:30px}.contact-photo{height:350px}.delivery-layout{gap:40px}}
@media(max-width:639px){.wrap{width:calc(100% - 40px)}.section{padding:66px 0}.hero{padding-top:35px}.hero h1{font-size:clamp(23px,6.2vw,35px);line-height:1.7;letter-spacing:-.045em;white-space:nowrap}.hero .eyebrow{font-size:10px;margin-bottom:19px}.hero-grid{padding-bottom:32px;gap:33px}.hero-lead{font-size:13px;margin-top:20px;line-height:2}.hero-sub{font-size:11px;margin-top:12px}.hero .actions{margin-top:23px;gap:8px}.hero .button{font-size:11px;padding:12px 11px;gap:9px;min-height:44px}.hero-editorial{height:340px}.hero-photo{height:255px;width:83%;border-top-right-radius:48px}.hero-screen{width:94%;bottom:0}.screen-bar{height:25px;font-size:8px}.photo-caption{top:15px;right:13px;font-size:8px;gap:2px}.photo-caption span:first-child{font-size:10px}.hero-bottom{gap:10px;font-size:8px;min-height:62px;justify-content:space-between;flex-wrap:nowrap}.hero-bottom span{gap:5px}.hero-bottom i{display:none}.problem-section h2{font-size:26px}.problem-grid{margin-top:29px}.problem-grid h3{font-size:18px}.research-grid article{padding:22px 19px;min-height:200px}.research-grid h3{font-size:16px}.case-section .section-intro{margin-bottom:28px}.case-top{padding:18px 16px;align-items:flex-start;gap:12px}.case-top strong{font-size:14px}.case-top p{font-size:9px}.case-monogram{width:33px;height:33px;font-size:20px;border-radius:7px}.case-top>div{gap:10px}.case-state{font-size:8px;max-width:75px;line-height:1.7}.case-tabs{padding:0 15px;gap:23px;overflow-x:auto;white-space:nowrap}.case-tabs button{font-size:11px;padding:14px 0}.case-content{padding:22px 16px;min-height:530px}.panel-heading{display:block;margin-bottom:21px}.panel-heading h3{font-size:17px}.panel-heading>p{font-size:10px;margin-top:10px}.stage-track{grid-template-columns:repeat(5,143px);gap:8px}.stage-track button{padding:16px 13px}.stage-detail{grid-template-columns:1fr;gap:16px;margin-top:20px;padding-top:20px}.stage-detail>div>p:not(.micro-label){margin-top:7px;max-width:none}.stage-detail h3{font-size:17px}#stage-tasks>div{font-size:10px;padding:12px 0}#stage-tasks b{font-size:9px}.case-foot{padding:14px 16px;flex-direction:column;gap:4px;font-size:9px}.profile-grid{grid-template-columns:1fr;gap:12px}.profile-grid article{padding:20px}.profile-grid h3{font-size:15px}.profile-grid p{font-size:11px}.keyword-intents{gap:6px}.keyword-intents span{padding:3px 7px;font-size:9px}.keyword-table-wrap{overflow:auto}.keyword-table{min-width:480px;font-size:10px}.keyword-table th,.keyword-table td{padding:11px 8px}.keyword-table th{font-size:10px}.data-note{font-size:9px!important}.strategy-display{grid-template-columns:1fr;gap:25px}.strategy-display h3{font-size:21px}.strategy-display p{font-size:12px}.strategy-display ul{margin:17px 0;font-size:11px}.strategy-preview{max-width:295px}.knowledge-layout{gap:32px}.knowledge-heading h2{font-size:29px}.knowledge-photo{height:200px}.knowledge-list article{padding:24px 0}.system-section .section-intro{align-items:center}.time-card{padding-left:20px!important}.time-card strong{font-size:49px}.workbench-showcase{margin-bottom:32px}.workbench-showcase .screen-bar{height:28px;font-size:8px;padding:0 10px}.process-grid{gap:26px}.process-grid h3{font-size:16px}.process-grid p{font-size:12px}.industry-panel{grid-template-columns:1fr;gap:25px;padding-top:27px!important}.industry-photo{height:260px}.industry-tabs button{font-size:11px}.industry-copy h3{font-size:26px}.industry-copy{padding-bottom:5px}.delivery-layout{gap:36px}.contact-section{padding:65px 0}.contact-inner{grid-template-columns:1fr;gap:35px}.contact-inner h2{font-size:28px}.contact-photo{height:240px;border-radius:45px 4px 4px 4px}.footer-top{gap:15px}.footer-top>p{font-size:10px}#media-dialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px)}#media-dialog .media-toolbar{padding:10px 12px}#media-dialog h2{font-size:11px}.responsibility{line-height:1.9}}
@media(prefers-reduced-motion:reduce){.media-preview{transition:none!important}}

/* v2.1 interaction polish: approved layout and copy remain the visual baseline. */
.header{transition:box-shadow .25s ease,background .25s ease}
.header.is-scrolled{box-shadow:0 5px 24px #29213308;background:#fffffff5}
.desktop-nav a{position:relative;transition:color .2s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.desktop-nav a[aria-current="location"],.mobile-nav a[aria-current="location"]{color:var(--purple)}
.desktop-nav a[aria-current="location"]::after{transform:scaleX(1)}
.button{transition:background .2s,box-shadow .25s,transform .2s}
.button>span{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.button:active{transform:translateY(0) scale(.98)}
.case-tabs button,.industry-tabs button{transition:color .22s,background .22s,border-color .22s}
.stage-track button{transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.research-grid article,.profile-grid article{transition:background .25s,box-shadow .25s}
.media-preview{cursor:zoom-in;transition:box-shadow .3s,transform .3s}
.media-preview:focus-visible{outline-offset:5px}
.industry-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.case-tabs,.industry-tabs,.stage-track,.keyword-table-wrap{scrollbar-width:thin;scrollbar-color:#cfc5df transparent;overscroll-behavior-x:contain}
.stage-track{scroll-padding-inline:12px}
.media-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b8aacb #f7f4fa}
#media-dialog .media-toolbar{z-index:2;gap:12px}
#media-dialog h2{margin-right:auto}
.media-zoom{flex-shrink:0;border:1px solid #ded7e5;background:#f8f5fc;color:#7d6595;border-radius:5px;padding:6px 11px;font-size:11px;min-height:36px;transition:background .2s}
.media-zoom[aria-pressed="true"]{background:#ece5f7}
#media-dialog.is-zoomed #media-image{width:max(150%,1280px);max-width:none}
#media-dialog.is-zoomed.portrait #media-image{width:max(100%,1080px)}
.media-close{flex-shrink:0;transition:color .2s,background .2s;border-radius:50%}
.media-close:hover{background:#eee7f5;color:#65498b}
.media-viewport:focus-visible{outline:2px solid #b09bcc;outline-offset:-3px}
.faq-list summary{transition:color .2s}
.faq-list summary span{transition:transform .25s}
.faq-list details[open] summary{color:var(--purple)}
.faq-list details[open] summary span{transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){
 .button:hover>span{transform:translate(2px,-2px)}
 .button.secondary:hover>span{transform:translateY(3px)}
 .stage-track button:hover{border-color:#b29acb;box-shadow:0 6px 16px #6f518c0b;transform:translateY(-2px)}
 .research-grid article:hover{background:#f4f0fb;box-shadow:inset 0 2px 0 #b09bd1}
 .profile-grid article:hover{box-shadow:0 5px 16px #4a3a4510}
 .media-preview:hover{box-shadow:0 28px 60px #302e4424}
 .industry-panel:hover .industry-photo img{transform:scale(1.025)}
 .case-tabs button:hover,.industry-tabs button:hover{color:var(--purple)}
}
@media(prefers-reduced-motion:no-preference){
 dialog[open]{animation:dialog-arrive .24s cubic-bezier(.2,.7,.2,1)}
 dialog[open]::backdrop{animation:backdrop-arrive .2s ease-out}
 .mobile-nav:not([hidden]){animation:panel-arrive .2s ease-out}
 .faq-list details[open]>p{animation:panel-arrive .22s ease-out}
}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes panel-arrive{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:639px){.media-close{min-width:40px;min-height:40px}.media-zoom{min-height:40px;font-size:10px;padding:6px 9px}#media-dialog .media-toolbar{gap:7px}#media-dialog h2{font-size:10px}}
@media(hover:none){.button:hover{transform:none}.hero-screen:hover{transform:rotate(-2deg)}.media-preview:not(.hero-screen):hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.stage-track button:hover,.media-preview:not(.hero-screen):hover{transform:none}.industry-panel:hover .industry-photo img{transform:none}.hero-screen:hover{transform:rotate(-2deg)}}
