:root{--paper:#fafbfc;--ink:#202b39;--navy:#223c55;--slate:#54677b;--body-size:clamp(18px, 1.05vw, 22px);--action-size:clamp(16px, .85vw, 20px);--line:#dfe6ed;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{font-size:var(--body-size);margin:0}html{scroll-behavior:smooth;scroll-padding-top:112px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{color:var(--slate);line-height:1.9}button,a,input,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--navy)}[hidden]{display:none!important}.container{width:min(1180px,86%);margin-inline:auto}.header{z-index:20;background:#fafbfcf5;border-bottom:1px solid #e9edf2;align-items:center;gap:40px;width:min(1320px,92%);height:100px;margin:auto;display:flex;position:relative}.brand{flex-shrink:0;width:230px;display:block;position:relative}.brand img{object-fit:contain;mix-blend-mode:multiply;width:230px;height:72px}.brand span{letter-spacing:2px;text-align:center;margin-top:-15px;padding-bottom:6px;font-size:10px;display:block}.header nav{font-size:var(--action-size);gap:34px;margin-left:auto;display:flex}.header nav a:hover,.footer a:hover{color:#547794}.button{color:#29475f;font-size:var(--action-size);background:#dce8f1;border:1px solid #c4d5e3;border-radius:40px;justify-content:center;align-items:center;gap:24px;padding:15px 26px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#cbdde9;transform:translateY(-2px)}.button.outline{color:var(--navy);background:0 0;border-color:#a7b5c2}.small{padding:11px 22px}.menu{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:700px;padding-block:50px 65px;display:grid}.hero h1{letter-spacing:-3px;font-size:clamp(48px,5.8vw,84px);font-weight:750;line-height:1.2}.hero-copy>p{margin-top:28px;font-size:20px;line-height:1.8}.actions{flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.hero-art{perspective:1000px}.hero-art img{mix-blend-mode:multiply;width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .6s ease-out}.hero-art{animation:1.2s ease-out both enter}.heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:50px;display:flex}.heading>span{font-size:var(--action-size);color:var(--slate)}h2{letter-spacing:-1px;font-size:clamp(30px,3vw,44px);line-height:1.35}h3{font-size:21px;font-weight:600;line-height:1.5}.services{grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:35px;display:grid}.service{border-right:1px solid var(--line);padding:15px 30px 20px 0}.service:last-child{border:0}.service h3{justify-content:space-between;font-size:clamp(24px,1.45vw,32px);display:flex}.service h3 span{opacity:0;transition:opacity .2s}.service:hover h3 span{opacity:1}.service p{margin-top:10px}.text-link{font-size:var(--action-size);color:var(--navy);gap:16px;padding-block:10px;display:inline-flex}.text-link:hover{text-underline-offset:7px;text-decoration:underline}.work-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:80px;display:grid}.work-grid article>h3{margin-top:30px}.work-grid article>p{margin-block:10px 6px}.website-preview{background:#f4f7fa;border:1px solid #d4dde7;border-radius:12px;transition:transform .4s;display:block;overflow:hidden;box-shadow:0 24px 50px -30px #40577355}.website-preview:hover{transform:translateY(-6px)}.browser-bar{background:#e8edf2;align-items:center;gap:5px;height:34px;padding:12px;display:flex}.browser-bar i{background:#abb8c5;border-radius:50%;width:6px;height:6px}.browser-bar span{color:#65798c;margin:auto;font-size:10px}.mini-site{align-items:center;min-height:270px;padding:32px 22px;display:flex}.mini-site>div{z-index:1;width:48%}.mini-site b{white-space:nowrap;font-size:clamp(20px,2.1vw,30px);line-height:1.35}.mini-site span{color:var(--slate);margin-top:16px;font-size:13px;display:block}.mini-site img{mix-blend-mode:multiply;width:52%}.rk-work{text-align:center}.phone-frame{background:#fff;border:7px solid #252e38;border-radius:30px;width:212px;margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 45px -25px #233a5566}.phone-frame button{background:0 0;border:0;width:100%;padding:0;display:block}.phone-frame img{aspect-ratio:1080/2400;object-fit:cover;width:100%}.shot-controls{justify-content:center;gap:8px;margin-top:20px;display:flex}.shot-controls button,.filter-button{border:1px solid var(--line);color:var(--slate);background:0 0;border-radius:30px;padding:8px 14px;font-size:16px}.shot-controls [aria-pressed=true],.filter-button[aria-pressed=true]{color:#29475f;background:#dce8f1;border-color:#b7ccde}.work-bottom{border-top:1px solid var(--line);color:var(--slate);justify-content:space-between;align-items:center;margin-top:65px;padding-top:25px;font-size:14px;display:flex}.about{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about p{font-size:var(--body-size);margin-bottom:20px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,64px);display:grid}.process-step{border-top:1px solid #cbd8e3;padding-top:26px;position:relative}.process-step:before{content:"";transform-origin:0;background:#8aaac1;width:100%;height:2px;position:absolute;top:-1px;left:0;transform:scaleX(0)}.step-num{color:#526d85;margin-bottom:22px;font-size:18px;display:block}.steps h3{font-size:clamp(22px,1.2vw,28px)}.process-step p{font-size:var(--body-size);text-align:left;margin-top:20px}.process-links{font-size:var(--action-size);color:var(--slate);flex-wrap:wrap;gap:28px;margin-top:40px;display:flex}.contact-band{background:#eef3f7;margin-top:50px;padding-block:85px}.contact-inner{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.contacts{font-size:var(--action-size);flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px;display:flex}.contacts>*{white-space:nowrap;line-height:1.8}.contacts span{color:inherit}.footer{flex-wrap:wrap;align-items:center;gap:35px;width:86%;max-width:1180px;margin:auto;padding:55px 0 30px;display:flex}.footer-name{font-size:26px;font-weight:700}.footer p{margin-top:6px;font-size:11px}.footer nav{flex-wrap:wrap;gap:24px;margin-left:auto;font-size:16px;display:flex}.footer small{width:80%;color:var(--slate);font-size:13px}.credit{color:var(--slate);margin-left:auto;font-size:13px}.skip{z-index:99;background:#fff;padding:15px;position:absolute;top:-80px;left:20px}.skip:focus{top:15px}dialog{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:min(90vw,650px);max-height:90vh;padding:24px}dialog::backdrop{backdrop-filter:blur(6px);background:#14273b99}dialog img{width:auto;max-height:74vh;margin:auto}.close{background:#eef3f7;border:0;border-radius:20px;margin:0 0 15px auto;padding:8px 18px;display:block}#feedback{background:var(--navy);color:#fff;z-index:99;border-radius:10px;max-width:90vw;padding:14px 24px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#feedback:empty{display:none}.page-intro{padding:90px 0 60px}.page-intro h1{font-size:clamp(36px,4vw,60px);line-height:1.3}.page-intro p{max-width:660px;margin-top:24px;font-size:18px}.catalog-page{max-width:1800px}.catalog-page .page-intro{padding-bottom:42px}.catalog-page .page-intro p{max-width:800px;font-size:var(--body-size)}.catalog-toolbar{border-block:1px solid var(--line);padding-block:24px}.catalog-search{gap:10px;font-size:16px;display:grid}input[type=search]{background:#fff;border:1px solid #c5d2df;border-radius:8px;width:min(580px,100%);padding:14px 18px;font-size:18px}.filters{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.filters button{padding:10px 18px;font-size:16px}#catalog-count{margin-top:22px;font-size:16px}#catalog-empty{padding-block:40px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin-block:30px 100px;display:grid}.template{flex-direction:column;min-width:0;display:flex}.template-preview{border:1px solid var(--line);background:#edf2f7;border-radius:12px;display:block;overflow:hidden}.template img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform .35s}.template-preview:hover img{transform:scale(1.025)}.template-info{flex-direction:column;flex:1;padding:22px 4px 0;display:flex}.template-category{color:#526d85;font-size:15px}.template h2{letter-spacing:-.4px;margin:8px 0 12px;font-size:clamp(24px,1.3vw,28px)}.template p{font-size:18px;line-height:1.7}.template .boundary{margin-top:12px;font-size:16px}.template .actions{align-items:center;gap:18px;margin-top:auto;padding-top:24px}.template .button,.template .text-link{font-size:16px}@media (width<=1200px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.reading{max-width:800px;padding-bottom:100px}.reading section{margin:60px 0}.reading h2{margin-bottom:20px;font-size:28px}.reading p{margin:15px 0;font-size:17px}.reading ul{color:var(--slate);padding-left:20px;line-height:2.2}.case-media{object-fit:contain;max-width:100%;max-height:650px;margin:35px auto}.case-tabs{gap:20px;display:flex}.case-tabs a{border-bottom:1px solid var(--line);padding:10px}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.header,.header nav{gap:18px}.brand,.brand img{width:190px}.header-contact{display:none}.hero{min-height:560px}.hero h1{font-size:54px}.hero-copy>p{font-size:17px}.section{padding-block:70px}.work-grid{gap:35px}.about{gap:45px}.contact-inner{gap:35px}.mini-site{min-height:210px;padding:20px 12px}.heading>p{max-width:320px}.footer small{width:auto}}@media (width<=600px){.container{width:88%}.header{width:92%;height:84px}.brand{width:180px}.brand img{width:180px;height:65px}.brand span{font-size:8px}.menu{border:1px solid var(--line);background:0 0;border-radius:20px;margin-left:auto;padding:8px 16px;font-size:13px;display:block}.header nav{border:1px solid var(--line);background:#fafbfc;padding:25px;display:none;position:absolute;top:84px;left:0;right:0;box-shadow:0 20px 30px #223c5511}.header nav.open{flex-direction:column;gap:25px;display:flex}.hero{text-align:left;grid-template-columns:1fr;gap:15px;min-height:0;padding-top:60px}.hero h1{letter-spacing:-2px;font-size:55px}.hero-copy>p{font-size:17px}.hero-art{width:90%;margin:auto}.actions{gap:12px;margin-top:28px}.button{padding:13px 20px;font-size:16px}.section{padding-block:55px}.heading{margin-bottom:30px;display:block}.heading p,.heading>span{margin-top:15px;display:block}.services{grid-template-columns:1fr;gap:0}.service{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.service h3 span{opacity:1}.work-grid{grid-template-columns:1fr;gap:65px}.website-preview{margin-top:10px}.mini-site{min-height:240px}.mini-site b{font-size:24px}.work-grid article>h3{font-size:20px}.phone-frame{width:225px}.work-bottom{align-items:flex-start;gap:20px;margin-top:45px}.work-bottom>span{max-width:125px}.about{grid-template-columns:1fr;gap:30px}.about p{font-size:18px}.steps{grid-template-columns:1fr 1fr;gap:35px 20px}.steps h3{font-size:20px}.process-links{gap:24px}.contact-band{margin-top:20px;padding-block:55px}.contact-inner{grid-template-columns:1fr;gap:30px}.footer{gap:25px}.footer nav{gap:20px;margin-left:0}.footer small{font-size:10px}.credit{margin-left:0}.page-intro{padding-top:55px}.catalog-grid{grid-template-columns:1fr;gap:50px}.reading p{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-art img{transform:none!important}}img{height:auto}.brand img{height:72px}@media (width<=600px){.brand img{height:65px}}.container,.footer,.header{width:88%;max-width:2400px}.reading{max-width:960px}.hero{gap:4vw;min-height:650px;padding-block:35px 45px}.hero-art{animation:7s ease-in-out 1.2s infinite brand-float;position:relative}.hero-art img{transition:transform .5s ease-out}.hero h1{font-size:clamp(54px,5.5vw,112px)}.hero-copy>p{font-size:clamp(18px,1.4vw,26px)}.hero-copy{animation:.9s ease-out both enter}.hero-copy .actions{animation:1.1s ease-out .2s both enter}.section{padding-block:75px}.heading h2:after,.about h2:after{content:"";background:#bccbd9;width:38px;height:2px;margin-top:22px;display:block}.work-grid{grid-template-columns:1.3fr 1fr;gap:8vw}.work-grid article{text-align:center}.website-preview{background:#f4f7fa;border:10px solid #28313b;border-radius:14px;margin:45px 10px 0;position:relative;overflow:visible}.website-preview:after{content:"";background:linear-gradient(#e1e6eb,#8f9aa7);border-radius:0 0 50% 50%;height:12px;position:absolute;bottom:-20px;left:-7%;right:-7%;box-shadow:0 10px 15px #263f5420}.mini-site{min-height:320px}.phone-frame{width:clamp(215px,19vw,320px)}.work-bottom{border:0;justify-content:center;gap:50px}.work-bottom>span{display:none}.process-links{justify-content:center}.contact-band{background:linear-gradient(115deg,#f5f8fc,#e7eff7);position:relative;overflow:hidden}.contact-band:after{content:"";pointer-events:none;border:1px solid #fffa;border-radius:50%;width:50%;height:160%;position:absolute;top:0;right:-10%;transform:rotate(-25deg)}.footer-name{background:url(/brand/company-logo.13d7ce4726.webp) 50%/contain no-repeat;width:210px;height:56px;font-size:0;display:block}.quote-pulse{animation:.55s ease-out quote-feedback}@keyframes brand-float{0%,to{translate:0}50%{translate:0 -14px}}@keyframes quote-feedback{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=1800px){.hero{min-height:780px}.hero-art{justify-self:end;max-width:760px}.section{padding-block:100px}.mini-site{min-height:430px}.mini-site b{font-size:42px}.mini-site span{font-size:15px}}@media (width<=900px){.hero{min-height:560px}.mini-site{min-height:240px}.website-preview{border-width:7px}.section{padding-block:65px}}@media (width<=600px){.hero{min-height:0;padding-top:45px}.hero h1{font-size:54px}.hero-art{width:90%}.section{padding-block:50px}.work-grid{grid-template-columns:1fr;gap:65px}.phone-frame{width:225px}.mini-site{min-height:230px}.footer-name{width:190px}.work-bottom{gap:20px}.hero-art{animation:none}}@media (prefers-reduced-motion:reduce){.hero-art{animation:none!important;translate:none!important}.quote-pulse{animation:none!important}}@media (width<=600px){.heading>p{max-width:none;font-size:18px}.service p{font-size:18px}.contacts{flex-direction:column;align-items:flex-start;gap:12px;font-size:16px}.step-title{gap:8px}.steps{gap:28px 18px}.process-step p{font-size:16px}.catalog-page .page-intro{padding-bottom:30px}}.ai-label{color:var(--slate);margin-bottom:18px;font-size:16px}.ai-summary{margin:0}.ai-summary>div{grid-template-columns:5em minmax(0,1fr);gap:24px;margin-bottom:24px;display:grid}.ai-summary>div:last-child{margin-bottom:0}.ai-summary dt{color:var(--navy);font-weight:600;line-height:1.9}.ai-summary dd{color:var(--slate);margin:0;line-height:1.9}.header nav a{white-space:nowrap}@media (width<=1200px){.header{gap:20px}.header nav{gap:22px}.header-contact{display:none}}@media (width<=800px){.header{height:84px}.menu{border:1px solid var(--line);background:0 0;border-radius:20px;margin-left:auto;padding:8px 16px;font-size:15px;display:block}.header nav{background:var(--paper);border:1px solid var(--line);padding:25px;display:none;position:absolute;top:84px;left:0;right:0;box-shadow:0 20px 30px #223c5511}.header nav.open{flex-direction:column;gap:25px;display:flex}}@media (width<=600px){.ai-summary>div{grid-template-columns:1fr;gap:6px}}.service-branches{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:0}.service-branch{flex-direction:column;min-width:0;padding:36px 5vw 36px 0;display:flex}.service-branch+.service-branch{border-left:1px solid var(--line);padding-inline:5vw 0}.service-branch h3{text-wrap:balance;margin-bottom:22px;font-size:clamp(25px,2vw,38px)}.service-branch .service-audience{margin-bottom:16px;font-size:15px}.service-branch ul{color:var(--slate);margin-block:24px;padding-left:1.2em;line-height:2}.service-branch .actions{align-items:center;margin-top:auto;padding-top:10px}@media (width<=800px){.service-branches{grid-template-columns:1fr}.service-branch{padding:30px 0}.service-branch+.service-branch{border-left:0;border-top:1px solid var(--line);padding:30px 0}}