@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--ink-900:#10261c;--ink-800:#19372a;--ink-700:#0b1d15;--ink-600:#214735;--ink-500:#3b604d;--paper-100:#f5f3ed;--paper-50:#fcfbf7;--paper-0:#f8f6ef;--moss-100:#d2ed9c;--moss-50:#e8f1d2;--moss-150:#dce7c9;--line-light:#fff3;--line-mid:#d9ddd2;--line-dark:#ffffff24;--text-dark:#17241c;--text-mid:#627066;--text-light:#f8f6efc7;--text-light-strong:#f8f6ef;--shadow-soft:0 18px 50px #10261c14;--shadow-card:0 24px 70px #10261c1f;--font-sans:"DM Sans", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--font-display:var(--font-sans);--fs-hero:clamp(3.4rem, 7.1vw, 7.5rem);--fs-hero-line:1.04;--fs-h2:clamp(2.35rem, 4.4vw, 4.8rem);--fs-h2-line:1.08;--fs-h3:clamp(1.35rem, 1.8vw, 1.7rem);--fs-body:1rem;--fs-body-line:1.7;--fs-small:.84rem;--space-section:112px;--space-l:64px;--space-m:40px;--space-s:24px;--space-xs:16px;--radius-pill:999px;--radius-card:10px;--radius-panel:18px;--radius-btn:999px;--container:1360px;--heading-tracking:-.055em;--heading-weight:500}html[lang=zh-CN]{--font-display:"Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;--fs-hero-line:1.12;--fs-h2-line:1.2;--heading-tracking:-.035em;--heading-weight:700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none}*{box-sizing:border-box}html{scroll-padding-top:76px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--paper-100);min-width:320px;color:var(--text-dark);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--fs-body-line);margin:0}a{color:inherit}button{font:inherit}::selection{color:var(--ink-900);background:var(--moss-100)}#root{overflow-x:hidden}main{background:var(--paper-100);min-height:100vh;overflow:hidden}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:clamp(20px,5.5vw,80px)}.site-header{z-index:50;width:100%;color:var(--text-light-strong);border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10261cf0;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{color:var(--text-light-strong);letter-spacing:-.02em;align-items:center;gap:11px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--ink-900);background:var(--moss-100);font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:17px;font-weight:600;display:grid}.nav-desktop{font-size:var(--fs-small);gap:clamp(18px,2.2vw,32px);margin-left:auto;margin-right:clamp(4px,1.5vw,24px);display:flex}.nav-desktop a{color:var(--text-light);padding-block:8px;text-decoration:none;transition:color .18s;position:relative}.nav-desktop a:after{content:"";background:var(--moss-100);transform-origin:100%;height:1px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-desktop a:hover,.nav-desktop a:focus-visible{color:var(--text-light-strong)}.nav-desktop a:hover:after,.nav-desktop a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:10px;display:flex}.language-switcher{border:1px solid var(--line-light);border-radius:var(--radius-pill);background:#0000001f;gap:2px;padding:3px;display:flex}.language-switcher button{border-radius:var(--radius-pill);color:#f8f6ef9e;cursor:pointer;min-width:30px;font-family:var(--font-mono);background:0 0;border:0;padding:5px 8px;font-size:10px;transition:color .18s,background-color .18s}.language-switcher button:hover{color:var(--text-light-strong)}.language-switcher button.active{color:var(--ink-900);background:var(--moss-100)}.header-contact{min-height:38px;color:var(--ink-900);background:var(--moss-100);border:1px solid var(--moss-100);border-radius:var(--radius-pill);font-size:var(--fs-small);justify-content:center;align-items:center;padding:9px 16px;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.header-contact:hover{background:var(--moss-50);border-color:var(--moss-50);transform:translateY(-1px)}.nav-toggle{width:40px;height:40px;color:var(--text-light-strong);border:1px solid var(--line-light);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle svg{width:20px;height:20px}.mobile-nav{display:none}.hero{isolation:isolate;min-height:690px;color:var(--text-light-strong);background:var(--ink-900);padding:112px 0 104px;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";background:linear-gradient(115deg,#10261cfa 0%,#10261ce6 52%,#10261c9e 100%),radial-gradient(circle at 78% 28%,#d2ed9c2e,#0000 28%),repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 72px);position:absolute;inset:0}.hero:after{z-index:-1;content:"";border:1px solid #d2ed9c38;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-150px;right:-90px;box-shadow:0 0 0 42px #d2ed9c09,0 0 0 84px #d2ed9c06}.hero .container{z-index:1;grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);align-items:center;gap:clamp(48px,7vw,112px);display:grid;position:relative}.eyebrow{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:500;line-height:1.4}.hero .eyebrow{color:var(--moss-100)}.hero h1{max-width:780px;color:var(--text-light-strong);font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--fs-hero-line);text-wrap:balance;margin:0}.hero-copy{max-width:560px;color:var(--text-light);font-size:var(--fs-body);margin:28px 0 0;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.button{border-radius:var(--radius-btn);min-height:44px;font-size:var(--fs-small);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--ink-900);background:var(--moss-100)}.button-primary:hover{background:var(--moss-50)}.button-secondary{color:var(--text-light-strong);border-color:var(--line-light);background:0 0}.button-secondary:hover{background:#ffffff14;border-color:#ffffff61}.hero-figure{background:#ffffff12;border:1px solid #ffffff3d;width:100%;max-width:590px;margin:0;padding:12px;position:relative;transform:rotate(1.4deg);box-shadow:0 26px 70px #00000038}.hero-figure:before{z-index:-1;content:"";border:1px solid #d2ed9c80;width:100%;height:100%;position:absolute;bottom:-18px;right:-18px}.hero-figure img{aspect-ratio:1.2;object-fit:cover;object-position:center top;filter:saturate(.92)contrast(1.02);width:100%;display:block}.hero-figure figcaption{max-width:calc(100% - 44px);color:var(--text-light-strong);font-family:var(--font-mono);letter-spacing:.05em;background:#10261ce0;padding:7px 10px;font-size:10px;line-height:1.4;position:absolute;bottom:22px;right:22px}.section{padding:var(--space-section) 0;scroll-margin-top:76px}.section .container{padding-inline:clamp(20px,5.5vw,80px)}.section-intro{max-width:760px;margin-bottom:56px}.section-intro h2,.hosting h2,.contact h2{color:var(--text-dark);font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--fs-h2-line);text-wrap:balance;margin:0 0 18px}.section-intro>p:last-child{max-width:590px;color:var(--text-mid);font-size:var(--fs-body);line-height:var(--fs-body-line);margin:0}.section.dark{color:var(--text-light-strong);background:var(--ink-800)}.section.dark .eyebrow{color:var(--moss-100)}.section.dark .section-intro h2{color:var(--text-light-strong)}.section.dark .section-intro>p:last-child{color:var(--text-light)}.case-studies{background:var(--paper-100)}.case-studies .container{padding-inline:clamp(20px,5.5vw,80px)}.case-intro{max-width:840px;margin-bottom:44px}.case-nav{background:var(--paper-50);border-top:1px solid var(--line-mid);border-bottom:1px solid var(--line-mid);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px;display:grid;overflow:hidden}.case-nav .nav-tab{min-width:0;color:var(--text-mid);border:0;border-right:1px solid var(--line-mid);cursor:pointer;font-size:var(--fs-small);text-align:left;background:0 0;align-items:center;gap:12px;padding:17px 18px;font-weight:600;transition:color .18s,background-color .18s;display:flex}.case-nav .nav-tab:last-child{border-right:0}.case-nav .nav-tab:hover{color:var(--ink-900);background:var(--moss-50)}.case-nav .nav-tab.active{color:var(--text-light-strong);background:var(--ink-900)}.case-tab-number{color:var(--ink-500);font-family:var(--font-mono);flex:none;font-size:10px;font-weight:500}.case-nav .nav-tab.active .case-tab-number{color:var(--moss-100)}.case-card{background:var(--paper-50);border:1px solid var(--line-mid);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);grid-template-areas:"header visual""content visual";display:grid;overflow:hidden}.case-header{border-bottom:1px solid var(--line-mid);flex-direction:column;grid-area:header;justify-content:space-between;min-height:226px;padding:34px 34px 30px;display:flex}.case-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.case-meta{flex-wrap:wrap;gap:7px;font-size:11px;display:flex}.case-type,.case-status{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;min-height:26px;padding:4px 9px;display:inline-flex}.case-type{color:var(--ink-600);background:var(--moss-50)}.case-status{color:var(--ink-900);background:var(--moss-100)}.case-status-dot{background:var(--ink-600);border-radius:50%;width:6px;height:6px}.case-index{color:var(--ink-500);font-family:var(--font-mono);white-space:nowrap;font-size:10px}.case-title{color:var(--text-dark);font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.55rem);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);text-wrap:balance;margin:38px 0 8px;line-height:1.08}.case-subtitle{max-width:30ch;color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.55}.case-visual{aspect-ratio:5/4;background:var(--ink-800);grid-area:visual;min-height:0;position:relative;overflow:hidden}.case-image-btn{background:var(--ink-800);cursor:zoom-in;border:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.case-image-frame{width:100%;height:100%;display:block;overflow:hidden}.case-visual img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.case-project-image-lenan{object-position:left top}.case-image-btn:hover img,.case-image-btn:focus-visible img{transform:scale(1.035)}.case-image-hint{color:var(--text-light-strong);font-family:var(--font-mono);letter-spacing:.04em;opacity:0;background:#10261cdb;align-items:center;gap:8px;padding:8px 11px;font-size:10px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:20px;right:22px;transform:translateY(5px)}.case-image-btn:hover .case-image-hint,.case-image-btn:focus-visible .case-image-hint{opacity:1;transform:translateY(0)}.case-content{grid-area:content;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px;padding:30px 34px 34px;display:grid}.case-detail-block{min-width:0}.case-goal{grid-column:1/-1}.case-detail-label{color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:500;line-height:1.4}.case-desc{max-width:68ch;color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.7}.case-features{color:var(--text-mid);font-size:var(--fs-small);gap:8px;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.case-features li{padding-left:18px;position:relative}.case-features li:before{content:"";background:var(--moss-100);border:1px solid var(--ink-500);border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.case-outcome{border-left:1px solid var(--line-mid);padding-left:20px}.case-outcome-status{color:var(--ink-900);font-size:var(--fs-small);margin:0 0 14px;font-weight:600}.case-link{color:var(--ink-900);background:var(--moss-100);border:1px solid var(--moss-100);border-radius:var(--radius-btn);font-size:var(--fs-small);align-items:center;gap:8px;padding:9px 14px;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.case-link:hover{background:var(--moss-50);border-color:var(--moss-50);transform:translateY(-1px)}.case-preview-modal{z-index:100;background:#08160fdb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.case-preview-modal[hidden]{display:none!important}.modal-content{background:var(--paper-50);border-radius:var(--radius-card);border:1px solid #ffffff38;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);padding:10px;position:relative;box-shadow:0 30px 90px #00000059}.modal-close{z-index:1;width:34px;height:34px;color:var(--text-light-strong);background:var(--ink-900);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.modal-image{border-radius:6px;max-width:min(1180px,100vw - 68px);max-height:calc(100vh - 68px);display:block}.service-list{border-top:1px solid var(--line-mid)}.service-item{border-bottom:1px solid var(--line-mid);grid-template-columns:72px minmax(0,1fr) 88px;align-items:start;gap:28px;padding:30px 0;display:grid;position:relative}.service-item:before{content:"";background:var(--moss-100);width:0;height:2px;transition:width .3s;position:absolute;top:-1px;left:0}.service-item:hover:before{width:100%}.service-number{color:var(--ink-500);font-family:var(--font-mono);font-size:var(--fs-small)}.service-item h3{color:var(--text-dark);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);margin:0 0 8px;line-height:1.25}.service-item p{max-width:680px;color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.7}.service-more{color:var(--ink-500);border:0;border-bottom:1px solid var(--line-mid);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap;background:0 0;justify-self:end;padding:6px 0;transition:color .18s,border-color .18s}.service-more:hover,.service-more:focus-visible{color:var(--ink-900);border-color:var(--moss-100)}.dimmed{opacity:.45}.service-detail-panel{z-index:110;background:#08160fc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.service-detail-inner{background:var(--paper-50);border-radius:var(--radius-panel);width:min(100%,560px);max-height:min(760px,100vh - 48px);box-shadow:var(--shadow-card);padding:38px;position:relative;overflow-y:auto}.service-detail-inner h3{max-width:12ch;color:var(--text-dark);font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);margin:0;line-height:1.15}.service-detail-close{width:34px;height:34px;color:var(--text-light-strong);background:var(--ink-900);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:21px;display:flex;position:absolute;top:18px;right:18px}.service-detail-body{gap:22px;margin-top:32px;display:grid}.service-detail-block strong{color:var(--ink-900);font-size:var(--fs-small);margin-bottom:7px;font-weight:700;display:block}.service-detail-block p{color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.7}.service-detail-cta{color:var(--ink-900);background:var(--moss-100);border:1px solid var(--moss-100);border-radius:var(--radius-btn);font-size:var(--fs-small);align-items:center;gap:8px;margin-top:28px;padding:11px 16px;font-weight:700;text-decoration:none;transition:background-color .18s;display:inline-flex}.service-detail-cta:hover{background:var(--moss-50)}.process .container{padding-inline:clamp(20px,5.5vw,80px)}.process-grid{border-top:1px solid var(--line-light);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.process-step{border-right:1px solid var(--line-light);min-height:260px;padding:22px 20px 0 0}.process-step:not(:first-child){padding-left:20px}.process-step:last-child{border-right:0}.process-step .step-number{color:var(--moss-100);font-family:var(--font-mono);font-size:var(--fs-small);display:inline-block}.process-step h3{color:var(--text-light-strong);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);margin:48px 0 12px;line-height:1.25}.process-step p{color:var(--text-light);font-size:var(--fs-small);margin:0;line-height:1.7}.hosting{padding:var(--space-section) 0;background:var(--paper-100);border-top:1px solid var(--line-mid)}.hosting-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:clamp(56px,8vw,120px);display:grid}.hosting h2{max-width:620px;margin-bottom:20px}.hosting-intro>p:last-child{max-width:560px;color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.75}.hosting-aside{border-left:1px solid var(--line-mid);padding-left:clamp(24px,4vw,56px)}.hosting-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.hosting-block strong{color:var(--text-dark);font-size:var(--fs-small);margin-bottom:10px;font-weight:700;display:block}.hosting-block ul{color:var(--text-mid);font-size:var(--fs-small);margin:0;padding:0;line-height:1.65;list-style:none}.hosting-block li{margin-bottom:10px;padding-left:16px;position:relative}.hosting-block li:before{content:"";background:var(--moss-100);border:1px solid var(--ink-500);border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:0}.hosting-support,.hosting-handover{color:var(--text-mid);border-top:1px solid var(--line-mid);font-size:var(--fs-small);margin:24px 0 0;padding-top:18px;line-height:1.65}.about{padding:var(--space-section) 0;background:var(--paper-100)}.about .container{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:clamp(56px,9vw,140px);display:grid}.about .section-intro{max-width:720px;margin:0}.about .section-intro>p:last-child{max-width:620px}.about-details{border-top:1px solid var(--line-mid);align-self:end;margin:0;display:grid}.about-detail-item{border-bottom:1px solid var(--line-mid);text-align:left;min-width:0;padding:20px 0}.about-detail-item strong{color:var(--text-dark);font-size:var(--fs-small);margin-bottom:7px;font-weight:700;display:block}.about-detail-item span{color:var(--text-mid);font-size:var(--fs-body)}.faq{padding:var(--space-section) 0;background:var(--paper-50);border-top:1px solid var(--line-mid)}.faq .container{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(56px,9vw,140px);display:grid}.faq .section-intro{max-width:520px;margin:0}.faq-list{border-top:1px solid var(--line-mid);max-width:760px;margin:0}.faq-item{border-bottom:1px solid var(--line-mid);margin:0}.faq-question{width:100%;color:var(--text-dark);cursor:pointer;font:inherit;font-size:var(--fs-body);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:21px 0;font-weight:700;transition:color .18s;display:flex}.faq-question:hover,.faq-question:focus-visible{color:var(--ink-500)}.faq-icon{width:24px;height:24px;color:var(--ink-500);border:1px solid var(--line-mid);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:400;line-height:1;transition:color .18s,background-color .18s,transform .18s;display:grid}.faq-question:hover .faq-icon,.faq-question[aria-expanded=true] .faq-icon{color:var(--ink-900);background:var(--moss-100);border-color:var(--moss-100)}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 52px 22px 0;display:none}.faq-answer.open{display:block}.faq-answer p{max-width:62ch;color:var(--text-mid);font-size:var(--fs-body);margin:0;line-height:1.7}.contact{isolation:isolate;color:var(--text-light-strong);background:var(--ink-700);padding:120px 0 112px;position:relative;overflow:hidden}.contact:after{z-index:-1;content:"";border:1px solid #d2ed9c38;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-230px;right:-120px;box-shadow:0 0 0 44px #d2ed9c09,0 0 0 88px #d2ed9c06}.contact .container{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:end;gap:80px;display:grid}.contact .eyebrow{color:var(--moss-100)}.contact h2{max-width:650px;color:var(--text-light-strong);margin-bottom:0}.contact-direct{flex-direction:column;gap:9px;padding-bottom:4px;display:flex}.contact-email-label{color:var(--text-light);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.contact-email{color:var(--moss-100);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.35rem,2.8vw,2.4rem);font-weight:600;text-decoration:none;transition:color .18s,border-color .18s}.contact-email:hover{color:var(--text-light-strong)}footer{color:var(--text-mid);background:var(--paper-100);font-family:var(--font-mono);letter-spacing:.04em;padding:28px 0;font-size:10px}footer .container{justify-content:space-between;gap:16px;padding-inline:clamp(20px,5.5vw,80px);display:flex}a:focus-visible,button:focus-visible{outline:2px solid var(--ink-500);outline-offset:3px}.site-header a:focus-visible,.site-header button:focus-visible,.hero a:focus-visible,.hero button:focus-visible,.section.dark a:focus-visible,.section.dark button:focus-visible,.contact a:focus-visible,.contact button:focus-visible,.case-nav .nav-tab:focus-visible,.modal-close:focus-visible,.service-detail-close:focus-visible{outline-color:var(--moss-100)}@media (width<=1100px){.hero .container{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:52px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step:nth-child(3){border-right:0}.process-step:nth-child(n+4){border-top:1px solid var(--line-light)}.process-step:nth-child(4){padding-left:0}}@media (width<=900px){.section{scroll-margin-top:68px}.site-header .container{min-height:68px}.hero{min-height:0;padding:88px 0 82px}.hero .container,.hosting-layout,.about .container,.faq .container,.contact .container{grid-template-columns:1fr}.hero .container{gap:58px}.hero h1{max-width:720px}.hero-figure{justify-self:start;width:min(100%,640px)}.case-card{grid-template-columns:1fr;grid-template-areas:"header""visual""content"}.case-visual,.case-image-btn{min-height:0}.case-visual{aspect-ratio:5/4}.case-header{min-height:0}.case-title{margin-top:28px}.hosting-layout,.about .container,.faq .container,.contact .container{gap:52px}.hosting-aside{border-top:1px solid var(--line-mid);border-left:0;padding:32px 0 0}.about-details{max-width:520px}.faq .section-intro{max-width:640px}.faq-list{max-width:760px}.contact-direct{max-width:560px}}@media (width<=700px){.nav-desktop,.header-actions .header-contact{display:none}.nav-toggle{display:inline-flex}.mobile-nav{background:var(--ink-900);border-bottom:1px solid var(--line-dark);padding:8px clamp(20px,5.5vw,80px) 22px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 20px 30px #0000001f}.mobile-nav:not([hidden]){display:block}.mobile-nav a{color:var(--text-light);border-bottom:1px solid var(--line-dark);font-size:var(--fs-body);padding:12px 0;text-decoration:none;display:block}.mobile-nav .header-contact{width:100%;color:var(--ink-900);background:var(--moss-100);border-radius:var(--radius-pill);border:0;justify-content:center;margin-top:14px;padding:11px 16px;font-weight:700;display:inline-flex}.service-item{grid-template-columns:48px minmax(0,1fr);gap:16px}.service-more{grid-column:2;justify-self:start}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:nth-child(2n){border-right:0}.process-step:nth-child(3){border-right:1px solid var(--line-light)}.process-step:nth-child(n+3){border-top:1px solid var(--line-light)}.process-step:nth-child(3),.process-step:nth-child(5){padding-left:0}.process-step:nth-child(2n){padding-left:20px}.process-step h3{margin-top:34px}}@media (width<=620px){:root{--space-section:76px;--fs-hero:clamp(3rem, 14vw, 4.5rem);--fs-h2:clamp(2.2rem, 10vw, 3.35rem)}.brand{font-size:.86rem}.brand-mark{width:32px;height:32px}.hero{padding:72px 0 70px}.hero .container{gap:42px}.hero-copy{margin-top:22px;line-height:1.75}.hero-actions{margin-top:28px}.hero-figure{padding:9px;transform:none}.hero-figure:before{bottom:-10px;right:-10px}.hero-figure figcaption{max-width:calc(100% - 32px);font-size:9px;bottom:16px;right:16px}.section-intro{margin-bottom:36px}.section-intro h2,.hosting h2,.contact h2{margin-bottom:14px}.case-intro{margin-bottom:32px}.case-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.case-nav .nav-tab{gap:8px;min-height:62px;padding:13px 12px;font-size:.78rem}.case-nav .nav-tab:nth-child(2){border-right:0}.case-nav .nav-tab:nth-child(-n+2){border-bottom:1px solid var(--line-mid)}.case-card{border-radius:8px}.case-header{padding:24px 22px 22px}.case-heading-row{align-items:center}.case-title{margin-top:28px;font-size:clamp(1.9rem,9vw,2.8rem)}.case-subtitle{max-width:26ch;font-size:.94rem}.case-content{grid-template-columns:1fr;gap:26px;padding:24px 22px 26px}.case-goal{grid-column:auto}.case-outcome{border-top:1px solid var(--line-mid);border-left:0;padding:22px 0 0}.case-image-hint{display:none}.service-item{padding:24px 0}.hosting-details{grid-template-columns:1fr;gap:20px}.hosting-layout,.about .container,.faq .container,.contact .container{gap:38px}.contact{padding:88px 0 84px}.contact-email{font-size:clamp(1.2rem,5.6vw,1.8rem)}footer .container{flex-direction:column;gap:8px}}@media (width<=420px){.container,.site-header .container,.section .container,.case-studies .container,.process .container,footer .container{padding-inline:20px}.hero h1{max-width:9.5em}.case-nav .nav-tab{font-size:.74rem}.case-tab-number{font-size:9px}.case-meta{font-size:10px}.case-index{font-size:9px}.service-item{grid-template-columns:1fr;gap:10px}.service-more{grid-column:auto}.process-grid{grid-template-columns:1fr}.process-step,.process-step:nth-child(3),.process-step:nth-child(5){border-right:0;border-top:1px solid var(--line-light);min-height:0;padding:20px 0 24px}.process-step:first-child{border-top:0}.process-step h3{margin-top:20px}}