:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a2e;background:#f3f6fb;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f3f6fb;--bg-soft: #e9eef8;--ink: #1a1a2e;--muted: #667085;--line: #d9e2f0;--primary: #3b82f6;--primary-deep: #1d4ed8;--primary-soft: #eff6ff;--panel: #16213e;--panel-2: #0f3460;--white: #ffffff;--shadow: 0 24px 60px rgba(15, 52, 96, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#eef3fb,#f7f9fd);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{min-height:100vh}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel) 0%,#142848 48%,var(--panel-2) 100%);color:var(--white);padding:28px clamp(20px,4vw,56px) 90px}.hero__backdrop{position:absolute;inset:auto -10% -35% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.28),transparent 68%);pointer-events:none}.topbar,.hero__content,.section,.footer{max-width:1240px;margin:0 auto;position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:68px}.brand{display:flex;align-items:center;gap:12px}.brand__dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 18px #60a5fab3}.brand__name{font-size:18px;font-weight:700;letter-spacing:.02em}.topbar__link{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0f;transition:background .2s ease,border-color .2s ease}.topbar__link:hover{background:#ffffff1f;border-color:#ffffff47}.hero__content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:48px;align-items:center}.hero__eyebrow,.section__eyebrow{display:inline-block;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero__eyebrow{color:#93c5fd}.hero h1{margin:0;max-width:720px;font-size:clamp(38px,5vw,64px);line-height:1.05}.hero p{margin:22px 0 0;max-width:620px;color:#ffffffc7;font-size:18px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{color:var(--white);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);box-shadow:0 14px 36px #2563eb52}.btn--ghost{color:var(--white);background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.hero__facts{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.hero__facts li{position:relative;padding-left:18px;color:#ffffffd6}.hero__facts li:before{content:"";position:absolute;top:10px;left:0;width:8px;height:8px;border-radius:50%;background:#60a5fa}.mockup{display:grid;grid-template-columns:104px 1fr;min-height:420px;border-radius:26px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mockup__sidebar{padding:22px 14px;background:#0000001f;border-right:1px solid rgba(255,255,255,.07)}.mockup__logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#60a5fa,#2563eb);display:grid;place-items:center;font-weight:700;margin-bottom:28px}.mockup__nav{display:grid;gap:12px}.mockup__nav span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#ffffffb3;font-size:13px}.mockup__nav .active{color:var(--white);background:#3b82f64d}.mockup__content{padding:24px;background:linear-gradient(180deg,#fffffff5,#f4f7fcf0);color:var(--ink)}.mockup__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.mockup__header strong{font-size:20px}.mockup__header span{display:inline-flex;align-items:center;gap:8px;color:#16a34a;font-weight:600}.mockup__header span i{font-size:10px}.mockup__grid{display:grid;gap:16px}.mockup__grid article{padding:20px;background:var(--white);border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 24px #0f172a0f}.mockup__grid small,.mockup__grid span{display:block;color:var(--muted)}.mockup__grid strong{display:block;margin:8px 0 6px;font-size:22px}.section{padding:0 clamp(20px,4vw,56px) 88px}.section--features{padding-top:56px}.section--soft{padding-top:12px}.section__header{max-width:720px;margin-bottom:28px}.section__eyebrow{color:var(--primary-deep)}.section__header h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.12}.section__header p{margin:16px 0 0;color:var(--muted);font-size:17px}.features,.pricing,.services{display:grid;gap:20px}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pricing{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.services{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(217,226,240,.9);box-shadow:0 16px 36px #0f172a0f;overflow:hidden}.card--feature{min-height:220px}.card--pricing,.card--service,.card--feature{height:100%}.card--feature h3,.card--pricing h3,.card--service h3{margin:0 0 12px;font-size:22px}.card__title{overflow-wrap:anywhere}.card--feature p,.card--service p,.pricing__description{margin:0;color:var(--muted);overflow-wrap:anywhere}.card__icon{width:52px;height:52px;margin-bottom:20px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f62e,#1d4ed824)}.card__icon i{color:var(--primary-deep);font-size:20px}.card--featured{padding-top:64px;border-color:#3b82f66b;box-shadow:0 22px 44px #2563eb24}.badge{position:absolute;top:0;right:0;max-width:100%;padding:10px 16px;border-radius:0 24px 0 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);color:var(--white);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pricing__top,.service__top{display:flex;gap:12px;align-items:flex-start;min-width:0}.pricing__top h3,.service__top h3{margin-bottom:6px}.pricing__heading,.service__heading{min-width:0;flex:1 1 auto}.pricing__price,.service__price{margin-top:auto;padding-top:22px;color:var(--primary-deep);font-size:22px;font-weight:700;line-height:1.2;text-align:left;overflow-wrap:anywhere;border-top:1px solid var(--line)}.pricing__meta,.service__meta{display:block;color:var(--muted);font-size:13px}.pricing__list{list-style:none;padding:18px 0 0;margin:18px 0 0;display:grid;gap:12px;border-top:1px solid var(--line);color:#334155}.pricing__list li{display:flex;align-items:flex-start;gap:12px;min-width:0}.pricing__list li i{width:16px;margin-top:3px;color:var(--primary);text-align:center;flex:0 0 16px}.pricing__list li span{min-width:0;overflow-wrap:anywhere}.card--service p{margin-top:16px}.card--pricing .pricing__description{margin-top:18px}.card--service .service__top,.card--pricing .pricing__top{margin-bottom:0}.card--pricing .pricing__list,.card--service p{margin-bottom:24px}.info-banner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#101b35,#17305a);color:var(--white);box-shadow:var(--shadow)}.info-banner .section__eyebrow{color:#93c5fd}.info-banner p{margin:0;color:#ffffffc7;font-size:18px;align-self:center}.footer{padding:0 clamp(20px,4vw,56px) 56px}.footer__box{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 34px;border-radius:24px;background:var(--white);border:1px solid rgba(217,226,240,.9);box-shadow:0 16px 36px #0f172a0f}.footer__box h2{margin:0 0 8px;font-size:30px}.footer__box p{margin:0;color:var(--muted)}@media (max-width: 1120px){.hero__content,.info-banner{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.hero__content,.info-banner{grid-template-columns:1fr}.topbar,.footer__box{flex-direction:column;align-items:flex-start}.mockup{grid-template-columns:84px 1fr;min-height:360px}}@media (max-width: 640px){.hero{padding-bottom:72px}.topbar{margin-bottom:48px}.topbar__link,.btn{width:100%}.hero h1{font-size:clamp(32px,10vw,46px)}.hero p,.section__header p,.info-banner p{font-size:16px}.hero__actions{flex-direction:column}.mockup{grid-template-columns:1fr}.mockup__sidebar{display:none}.card,.info-banner,.footer__box{padding:22px}.pricing__top,.service__top,.footer__box{flex-direction:column}.pricing__price,.service__price{text-align:left}.section--features{padding-top:44px}.footer__box h2{font-size:24px}}