:root{--blue-50:#eef4ff;--blue-100:#dbe7ff;--blue-200:#bcd2ff;--blue-400:#5b8def;--blue-500:#2f6fed;--blue-600:#1f54c7;--blue-700:#163f99;--yellow-50:#fffbeb;--yellow-100:#fff3c4;--yellow-200:#ffe88a;--yellow-400:#ffd43b;--yellow-500:#f7c013;--yellow-600:#d99e00;--bg:#fcfdff;--surface:#fff;--surface-2:#f5f8ff;--surface-3:#eef3fd;--tint-yellow:#fffdf5;--line:#e5ebf5;--line-soft:#eef2f9;--text-hi:#0e1a33;--text:#33415c;--text-dim:#64748b;--text-faint:#94a3b8;--ok:#0f9d58;--warn:#d99e00;--crit:#e03e3e;--radius:16px;--radius-sm:10px;--radius-lg:26px;--shadow-sm:0 2px 10px -4px #163f9924;--shadow:0 18px 44px -22px #163f9947;--shadow-yellow:0 16px 36px -16px #f7c01373;--shadow-blue:0 16px 36px -16px #2f6fed6b;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--maxw:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.mono{font-family:var(--mono)}::selection{background:var(--yellow-200);color:var(--text-hi)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--blue-200)}h1,h2,h3,h4{color:var(--text-hi);letter-spacing:-.02em;font-weight:800;line-height:1.12}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-600);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.accent-blue{color:var(--blue-600)}.grad-text{background:linear-gradient(110deg, var(--blue-600) 20%, var(--yellow-600) 95%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 54px}.section-head h2{margin:14px 0 12px;font-size:clamp(28px,4vw,40px)}.section-head p{color:var(--text-dim);font-size:17px}.flex{display:flex}.center{align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.btn{border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--text-hi);background:var(--surface);white-space:nowrap;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .18s;display:inline-flex}.btn:hover{border-color:var(--blue-200);background:var(--surface-2);transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg, var(--blue-500), var(--blue-600));color:#fff;border-color:var(--blue-600);box-shadow:var(--shadow-blue)}.btn-primary:hover{background:linear-gradient(180deg, var(--blue-400), var(--blue-500));border-color:var(--blue-500)}.btn-yellow{background:linear-gradient(180deg, var(--yellow-400), var(--yellow-500));color:#4a3a00;border-color:var(--yellow-500);box-shadow:var(--shadow-yellow)}.btn-yellow:hover{background:linear-gradient(180deg, var(--yellow-200), var(--yellow-400));border-color:var(--yellow-400)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:8px 14px;font-size:13.5px}.btn-lg{padding:15px 26px;font-size:16px}.btn-block{justify-content:center;width:100%}.badge{border:1.5px solid var(--line);background:var(--surface);color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-blue{color:var(--blue-700);border-color:var(--blue-200);background:var(--blue-50)}.badge-yellow{color:var(--yellow-600);border-color:var(--yellow-200);background:var(--yellow-50)}.badge .dot{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #0f9d5829}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:26px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fcfdffd1;position:sticky;top:0}.nav-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(140deg, var(--blue-500), var(--blue-700));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-blue);border-radius:12px;place-items:center;display:grid;position:relative}.brand-mark:after{content:"";background:linear-gradient(140deg, var(--yellow-400), var(--yellow-500));border:2px solid var(--surface);border-radius:6px;width:16px;height:16px;position:absolute;bottom:-4px;right:-4px}.brand-name{color:var(--text-hi);letter-spacing:-.02em;font-size:19px;font-weight:800}.brand-tag{color:var(--text-faint);letter-spacing:.04em;font-size:11.5px}.nav-links{color:var(--text-dim);gap:30px;font-size:14.5px;font-weight:600;display:flex}.nav-links a{padding:4px 0;position:relative}.nav-links a:hover{color:var(--blue-600)}.nav-links a:after{content:"";background:var(--yellow-500);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.nav-links a:hover:after{width:100%}.nav-burger{border:1.5px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text-hi);border-radius:10px;place-items:center;display:none}.hero{padding:80px 0 72px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#ffd43b59,#0000 62%);width:520px;height:520px;position:absolute;top:-180px;right:-140px}.hero:after{content:"";z-index:0;background:radial-gradient(circle,#2f6fed29,#0000 64%);width:560px;height:560px;position:absolute;bottom:-220px;left:-160px}.hero-inner{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;margin:20px 0;font-size:clamp(38px,5.4vw,60px);line-height:1.04}.hero p.lead{color:var(--text-dim);max-width:540px;margin-bottom:30px;font-size:19px}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-meta{flex-wrap:wrap;gap:34px;margin-top:36px;display:flex}.hero-meta .num{color:var(--text-hi);font-size:26px;font-weight:800}.hero-meta .lbl{color:var(--text-dim);font-size:13px}.hero-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px;position:relative}.hero-card .avatar-big{aspect-ratio:1;background:linear-gradient(150deg, var(--blue-100), var(--yellow-100));width:100%;color:var(--blue-600);letter-spacing:-.04em;border-radius:20px;place-items:center;font-size:72px;font-weight:800;display:grid}.hero-card .status-pill{background:var(--surface);border:1.5px solid var(--line);color:var(--text-hi);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;top:40px;right:-14px}.hero-card .float-chip{background:linear-gradient(180deg, var(--yellow-400), var(--yellow-500));color:#4a3a00;box-shadow:var(--shadow-yellow);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:800;position:absolute;bottom:28px;left:-18px}.hero-card .card-foot{text-align:center;margin-top:20px}.hero-card .card-foot .nm{color:var(--text-hi);font-size:19px;font-weight:800}.hero-card .card-foot .rl{color:var(--blue-600);font-size:14px;font-weight:600}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2);padding:22px 0}.strip-inner{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:0 24px;display:flex}.strip-inner span{color:var(--text-faint);letter-spacing:.02em;font-size:15px;font-weight:700}.services-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;display:grid}.service-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:28px;transition:all .2s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--blue-500), var(--yellow-400));transform-origin:0;height:4px;transition:transform .25s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.service-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow);transform:translateY(-4px)}.service-card:hover:before{transform:scaleX(1)}.service-ico{background:var(--blue-50);width:52px;height:52px;color:var(--blue-600);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.service-card:nth-child(2n) .service-ico{background:var(--yellow-50);color:var(--yellow-600)}.service-card h3{margin-bottom:9px;font-size:19px}.service-card p{color:var(--text-dim);margin-bottom:16px;font-size:14.5px}.service-card .svc-price{color:var(--blue-600);font-size:14px;font-weight:700}.svc-tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.svc-tag{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;display:grid}.about-grid h2{margin:12px 0 18px;font-size:clamp(26px,3.6vw,36px)}.about-grid p{color:var(--text-dim);margin-bottom:16px;font-size:16px}.about-visual{border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--blue-50), var(--yellow-50));border:1.5px solid var(--line);padding:30px;position:relative}.skill-row{margin-bottom:18px}.skill-row:last-child{margin-bottom:0}.skill-row .skill-head{color:var(--text-hi);justify-content:space-between;margin-bottom:7px;font-size:14px;font-weight:700;display:flex}.skill-row .skill-head span{color:var(--blue-600)}.bar{background:var(--surface-3);border-radius:999px;height:9px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--blue-500), var(--yellow-400));border-radius:999px;height:100%;display:block}.chip-list{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.chip{background:var(--surface);border:1.5px solid var(--line);color:var(--text);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.values-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:54px;display:grid}.value-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:26px;transition:all .2s}.value-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow);transform:translateY(-3px)}.value-card h3{margin-bottom:8px;font-size:18px}.value-card p{color:var(--text-dim);font-size:14.5px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;display:grid}.team-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);text-align:center;padding:28px 24px;transition:all .2s}.team-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow);transform:translateY(-4px)}.team-ava{color:#fff;letter-spacing:-.02em;border-radius:20px;place-items:center;width:76px;height:76px;margin:0 auto 16px;font-size:26px;font-weight:800;display:grid}.team-nm{color:var(--text-hi);font-size:16.5px;font-weight:800}.team-rl{color:var(--blue-600);margin-top:4px;font-size:13.5px;font-weight:600}.work-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:24px;display:grid}.work-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);transition:all .2s;overflow:hidden}.work-card:hover{box-shadow:var(--shadow);border-color:var(--blue-200);transform:translateY(-4px)}.work-thumb{color:#fff;place-items:center;height:180px;font-size:46px;font-weight:800;display:grid;position:relative}.work-thumb .overlay{background:linear-gradient(135deg,#ffffff1a,#00000024);position:absolute;inset:0}.work-body{padding:22px}.work-body .cat{text-transform:uppercase;letter-spacing:.1em;color:var(--yellow-600);font-size:12px;font-weight:700}.work-body h3{margin:8px 0 10px;font-size:19px}.work-body p{color:var(--text-dim);margin-bottom:14px;font-size:14.5px}.work-link{color:var(--blue-600);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.work-link:hover{gap:11px}.process-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;display:grid}.process-card{border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--line);padding:28px 24px;position:relative}.process-num{background:var(--yellow-50);width:42px;height:42px;color:var(--yellow-600);border:1.5px solid var(--yellow-200);border-radius:12px;place-items:center;margin-bottom:16px;font-size:15px;font-weight:800;display:grid}.process-card h3{margin-bottom:8px;font-size:18px}.process-card p{color:var(--text-dim);font-size:14px}.tst-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.tst-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:28px;position:relative}.tst-card .quote{color:var(--yellow-400);height:30px;font-size:54px;font-weight:800;line-height:1}.tst-card p{color:var(--text);margin:8px 0 20px;font-size:15px}.tst-author{align-items:center;gap:12px;display:flex}.tst-author .ava{background:linear-gradient(145deg, var(--blue-400), var(--blue-600));color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.tst-author .nm{color:var(--text-hi);font-size:14.5px;font-weight:800}.tst-author .rl{color:var(--text-dim);font-size:13px}.stars{color:var(--yellow-500);letter-spacing:2px;font-size:14px}.pkg-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:22px;display:grid}.pkg-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:32px;display:flex;position:relative}.pkg-card.featured{border-color:var(--blue-500);box-shadow:var(--shadow-blue);background:linear-gradient(180deg, var(--blue-50), var(--surface))}.pkg-tag{background:linear-gradient(180deg, var(--yellow-400), var(--yellow-500));color:#4a3a00;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-yellow);border-radius:999px;padding:6px 15px;font-size:11.5px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pkg-name{color:var(--blue-600);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:800}.pkg-amt{color:var(--text-hi);letter-spacing:-.03em;margin:12px 0 2px;font-size:40px;font-weight:800}.pkg-amt span{color:var(--text-dim);font-size:15px;font-weight:600}.pkg-list{flex-direction:column;flex:1;gap:13px;margin:22px 0;list-style:none;display:flex}.pkg-list li{color:var(--text);gap:10px;font-size:14.5px;display:flex}.pkg-list li .check{color:var(--ok);flex-shrink:0}.contact-wrap{background:linear-gradient(140deg, var(--blue-600), var(--blue-700));border-radius:var(--radius-lg);color:#fff;grid-template-columns:.9fr 1.1fr;gap:46px;padding:46px;display:grid;position:relative;overflow:hidden}.contact-wrap:after{content:"";background:radial-gradient(circle,#ffd43b4d,#0000 64%);width:360px;height:360px;position:absolute;top:-120px;right:-80px}.contact-wrap h2{color:#fff;margin-bottom:14px;font-size:clamp(26px,3.6vw,36px)}.contact-wrap .ci{z-index:1;position:relative}.contact-wrap p{color:#ffffffd1;margin-bottom:26px;font-size:16px}.contact-list{flex-direction:column;gap:16px;list-style:none;display:flex}.contact-list li{align-items:center;gap:13px;font-size:15px;font-weight:600;display:flex}.contact-list .ci-ico{width:42px;height:42px;color:var(--yellow-400);background:#ffffff24;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.form-card{background:var(--surface);border-radius:var(--radius);z-index:1;padding:30px;position:relative}.field{margin-bottom:16px}.field label{color:var(--text-hi);margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.input,.textarea,.select{background:var(--surface-2);border:1.5px solid var(--line);width:100%;color:var(--text-hi);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border .16s,box-shadow .16s}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100);background:var(--surface)}.textarea{resize:vertical;min-height:110px}.form-ok{color:var(--ok);background:#0f9d581a;border:1.5px solid #0f9d584d;border-radius:10px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 15px;font-size:14px;font-weight:600;display:flex}.foot{border-top:1px solid var(--line);background:var(--surface-2)}.foot-inner{max-width:var(--maxw);margin:0 auto;padding:50px 24px 30px}.foot-top{flex-wrap:wrap;justify-content:space-between;gap:30px;margin-bottom:34px;display:flex}.foot-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:14px;font-size:13px}.foot-col a{color:var(--text-dim);margin-bottom:10px;font-size:14.5px;display:block}.foot-col a:hover{color:var(--blue-600)}.foot-about{max-width:300px}.foot-about p{color:var(--text-dim);margin-top:14px;font-size:14px}.foot-bot{border-top:1px solid var(--line);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:13.5px;display:flex}.socials{gap:10px;display:flex}.social-btn{background:var(--surface);border:1.5px solid var(--line);width:38px;height:38px;color:var(--text-dim);border-radius:10px;place-items:center;display:grid}.social-btn:hover{color:var(--blue-600);border-color:var(--blue-200);transform:translateY(-2px)}@keyframes fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade{animation:.5s both fade}.fade-2{animation-delay:80ms}.fade-3{animation-delay:.16s}@media (width<=900px){.hero-inner,.about-grid,.contact-wrap{grid-template-columns:1fr}.hero-card{max-width:420px;margin:0 auto}.nav-links{display:none}.nav-burger{display:grid}.section{padding:70px 0}.contact-wrap{padding:32px}}.mobile-menu{border-bottom:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;padding:10px 24px 18px;display:none}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text);border-radius:10px;padding:11px 12px;font-weight:600}.mobile-menu a:hover{background:var(--surface-2);color:var(--blue-600)}@media (width>=901px){.mobile-menu{display:none!important}}
