:root{color-scheme:light;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-display: clamp(40px, 4.5vw, 64px);--text-display-s: clamp(32px, 4vw, 56px);--text-section: clamp(30px, 3.1vw, 44px);--text-title: clamp(22px, 2vw, 28px);--text-lead: clamp(17px, 1.3vw, 19px);--font-display: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--tracking-display: -.045em;--display-weight: 500;--color-paper: #fcfdff;--color-paper-2: #edf1f8;--color-paper-3: #e2e9f4;--color-ink: #17243b;--color-ink-2: #44536b;--color-muted: #5b6982;--color-rule: #d9dfea;--color-accent: #3156d8;--color-accent-deep: #2343b3;--color-accent-soft: #e9eeff;--color-accent-ink: #ffffff;--color-focus: #3156d8;--color-focus-on-dark: #afc3ff;--color-error: #b52b3a;--color-success: #18694d;--color-ink-band: #17243b;--color-on-band: #ffffff;--color-on-band-muted: #bac7df;--color-band-rule: #3e4d65;--color-service: #254bc7;--color-service-muted: #dfe6ff;--color-service-rule: #6280db;--color-stage: #edf1f8;--color-project-hotel: #eee8dd;--color-project-ticket: #202b3a;--color-project-art: #dce5f2;--color-project-member: #e8edf3;--color-white: #ffffff;--color-disabled-fill: #e4e8f0;--color-disabled-ink: #58667d;--color-overlay: rgb(17 29 51 / .62);--color-transparent: transparent;--shadow-screen: 0 24px 52px -20px rgb(28 42 69 / .32);--shadow-modal: 0 24px 80px rgb(17 29 51 / .24);--radius-card: 24px;--radius-input: 10px;--radius-pill: 999px;--rule-hair: 1px;--container: 1328px;--gutter: 48px;--gap-columns: 32px;--section-gap-s: 80px;--section-gap: 104px;--section-gap-l: 128px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--primary: var(--color-accent);--primary-hover: var(--color-accent-deep);--primary-soft: var(--color-accent-soft);--ink: var(--color-ink);--ink-soft: var(--color-ink-2);--muted: var(--color-muted);--paper: var(--color-paper);--surface: var(--color-paper-2);--border: var(--color-rule);--success: var(--color-success);--danger: var(--color-error);--radius: var(--radius-card);--header-height: 88px;--transition: var(--dur-short) var(--ease-out);--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 22%,transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media(max-width:60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media(max-width:40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media(prefers-reduced-motion:reduce){*:not(.keep-motion),*:not(.keep-motion):before,*:not(.keep-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-slot]>img{filter:saturate(.85) contrast(.94)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-lg))}body{line-height:1.75}h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0}a{text-decoration:none;text-underline-offset:var(--space-2xs)}button,a{-webkit-tap-highlight-color:var(--color-transparent);touch-action:manipulation}button{cursor:pointer}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:var(--space-2xs)}:where(input,textarea):focus-visible{outline-offset:var(--space-3xs)}main:focus{outline:none}h1,h2,h3{line-height:1.3}.section{padding-block:var(--section-gap)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap-columns);margin-bottom:48px}.section-heading h2,.company h2,.contact h2{font-size:var(--text-section);line-height:1.35}.section-heading>p{max-width:46ch;color:var(--muted);font-size:16px;padding-bottom:var(--space-2xs)}.skip-link{position:fixed;top:-100px;left:var(--space-lg);z-index:var(--z-toast);padding:var(--space-sm) var(--space-lg);background:var(--ink);color:var(--color-on-band);border-radius:var(--radius-input)}.skip-link:focus{top:var(--space-sm)}.navbar{position:sticky;top:0;height:var(--header-height);background:var(--paper);border-bottom:1px solid var(--border);z-index:var(--z-sticky-nav)}.nav-container{width:100%;max-width:var(--container);padding-inline:var(--gutter);height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:inline-flex;align-items:center;gap:var(--space-sm);flex-shrink:0;position:relative;z-index:1}.brand-mark{width:42px;height:42px;object-fit:contain;flex-shrink:0}.logo-name{font-size:27px;font-weight:600;line-height:1.15}.logo-caption{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:var(--space-2xs)}.nav-links{display:flex;align-items:center;gap:var(--gap-columns)}.nav-links a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--ink-soft);white-space:nowrap}.nav-links a[aria-current]{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-transparent);border-radius:var(--radius-pill);text-align:center;white-space:nowrap;font-size:15px;font-weight:500;line-height:1.6;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn-primary{color:var(--color-accent-ink);background:var(--primary)}.btn-secondary{color:var(--ink);border-color:var(--border);background:var(--color-transparent)}.btn:active{transform:translateY(1px)}button:disabled,.btn:disabled,.form-input:disabled{background:var(--color-disabled-fill);color:var(--color-disabled-ink);border-color:var(--muted);cursor:not-allowed;opacity:.65;transform:none}.btn[aria-busy=true]{cursor:progress}.nav-cta{min-height:44px;padding:var(--space-xs) 20px;font-size:14px;color:var(--primary);border-color:var(--primary);background:var(--color-transparent)}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.w-full{width:100%}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-size:14px;font-weight:500}.menu-toggle{display:none;position:relative;width:44px;height:44px;border:0;background:var(--color-transparent);border-radius:var(--radius-input);padding:var(--space-sm)}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);position:absolute;top:16px;transition:transform var(--transition)}.menu-toggle span+span{top:24px}.menu-toggle.is-active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-active span+span{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:none}.hero{padding:var(--space-2xl) 0 0}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl)}.hero-copy{min-width:0;animation:settle-in .6s var(--ease-out) both}.hero h1{font-size:var(--text-display);line-height:1.28}.hero-introduction{max-width:460px;margin-top:var(--space-lg)}.hero-description{color:var(--ink-soft);font-size:18px;line-height:1.85;margin-bottom:var(--space-xl)}.project-showcase{background:var(--surface);border-radius:var(--radius-card);overflow:clip}.hero-project{display:grid;grid-template-rows:344px auto;background:var(--color-stage)}.hero-project-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-md);align-items:center;padding:var(--space-lg) var(--gap-columns)}.hero-project-copy h2{grid-column:1;font-size:19px;line-height:1.4}.hero-project-line{grid-column:1;font-size:14px;color:var(--ink-soft);margin-top:var(--space-2xs)}.hero-project-copy .showcase-link{grid-column:2;grid-row:1 / 3}.showcase-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-size:14px;text-decoration:underline}.hero-project-media{position:relative;height:100%;overflow:clip}.hero-project-media img{position:absolute;width:190px;height:auto;border-radius:14px;box-shadow:var(--shadow-screen)}.hero-project-media img:first-child{top:38px;left:calc(50% - 207px);transform:rotate(-5deg);z-index:1}.hero-project-media img+img{top:70px;left:calc(50% + 17px);transform:rotate(5deg)}.hero-project[data-hero-panel=ticket-course-miniapp]{background:var(--color-project-ticket);color:var(--color-on-band)}.hero-project[data-hero-panel=ticket-course-miniapp] .hero-project-line{color:var(--color-on-band-muted)}.hero-project[data-hero-panel=ticket-course-miniapp] .showcase-link{color:var(--color-on-band)}.hero-project[data-hero-panel=ticket-course-miniapp] :focus-visible{outline-color:var(--color-focus-on-dark)}.hero-project[data-hero-panel=art-training-website]{background:var(--color-project-art)}.hero-project[data-hero-panel=car-wash-miniapp]{background:var(--color-project-member)}.showcase-navigation{display:flex;align-items:center;padding-inline:var(--space-md);min-height:60px;background:var(--paper);border:1px solid var(--border);border-radius:0 0 var(--radius-card) var(--radius-card)}.showcase-tabs{display:none;width:100%;align-self:stretch;align-items:center;justify-content:space-around;gap:var(--space-xs)}.is-interactive .showcase-tabs{display:flex}.showcase-tab{position:relative;border:0;background:var(--color-transparent);color:var(--muted);font-size:14px;min-height:52px;padding:var(--space-sm) var(--space-xs);white-space:nowrap}.showcase-tab[aria-selected=true]{color:var(--primary)}.showcase-tab[aria-selected=true]:after{content:"";height:2px;background:var(--primary);position:absolute;bottom:0;left:var(--space-xs);right:var(--space-xs)}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--gap-columns)}.project-card{min-width:0;display:flex;flex-direction:column}.project-image-link{display:block;background:var(--color-project-hotel);border-radius:var(--radius-card);overflow:clip}.project-card[data-case=ticket-course-miniapp] .project-image-link{background:var(--color-project-ticket);color:var(--color-on-band)}.project-card[data-case=art-training-website] .project-image-link{background:var(--color-project-art)}.project-card[data-case=car-wash-miniapp] .project-image-link{background:var(--color-project-member)}.project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--gap-columns);height:336px;padding:var(--space-xl) var(--space-2xl) 0;overflow:clip}.project-media img{width:100%;height:auto;border-radius:var(--radius-input);box-shadow:var(--shadow-screen)}.project-media img+img{margin-top:var(--gap-columns)}.project-content{display:flex;flex-direction:column;flex:1;padding-top:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.project-content h3{font-size:24px;line-height:1.45;margin-bottom:var(--space-sm)}.project-category{font-size:13px;color:var(--muted);margin-bottom:var(--space-xs)}.project-content>p:not(.project-category){font-size:16px;color:var(--ink-soft);max-width:58ch}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:auto;padding-top:var(--space-md)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;font-size:12px;color:var(--muted)}.project-tags li{padding:var(--space-2xs) var(--space-sm);background:var(--surface);border-radius:var(--radius-pill)}.project-bottom .text-link{flex-shrink:0}.cases-note{margin-top:var(--space-xl);font-size:14px;color:var(--muted);text-align:center}.cases-note a{color:var(--primary);text-decoration:underline}.solutions{background:var(--color-service);color:var(--color-on-band);padding-block:88px}.solutions .section-heading>p{color:var(--color-service-muted)}.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-columns)}.solution-card{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto 1fr auto auto;align-items:start;column-gap:var(--space-sm);border-top:1px solid var(--color-service-rule);padding-top:var(--space-lg)}.service-icon{width:28px;height:28px;color:var(--color-on-band);align-self:center}.solution-card h3{font-size:23px;align-self:center}.solution-card>p{grid-column:1 / -1;color:var(--color-service-muted);font-size:16px;margin-top:var(--space-md)}.solution-features{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);list-style:none;margin-top:var(--space-md);margin-bottom:var(--space-sm);color:var(--color-service-muted);font-size:13px}.solution-card .text-link{grid-column:1 / -1;align-self:end;color:var(--color-on-band);padding-top:var(--space-md)}.capability-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-columns);margin-top:56px;padding-block:var(--space-lg);border-top:1px solid var(--border);color:var(--muted)}.capability-strip>p{font-size:14px}.capability-strip ul{display:flex;flex-wrap:wrap;list-style:none;gap:var(--space-xl);font-size:14px}.solutions :focus-visible{outline-color:var(--color-on-band)}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-columns);list-style:none;counter-reset:steps}.process-steps li{counter-increment:steps;border-top:1px solid var(--border);padding-top:var(--space-lg)}.process-steps li:before{content:counter(steps,decimal-leading-zero);font-size:25px;font-weight:400;line-height:1.3;color:var(--primary);font-variant-numeric:tabular-nums}.step-number{display:none}.process-steps h3{font-size:20px;line-height:1.5;margin-block:var(--space-lg) var(--space-sm)}.process-steps p{color:var(--ink-soft);font-size:16px}.company{background:var(--surface);padding-block:88px}.company-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.company-copy{padding-top:var(--space-xs)}.company-copy p{color:var(--ink-soft);font-size:18px;max-width:56ch}.company-copy p+p{margin-top:var(--space-lg)}.company .text-link{margin-top:var(--space-lg)}.contact{background:var(--color-ink-band);color:var(--color-on-band);padding-block:var(--section-gap)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.contact h2{font-size:clamp(36px,3.8vw,54px);line-height:1.35}.contact-description{font-size:17px;color:var(--color-on-band-muted);margin-top:var(--space-lg);max-width:40ch}.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-columns);margin-top:48px}.contact-details dt{color:var(--color-on-band-muted);font-size:13px;margin-bottom:var(--space-xs)}.contact-details dd{font-size:17px}.contact-qr{display:flex;align-items:center;gap:var(--space-lg);margin-top:48px}.contact-qr img{width:108px;height:108px;object-fit:contain;padding:var(--space-2xs);background:var(--color-white);border-radius:var(--radius-input)}.contact-qr strong{font-size:16px;font-weight:500}.contact-qr p{margin-top:var(--space-xs);color:var(--color-on-band-muted);font-size:14px}.contact-copy :focus-visible{outline-color:var(--color-focus-on-dark)}.contact-form-panel{padding:var(--space-xl);background:var(--paper);color:var(--ink);border-radius:var(--radius-card)}.contact-form-panel h3{font-size:25px;line-height:1.4;margin-bottom:var(--space-xs)}.form-intro{color:var(--muted);font-size:14px;margin-bottom:var(--space-lg)}.form-field{min-width:0;margin-bottom:var(--space-md)}.form-field label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-xs)}.form-field label>span{color:var(--muted);font-weight:400;font-size:12px;margin-left:var(--space-2xs)}.form-input{width:100%;min-height:52px;padding:var(--space-sm) var(--space-md);border:1px solid var(--muted);border-radius:var(--radius-input);color:var(--ink);background:var(--paper);caret-color:var(--primary)}.form-input::placeholder{color:var(--muted);font-size:14px}textarea.form-input{display:block;resize:vertical;min-height:116px}.form-input.is-error{border-color:var(--danger)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.field-hint{color:var(--muted);font-size:12px;min-height:1lh;margin-block:var(--space-2xs) var(--space-xs)}.field-error{color:var(--danger);font-size:12px;line-height:1.6;min-height:1lh;margin-top:var(--space-2xs)}.form-error-summary{padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-input)}.form-error-summary ul{padding-left:var(--space-lg)}.form-error-summary a{text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.form-feedback{font-size:14px;margin-bottom:var(--space-sm);overflow-wrap:anywhere}.form-feedback:empty{display:none}.form-feedback.is-error{color:var(--danger)}.form-feedback.is-success{color:var(--success)}.form-privacy{text-align:center;font-size:12px;color:var(--muted);margin-top:var(--space-sm)}.success-modal{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-modal);display:grid;place-items:center;visibility:hidden;opacity:0;padding:var(--space-lg)}.success-modal.is-open{visibility:visible;opacity:1}.success-modal-card{max-width:440px;width:100%;border-radius:var(--radius-card);padding:var(--space-xl) var(--gap-columns);text-align:center;background:var(--paper);box-shadow:var(--shadow-modal);position:relative;color:var(--ink)}.success-modal-card h2{font-size:28px;margin-bottom:var(--space-sm)}.success-modal-card>p{color:var(--ink-soft);margin-bottom:var(--space-lg)}.success-modal-close{position:absolute;top:var(--space-xs);right:var(--space-xs);width:44px;height:44px;border:0;background:var(--color-transparent);font-size:28px;color:var(--muted)}.success-modal-badge{display:grid;place-items:center;width:56px;height:56px;margin:0 auto var(--space-lg);color:var(--success);font-size:32px}.site-footer{background:var(--color-ink-band);color:var(--color-on-band);padding-top:56px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-columns);padding-bottom:var(--space-xl);border-top:1px solid var(--color-band-rule);padding-top:56px}.site-footer .brand-mark{background:var(--color-white);border-radius:var(--radius-pill);padding:var(--space-2xs)}.site-footer .logo-caption,.footer-brand>p,.footer-inner{color:var(--color-on-band-muted)}.footer-brand>p{font-size:14px;margin-top:var(--space-md)}.footer-links{display:flex;gap:var(--gap-columns);align-items:center;font-size:14px}.footer-links a{min-height:44px;display:flex;align-items:center;white-space:nowrap}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-band-rule);font-size:12px}.site-footer :focus-visible{outline-color:var(--color-focus-on-dark)}.case-carousel{position:relative;overflow:clip;background:var(--color-stage);border-radius:var(--radius-card)}.is-enhanced .carousel-slide{visibility:hidden}.is-enhanced .carousel-slide.is-active{visibility:visible}.carousel-track{display:flex;transition:transform var(--dur-short) var(--ease-out)}.case-carousel:not(.is-enhanced) .carousel-track{overflow-x:auto;scroll-snap-type:x mandatory}.case-carousel:not(.is-enhanced) .carousel-slide{scroll-snap-align:start;padding-bottom:var(--space-lg)}.carousel-slide{flex:0 0 100%;min-width:0;text-align:center;padding:var(--gap-columns) 48px 88px}.carousel-slide img{width:auto;height:440px;max-width:100%;object-fit:contain;margin-inline:auto;border-radius:var(--radius-input);box-shadow:var(--shadow-screen)}.slide-info{margin-top:var(--space-lg)}.slide-info>span,.slide-mask{display:none}.slide-title{font-size:14px}.carousel-controls{display:none;align-items:center;justify-content:center;gap:var(--space-sm);position:absolute;bottom:var(--space-md);left:0;right:0}.is-enhanced .carousel-controls{display:flex}.carousel-btn{width:44px;height:44px;border:1px solid var(--muted);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);display:grid;place-items:center}.carousel-btn svg{width:20px;height:20px}.carousel-dots{display:flex}.carousel-dot{display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;background:var(--color-transparent)}.carousel-dot:before{content:"";width:6px;height:6px;background:var(--muted);border-radius:var(--radius-pill)}.carousel-dot.is-active:before{background:var(--primary);width:20px}.carousel-status{font-size:12px;color:var(--ink-soft);min-width:36px;font-variant-numeric:tabular-nums}@keyframes settle-in{0%{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){a:hover{color:var(--primary)}.btn-primary:hover{color:var(--color-accent-ink);background:var(--primary-hover)}.btn-secondary:hover{color:var(--ink);border-color:var(--muted)}.nav-cta:hover{color:var(--color-accent-ink);background:var(--primary)}.text-link:hover,.showcase-link:hover{text-decoration:underline}.showcase-tab:hover{color:var(--primary)}.form-input:hover{border-color:var(--ink)}.carousel-btn:hover{border-color:var(--primary);color:var(--primary)}.solutions a:hover{color:var(--color-on-band);text-decoration:underline}.contact-copy a:hover,.site-footer a:hover{color:var(--color-on-band-muted)}}@media(max-width:1100px){.nav-links{gap:var(--space-lg)}.logo-caption{display:none}.hero-layout{gap:var(--space-xl)}.hero h1{font-size:clamp(44px,4.8vw,54px)}.hero-description{font-size:17px}.hero-project{grid-template-rows:320px auto}.hero-project-media img{width:170px}.hero-project-media img:first-child{left:calc(50% - 180px)}.hero-project-media img+img{left:calc(50% + 10px)}.hero-project-copy{padding-inline:var(--space-lg)}.hero-project-line{font-size:13px}.project-media{padding-inline:var(--space-xl)}.project-bottom{flex-wrap:wrap;gap:var(--space-xs)}.solution-card h3{font-size:21px}.company-layout,.contact-layout{gap:var(--space-xl)}.capability-strip ul{gap:var(--space-lg)}}@media(max-width:900px){.nav-links{gap:var(--space-md)}.nav-links a{font-size:13px}.hero{padding-top:var(--space-xl)}.hero-layout{gap:var(--gap-columns)}.hero h1{font-size:clamp(40px,5.2vw,46px)}.hero-description{font-size:16px;margin-bottom:var(--space-lg)}.hero-introduction .btn-group{gap:var(--space-xs)}.hero-introduction .btn{padding-inline:var(--space-md);font-size:13px}.hero-project{grid-template-rows:280px auto}.hero-project-media img{width:144px}.hero-project-media img:first-child{left:calc(50% - 155px)}.hero-project-media img+img{left:calc(50% + 12px)}.hero-project-copy{display:block;padding:var(--space-md) var(--space-lg)}.hero-project-copy .showcase-link{margin-top:var(--space-2xs)}.showcase-navigation{padding-inline:var(--space-xs)}.showcase-tab{font-size:13px}.project-media{height:280px;padding:var(--gap-columns) var(--gap-columns) 0}.project-content h3{font-size:22px;min-height:2.9em}.solutions-grid,.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-xl)}.company-layout{grid-template-columns:minmax(0,1fr)}.contact-form-panel{padding:var(--space-lg)}}@media(max-width:767px){:root{--header-height: 72px;--gutter: 24px;--gap-columns: 24px}.section{padding-block:var(--space-2xl)}.nav-links,.nav-cta{display:none}.logo-name{font-size:24px}.logo-caption{display:block;font-size:10px}.brand-mark{width:36px;height:36px}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:var(--header-height) 0 0;background:var(--paper);padding:var(--space-lg) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;visibility:hidden;overflow-y:auto}.mobile-menu.is-open{visibility:visible}.mobile-nav-links{display:grid}.mobile-nav-links a{padding-block:var(--space-md);border-bottom:1px solid var(--border);font-size:20px}.mobile-menu-footer{margin-top:auto;padding-top:var(--space-xl)}.mobile-menu-footer p{margin-top:var(--space-md);color:var(--muted);font-size:14px}.hero{padding-top:var(--space-xl)}.hero-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.hero h1{font-size:clamp(34px,8.7vw,58px)}.hero-introduction{max-width:440px;margin-top:var(--space-lg)}.hero-description{font-size:16px}.hero-introduction .btn{min-height:48px;font-size:14px;padding-inline:20px}.project-showcase{width:100%;max-width:520px;justify-self:center}.hero-project{grid-template-rows:280px auto}.hero-project-copy{display:grid;padding:var(--space-md) var(--space-lg)}.hero-project-copy h2{font-size:18px}.hero-project-line{font-size:13px}.hero-project-copy .showcase-link{margin-top:0;font-size:13px}.hero-project-media img{width:146px;border-radius:var(--radius-input)}.hero-project-media img:first-child{left:calc(50% - 157px);top:var(--gap-columns)}.hero-project-media img+img{left:calc(50% + 11px);top:56px}.showcase-tabs{gap:0}.showcase-tab{min-height:52px;padding-inline:var(--space-xs)}.capability-strip{flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-xl);padding-bottom:0}.capability-strip ul{gap:var(--space-xs) var(--space-lg);font-size:13px}.section-heading{display:block;margin-bottom:var(--gap-columns)}.section-heading h2,.company h2,.contact h2{font-size:clamp(30px,7.5vw,40px)}.section-heading>p{font-size:16px;margin-top:var(--space-md);max-width:46ch}.cases-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--space-xl)}.project-media{height:300px;padding:var(--gap-columns) var(--space-lg) 0;gap:var(--space-lg)}.project-content{padding-top:var(--space-md)}.project-content h3{font-size:22px;min-height:0}.project-bottom{gap:var(--space-sm);flex-wrap:wrap}.project-tags{gap:var(--space-xs)}.project-tags li{padding-inline:var(--space-xs)}.cases-note{text-align:left}.solutions-grid{gap:var(--space-xl) var(--space-lg)}.solution-card{display:flex;flex-direction:column;align-items:flex-start}.service-icon{align-self:flex-start}.solution-card h3{align-self:flex-start;font-size:21px;margin-top:var(--space-md)}.solution-card .text-link{align-self:flex-start;margin-top:auto}.solution-card>p{font-size:16px}.solution-features{display:block;font-size:13px}.solution-features li+li{margin-top:var(--space-2xs)}.process-steps{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.process-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-xs) var(--space-md)}.process-steps li:before{grid-row:1 / 3}.process-steps h3{margin:0}.process-steps p{grid-column:2}.company-layout{gap:var(--gap-columns)}.company-copy{padding:0}.company-copy p{font-size:17px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.contact-description{font-size:16px}.contact-details,.contact-qr{margin-top:var(--space-xl)}.contact-form-panel{padding:var(--space-lg)}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.form-input,.form-input::placeholder{font-size:16px}.footer-top{flex-direction:column;align-items:flex-start;padding-top:var(--space-xl)}.footer-links{width:100%;justify-content:space-between;gap:var(--space-xs);font-size:13px}.footer-inner{align-items:flex-start}.carousel-slide{padding:var(--space-lg) var(--space-lg) 88px}.carousel-slide img{height:360px}.carousel-controls{gap:var(--space-xs)}.carousel-dot{width:36px}}@media(max-width:359px){:root{--gutter: 16px}.hero h1{font-size:32px}.hero-introduction .btn{font-size:13px;padding-inline:var(--space-md)}.showcase-tab{font-size:12px;padding-inline:var(--space-2xs)}.hero-project-copy{display:block;padding-inline:var(--space-md)}.hero-project-copy .showcase-link{margin-top:var(--space-2xs)}.project-media{height:270px}.contact-form-panel{padding:var(--space-md)}.solutions-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}