.landing{--navy-900:#0a2540;--navy-800:#0e2c4d;--navy-700:#14375e;--orange:#f97316;--orange-600:#ea6a0c;--orange-100:#ffedd5;--ink:#1e293b;--ink-soft:#475569;--muted:#64748b;--line:#e6ebf1;--bg:#fff;--bg-soft:#f6f9fc;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f233c0f;--shadow:0 4px 16px #0f233c12;--shadow-lg:0 18px 40px #0f233c1f;--container:1200px;--header-h:70px}html{scroll-behavior:smooth;scroll-padding-top:86px}.landing,.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing{color:var(--ink-soft);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.65}.landing img{max-width:100%;display:block}.landing a{color:inherit;text-decoration:none}.landing ul{margin:0;padding:0;list-style:none}.landing h1,.landing h2,.landing h3,.landing h4{color:var(--navy-900);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.landing p{margin:0}.landing button{font:inherit}.landing :focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}.landing .l-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.landing .section{padding:64px 0}.landing .section--soft{background:var(--bg-soft)}.landing .section--flush-top{padding-top:0}.landing .section--stats{padding-top:0;padding-bottom:48px}.landing .eyebrow{color:var(--orange);align-items:center;gap:10px;margin-bottom:12px;font-size:12.5px;font-weight:600;display:flex}.landing .eyebrow:before{content:"";background:var(--orange);border-radius:2px;flex:none;width:26px;height:2px}.landing .section-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.landing .section-head h2{max-width:14ch;font-size:29px}.landing .section-head p{max-width:52ch;margin-top:12px;font-size:14.5px}.landing .link-more{color:#1d5fbf;border-bottom:1px solid #cfdcee;flex:none;align-items:center;gap:7px;padding-bottom:6px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.landing .link-more:hover{color:var(--orange);border-color:var(--orange)}.landing .link-more svg{width:14px;height:14px}.landing .btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.landing .btn svg{flex:none;width:16px;height:16px}.landing .btn--primary{background:var(--orange);color:#fff;box-shadow:0 6px 18px #f9731647}.landing .btn--primary:hover{background:var(--orange-600)}.landing .btn--ghost{color:#fff;background:0 0;border-color:#ffffff8c}.landing .btn--ghost:hover{background:#ffffff1f;border-color:#fff}.landing .btn--sm{padding:10px 18px;font-size:13.5px}.landing .btn--outline{color:var(--navy-900);border-color:var(--line);background:0 0}.landing .btn--outline:hover{border-color:var(--navy-900);background:#f6f9fc}.landing .btn--dark{background:var(--navy-900);color:#fff}.landing .btn--dark:hover{background:var(--navy-700)}.landing .btn:active{transform:translateY(1px)}.landing .header{z-index:60;height:var(--header-h);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.landing .header__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.landing .brand{align-items:center;gap:10px;display:flex}.landing .brand__mark{flex:none;width:34px;height:38px}.landing .brand__name{color:var(--navy-900);letter-spacing:-.03em;font-size:19px;font-weight:800;line-height:1.1;display:block}.landing .brand__name span{color:var(--orange)}.landing .brand__tag{color:var(--muted);letter-spacing:.01em;font-size:9.5px;display:block}.landing .header__menu{flex:1;justify-content:space-between;align-items:center;gap:24px;display:flex}.landing .header__actions{flex:none;align-items:center;gap:10px;display:flex}.landing .nav{align-items:center;gap:28px;display:flex}.landing .nav a{color:var(--ink-soft);padding:6px 0;font-size:13.5px;font-weight:500;transition:color .2s;position:relative}.landing .nav a:hover{color:var(--navy-900)}.landing .nav a.is-active{color:var(--orange)}.landing .nav a.is-active:after{content:"";background:var(--orange);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.landing .burger{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:42px;height:42px;display:none}.landing .burger span{background:var(--navy-900);width:18px;height:2px;display:block;position:relative}.landing .burger span:before,.landing .burger span:after{content:"";background:var(--navy-900);width:18px;height:2px;position:absolute;left:0}.landing .burger span:before{top:-6px}.landing .burger span:after{top:6px}.landing .hero{color:#fff;background:linear-gradient(100deg, var(--navy-900) 0%, #0a2540f0 38%, #0a25408c 60%, #0a254040 100%), linear-gradient(135deg,#123354,#1b4a76 55%,#2a628f), var(--navy-900);background-position:50%;background-size:cover;position:relative;overflow:hidden}.landing .hero__photo{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.landing .hero__veil{z-index:1;background:linear-gradient(100deg, var(--navy-900) 0%, #0a2540f0 38%, #0a254080 62%, #0a254033 100%);position:absolute;inset:0}.landing .hero__inner{z-index:2;padding-block:66px 74px;position:relative}.landing .hero__content{max-width:520px}.landing .hero .eyebrow{color:var(--orange)}.landing .hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:18px;font-size:39px;font-weight:800;line-height:1.16}.landing .hero h1 em{color:var(--orange);font-style:normal}.landing .hero p{color:#ffffffd1;max-width:44ch;margin-bottom:26px;font-size:14.5px}.landing .hero__actions{flex-wrap:wrap;gap:14px;display:flex}.landing .hero__doodle{z-index:3;color:var(--orange);text-align:left;pointer-events:none;font-family:Caveat,cursive;font-size:19px;line-height:1.55;position:absolute;top:52%;right:34px;transform:translateY(-50%)}.landing .hero__doodle li{white-space:nowrap}.landing .hero__doodle li+li{padding-left:14px}.landing .hero__doodle svg{width:56px;height:38px;margin-left:6px}.landing .grid-services{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing .card-service{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.landing .card-service:hover{box-shadow:var(--shadow);border-color:#d5e0ec}.landing .card-service__media{aspect-ratio:16/10;background:linear-gradient(150deg,#eef4fb,#e2ecf8);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.landing .card-service__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.landing .card-service:hover .card-service__media img{transform:scale(1.045)}.landing .card-service__media svg{width:62px;height:62px}.landing .card-service__body{padding:20px 22px 22px}.landing .card-service h3{margin-bottom:7px;font-size:15px}.landing .card-service h3 a{transition:color .2s}.landing .card-service h3 a:hover{color:var(--orange)}.landing .card-service p{color:var(--muted);font-size:13px;line-height:1.6}.landing .icon-arrow{color:#1d5fbf;background:#eef4fb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:14px;transition:background .2s,color .2s;display:inline-flex}.landing .icon-arrow svg{width:13px;height:13px}.landing .card-service:hover .icon-arrow{background:var(--orange);color:#fff}.landing .about{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.landing .about__media{border-radius:var(--radius);aspect-ratio:16/11;box-shadow:var(--shadow);background:linear-gradient(140deg,#dfe8f2,#c6d6e6);position:relative;overflow:hidden}.landing .about__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.landing .about__play{width:max-content;height:44px;box-shadow:var(--shadow);color:var(--navy-900);background:#fffffff0;border-radius:999px;align-items:center;gap:11px;margin:auto;padding:0 20px 0 6px;font-size:13.5px;font-weight:600;display:flex;position:absolute;inset:0}.landing .about__play i{width:32px;height:32px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.landing .about__play svg{width:12px;height:12px;color:var(--navy-900)}.landing .about h2{margin-bottom:16px;font-size:29px}.landing .about p{max-width:56ch;font-size:14.5px}.landing .values{flex-wrap:wrap;gap:0;margin-top:28px;display:flex}.landing .values li{color:var(--ink);border-left:1px solid var(--line);align-items:center;gap:10px;padding:0 18px;font-size:12.5px;font-weight:500;line-height:1.35;display:flex}.landing .values li:first-child{border-left:0;padding-left:0}.landing .values svg{width:19px;height:19px;color:var(--navy-800);flex:none}.landing .stats{background:linear-gradient(115deg,var(--navy-900),var(--navy-700));border-radius:var(--radius-lg);color:#fff;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:34px 40px;display:grid}.landing .stats h2{color:#fff;margin-bottom:12px;font-size:23px}.landing .stats p{color:#ffffffb8;max-width:46ch;font-size:13.5px}.landing .stats__grid{grid-template-columns:repeat(4,1fr);display:grid}.landing .stat{text-align:center;border-left:1px solid #ffffff24;padding:0 12px}.landing .stat:first-child{border-left:0}.landing .stat svg{width:26px;height:26px;color:var(--orange);margin:0 auto 10px}.landing .stat b{color:#fff;letter-spacing:-.02em;font-size:25px;font-weight:800;display:block}.landing .stat span{color:#ffffffb3;font-size:11.5px}.landing .grid-projects{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.landing .project__thumb{aspect-ratio:4/3;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(140deg,#1c3c5f,#0e2c4d);margin-bottom:14px;overflow:hidden}.landing .project__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.landing .project h3{margin-bottom:6px;font-size:14.5px}.landing .project p{color:var(--muted);margin-bottom:12px;font-size:12.5px;line-height:1.6}.landing .tag{letter-spacing:.01em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.landing .tag--web{color:#b45309;background:#fef0e0}.landing .tag--mobile{color:#1d4ed8;background:#e4eefc}.landing .tag--design{color:#6d28d9;background:#ede7fb}.landing .tag--sys{color:#15803d;background:#dff3e6}.landing .grid-reviews{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.landing .review{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;gap:16px;padding:20px;display:flex}.landing .avatar{background:linear-gradient(140deg,var(--navy-700),var(--navy-900));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.landing .avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.landing .review blockquote{color:var(--ink-soft);margin:0 0 14px;font-size:12.5px;font-style:italic;line-height:1.65}.landing .review h4{margin-bottom:2px;font-size:13px}.landing .review span{color:var(--muted);font-size:11.5px}.landing .stars{color:var(--orange);gap:2px;margin-top:8px;display:flex}.landing .stars svg{width:13px;height:13px}.landing .cta{color:#fff;background:linear-gradient(120deg,var(--navy-900),var(--navy-700));position:relative;overflow:hidden}.landing .cta__photo{-o-object-fit:cover;object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.landing .cta__veil{background:linear-gradient(100deg,#0a2540f5,#0a2540c7);position:absolute;inset:0}.landing .cta__inner{z-index:2;justify-content:space-between;align-items:center;gap:40px;padding-block:34px;display:flex;position:relative}.landing .cta h2{color:#fff;margin-bottom:8px;font-size:19px}.landing .cta p{color:#ffffffbf;max-width:52ch;font-size:13px}.landing .footer{background:var(--navy-900);color:#ffffffb8;padding:40px 0 0}.landing .footer__grid{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:36px;padding-bottom:32px;display:grid}.landing .footer .brand__name{color:#fff}.landing .footer .brand__tag{color:#ffffff8c}.landing .footer h4{color:#fff;margin-bottom:14px;font-size:13px;font-weight:600}.landing .footer li+li{margin-top:8px}.landing .footer a,.landing .footer li{font-size:12.5px}.landing .footer a{transition:color .2s}.landing .footer a:hover{color:var(--orange)}.landing .footer__info li{align-items:center;gap:10px;display:flex}.landing .footer__info svg{width:14px;height:14px;color:var(--orange);flex:none}.landing .socials{gap:12px;display:flex}.landing .socials a{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.landing .socials a:hover{background:var(--orange)}.landing .socials svg{color:#fff;width:15px;height:15px}.landing .footer__bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1f;padding:16px 0;font-size:11.5px}@media (width<=1080px){.landing .grid-services,.landing .grid-projects{grid-template-columns:repeat(2,1fr)}.landing .stats{grid-template-columns:1fr}.landing .hero__doodle{display:none}}@media (width<=900px){.landing .header__menu{display:none}.landing .burger{display:flex}.landing .header.is-open .header__menu{left:0;right:0;top:var(--header-h);border-bottom:1px solid var(--line);box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:stretch;gap:14px;padding:8px 24px 18px;display:flex;position:absolute}.landing .header.is-open .nav{flex-direction:column;align-items:flex-start;gap:0}.landing .header.is-open .nav a{border-bottom:1px solid var(--line);width:100%;padding:11px 0}.landing .header.is-open .nav a.is-active:after{display:none}.landing .header.is-open .header__actions{flex-wrap:wrap}.landing .header.is-open .header__actions .btn{flex:1;min-width:140px}.landing .about{grid-template-columns:1fr;gap:32px}.landing .grid-reviews{grid-template-columns:1fr}.landing .cta__inner{flex-direction:column;align-items:flex-start}}@media (width<=640px){.landing .section{padding:48px 0}.landing .hero__inner{padding-block:52px 56px}.landing .hero h1{font-size:31px}.landing .section-head{flex-direction:column;align-items:flex-start;gap:16px}.landing .section-head h2,.landing .about h2{max-width:none;font-size:24px}.landing .grid-services,.landing .grid-projects{grid-template-columns:1fr}.landing .stats{padding:26px 22px}.landing .stats__grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.landing .stat:nth-child(3){border-left:0}.landing .values li{border-left:0;width:calc(50% - 8px);padding:0}.landing .values{gap:16px}.landing .footer__grid{grid-template-columns:1fr 1fr;gap:28px}}@media (prefers-reduced-motion:reduce){.landing *{transition:none!important;animation:none!important}html{scroll-behavior:auto!important}}