:root{color-scheme:light;--bg: #f7f7f6;--surface: #ffffff;--line: #dbdbd7;--text: #1e2024;--muted: #4e5158;--accent: #be1116;--pad-x: clamp(16px, 4vw + 10px, 28px);--workspace-gap: clamp(18px, 3vw, 30px)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(120deg,rgba(31,40,55,.03) 1px,transparent 1px),linear-gradient(30deg,rgba(31,40,55,.03) 1px,transparent 1px),var(--bg);background-size:28px 16px,28px 16px,auto;color:var(--text);scroll-behavior:smooth}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:clamp(14px,3vw,24px) clamp(12px,3vw,40px) calc(42px + env(safe-area-inset-bottom,0));max-width:1340px;margin:0 auto}.frame{border:1px solid #ecece9;background:var(--surface);max-width:1200px;margin:0 auto;overflow-x:clip}.topbar{display:flex;justify-content:space-between;gap:clamp(14px,3vw,18px);align-items:center;padding:clamp(16px,4vw,22px) var(--pad-x);border-bottom:.5px solid #c9c9c4}.brand{display:flex;align-items:center;gap:12px}.brand-logo-svg{width:clamp(40px,11vw,54px);height:clamp(40px,11vw,54px);flex-shrink:0;color:var(--accent)}.brand-logo-p{animation:logo-bead-drop .48s cubic-bezier(.33,1,.32,1) both;transform-origin:center;transform-box:fill-box}.brand-logo-p:nth-of-type(2){animation-delay:.5s}.brand-logo-p:nth-of-type(3){animation-delay:1s}@keyframes logo-bead-drop{0%{opacity:0;transform:translateY(-72px)}55%{opacity:1}72%{transform:translateY(5px)}86%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.brand span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7c8089}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(8px,2vw,26px);row-gap:10px;max-width:100%}.nav a{font-size:clamp(10px,2.2vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#2f333a;padding:6px 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.nav a:hover{color:var(--accent)}.big-title{border-bottom:.5px solid #c9c9c4;padding:clamp(28px,10vw,44px) var(--pad-x)}.big-title h1{margin:0;font-size:clamp(46px,8vw,124px);line-height:.98;letter-spacing:.05em;color:#23262d;font-weight:700}.headline{border-bottom:.5px solid #c9c9c4;padding:clamp(22px,6vw,34px) var(--pad-x) clamp(26px,6vw,38px)}.headline p{margin:0;max-width:980px;font-size:clamp(28px,4vw,64px);line-height:1.08;letter-spacing:-.01em;color:#2a2d34;font-weight:500}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(240px,28vw,290px));gap:var(--workspace-gap);padding:clamp(18px,4vw,24px) var(--pad-x) clamp(14px,3vw,16px);border-bottom:.5px solid #c9c9c4}.workspace-main h3{margin:0;font-size:clamp(34px,5vw,56px);letter-spacing:-.01em;line-height:1}.workspace-sub{margin:10px 0 0;font-size:clamp(17px,4.2vw,33px);color:#5b5f67}.tabs{margin-top:clamp(18px,4vw,30px);display:flex;gap:clamp(12px,3vw,22px);font-size:clamp(15px,3.9vw,29px);flex-wrap:wrap}.tab{cursor:pointer}.tab-active{color:#22262c!important;font-weight:700!important}.tabs .tab:not(.tab-active){color:#858991;font-weight:500}.tab-panels{margin-top:10px;position:relative}.tab-panel{padding-top:8px;animation:tab-panel-in .44s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform,filter}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(12px);filter:blur(6px)}70%{opacity:1;transform:translateY(0);filter:blur(0px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}@media(prefers-reduced-motion:reduce){.tab-panel{animation:none;will-change:auto}.brand-logo-p{animation:none;opacity:1;transform:none}}.service-lines{padding:18px 0 0}.service-line{display:grid;grid-template-columns:16px 1fr;gap:14px;border-bottom:1px solid #efefec;padding:16px 0}.service-lines .service-line:last-child{border-bottom:none}.service-line i{width:10px;height:10px;margin-top:12px;border-radius:50%;background:#4f46ff}.service-line h2{margin:0 0 6px;font-size:clamp(21px,4.9vw,36px);color:#252830;font-weight:700;letter-spacing:-.01em}.service-line h2 a{color:inherit;text-decoration:none}.service-line h2 a:hover{color:#4f46ff}.service-line h2 small{font-size:clamp(12px,2.9vw,18px);color:#8d9198;font-weight:500;margin-left:8px;display:inline}@media(max-width:520px){.service-line h2 small{display:block;margin:6px 0 0}}.service-line p{margin:0;font-size:clamp(16px,4vw,33px);line-height:1.55;color:#5f646d;max-width:min(36ch,100%);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.workspace-side{padding-top:6px}.stats{border:1px solid #ececeb;border-radius:10px;padding:18px 16px}.stats h4{margin:0 0 12px;font-size:18px}.stats p{margin:0 0 12px;font-size:14px;line-height:1.45;color:#4e5158}.stats strong{color:#242832}.stats ul{margin:10px 0 0;padding:0;list-style:none}.stats li{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0ed;padding:9px 0;font-size:13px}.about{padding:clamp(16px,4vw,20px) var(--pad-x) clamp(22px,5vw,28px)}.about p{margin:0 0 10px;font-size:15px;line-height:1.55;color:#50545d}.footer-powered{display:flex;justify-content:center;padding-top:8px}.footer-powered-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 0;text-align:center;font-size:clamp(11px,2.8vw,12px);letter-spacing:.06em;font-weight:600;color:#757a82}.footer-powered-link:hover{color:#2f333a}.footer-powered-logo{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);display:block;flex-shrink:0}.footer-powered-text{line-height:1}@media(max-width:980px){.workspace{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.nav{justify-content:flex-start;margin-top:2px;padding-top:clamp(14px,3vw,18px)}.big-title h1{letter-spacing:.03em}}@media(max-width:720px){.workspace{padding-top:16px}.service-line i{margin-top:8px}.stats h4{font-size:clamp(15px,4vw,18px)}.stats p,.stats li{font-size:clamp(12px,3vw,14px)}}@media(max-width:480px){.brand{gap:8px}.service-line{gap:10px;grid-template-columns:14px minmax(0,1fr)}.service-line i{margin-top:6px}}
