:root{
  --paper:#080b12;
  --ink:#eef3ff;
  --ink-2:#dce6ff;
  --muted:#8995aa;
  --lime:#9cc8ff;
  --lime-2:#7d8dff;
  --warm:#151d2f;
  --card:#101827;
  --line:#27344d;
}

body{
  background:
    radial-gradient(circle at 12% 14%,rgba(87,125,255,.11),transparent 28%),
    radial-gradient(circle at 88% 52%,rgba(47,190,255,.08),transparent 25%),
    #080b12;
  color:var(--ink);
}
.site-header{background:rgba(8,11,18,.84);border-bottom-color:rgba(156,200,255,.16)}
.brand-logo{width:74px;height:42px;object-fit:contain;object-position:center;mix-blend-mode:screen;border-radius:8px;filter:contrast(1.35) brightness(1.18)}
.brand-copy strong,.footer-brand strong{color:#fff}
.brand-copy small,.footer-brand small{color:#8190ac}
.brand-mark{background:var(--lime);color:#08111b}
.main-nav>a:not(.nav-cta){color:#9aa8bf}.main-nav>a:not(.nav-cta):hover{color:var(--lime)}
.nav-cta,.button-primary,.float-icon,.contact-avatar{background:linear-gradient(135deg,#b8d9ff,#8192ff);color:#07111d}
.menu-toggle{color:var(--lime)}
.eyebrow{color:#8997ad}.eyebrow-dot{background:var(--lime);box-shadow:0 0 0 5px rgba(156,200,255,.12)}
h1,h2{color:#f2f5ff}h1 em,h2 em{color:var(--lime)}
.hero-lead,.section-intro{color:#9aa6bb}.hero-proof p{color:#8795ab}.hero-proof strong{color:#d7e6ff}
.hero:before{color:#42506c}.hero-visual:before{color:#7185b3}
.hero-grid-lines{background-image:linear-gradient(rgba(129,158,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(129,158,255,.12) 1px,transparent 1px)}
.orb-one{background:rgba(82,126,255,.18)}.orb-two{background:rgba(76,215,255,.13)}
.hero-photo{position:absolute;inset:4% 0 9% 6%;overflow:hidden;border:1px solid rgba(156,200,255,.2);border-radius:10px;opacity:.48;transform:rotate(1deg);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,11,18,.86) 0%,rgba(8,11,18,.35) 44%,rgba(8,11,18,.68) 100%)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.system-card{background:linear-gradient(145deg,#172440,#09101e);border-color:#30476d;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.system-card-top{color:#91a9d0;border-bottom-color:rgba(156,200,255,.22)}.system-time{color:#617493}
.flow-node{background:#172742;border-color:#30476d}.flow-node.final{background:rgba(156,200,255,.12);border-color:rgba(156,200,255,.58)}.flow-node small{color:#8ca8cc}
.metric-strip{border-top-color:rgba(156,200,255,.24)}.positive,.status-ready,.spark{color:#9cc8ff}
.float-card{background:#0d1524;border-color:#304262;color:#edf3ff}.float-card small{color:#8292ad}
.signal-bar{background:#0d1422;border-top-color:#263b60;border-bottom-color:#263b60}.signal-bar>div{color:#b4c2db}.signal-label{color:#9cc8ff}
.projects-section,.offer-section{background:transparent}.filter-chip{background:#0f1726;border-color:#293a5a;color:#94a4bf}.filter-chip:hover,.filter-chip.active{background:#9cc8ff;border-color:#9cc8ff;color:#07111d}
.project-card{background:#111a2a;border-color:#293a56;box-shadow:0 16px 45px rgba(0,0,0,.18)}.project-card:hover{border-color:#6c85c5;box-shadow:0 20px 58px rgba(41,84,170,.22)}
.project-tag{background:rgba(156,200,255,.08);border-color:rgba(156,200,255,.27);color:#a9c9ff}.project-card p{color:#96a4bb}.project-link,.card-link{color:#d9e7ff}.project-link:hover,.card-link:hover{color:#9cc8ff}
.offer-card{background:#111a2a;border-color:#293a56}.offer-card.featured{background:linear-gradient(145deg,#b9d9ff,#7b89f6);color:#091321}.offer-card.featured p,.offer-card.featured li{color:#1f3655}.offer-card.featured .offer-number,.offer-card.featured .offer-icon,.offer-card.featured .card-link{color:#183359}.offer-card:not(.featured) p,.offer-card:not(.featured) li{color:#98a6bd}.offer-number,.offer-icon{color:#92b8ee}
.method-section{background:transparent}.method-panel{background:#111a2a;border-color:#293a56}.method-copy{background:linear-gradient(145deg,#172743,#0e1625)}.method-copy p:not(.eyebrow){color:#a4b1c6}.button-light{background:#b8d9ff;color:#0b1422}.steps{background:#0d1523}.step{border-bottom-color:#24334d}.step>span{color:#7185a6}.step.active>span,.step.active>b{color:#9cc8ff}.step strong{color:#f2f5ff}.step p{color:#8f9db3}
.about-section{background:#0c1220;border-top-color:#1b2941}.about-visual{background:radial-gradient(circle at 50% 45%,#1b2c52,#0a0f1b);border-color:#30476d}.about-visual:before,.about-visual:after{border-color:rgba(156,200,255,.24)}.about-initials{color:#9cc8ff}.about-stamp{border-color:#667db0;color:#a3b8dd}.about-note{background:#d5e6ff;color:#12233b}.about-lead{color:#d7e5ff}.about-copy>p:not(.eyebrow):not(.about-lead){color:#9aa8be}.skill-list span{border-color:#2c4164;color:#a4badb;background:rgba(156,200,255,.045)}
.numbers-section{background:linear-gradient(120deg,#aecfff,#8090ff);color:#0a1423}.numbers-grid>div{border-color:rgba(10,20,35,.28)}.numbers-grid p{color:#29466c}
.metrics-note{max-width:660px;margin:30px auto 0;text-align:center;color:#2a4166;font:500 10px var(--mono);letter-spacing:.03em}.linkedin-link{display:inline-flex;align-items:center;gap:8px;margin-top:27px;color:#a8c9ff;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(168,201,255,.3);padding-bottom:7px}.linkedin-link:hover{color:#fff;border-bottom-color:#fff}.linkedin-link span{font-size:15px}.contact-linkedin{margin-top:22px;color:#9cc8ff}.contact-note{margin-top:26px}
.contact-section{background:#0a101b}.contact-copy>p:not(.eyebrow):not(.contact-note){color:#9aa8bc}.contact-person small{color:#8395b0}.contact-form{background:#111b2c;border-color:#2b4266;box-shadow:0 20px 50px rgba(0,0,0,.3)}.contact-form label{color:#9eb0cc}.contact-form input,.contact-form textarea{background:#09111e;border-color:#2b3d5c;color:#edf3ff}.contact-form input:focus,.contact-form textarea:focus{border-color:#9cc8ff;box-shadow:0 0 0 3px rgba(156,200,255,.12)}.form-feedback{color:#9cc8ff}
.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-strip div{min-width:0}.metric-strip strong{font-size:15px}.hero-proof-conversion,.float-card-a{display:none!important}
.site-footer{background:#050811;border-top-color:#1d2a42}.site-footer p,.site-footer>a{color:#8190aa}.site-footer>a:hover{color:#9cc8ff}
.modal-backdrop{background:rgba(2,5,12,.86)}.modal-dialog{background:#111b2b;border-color:#30476d;color:#eff4ff}.modal-dialog p{color:#9caac0}.modal-details div{background:#172640}.modal-details small{color:#8aa1c5}.modal-bullets{color:#a9b8ce}.modal-close{color:#a6b9da}
.visual-gallery{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:28px;align-items:stretch;margin-top:70px}.gallery-heading{padding:36px 0 0}.gallery-heading h3{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.07em;margin:0 0 18px}.gallery-heading h3 em{font-family:Georgia,serif;font-weight:400;color:#9cc8ff}.gallery-heading>p:last-child{color:#8e9cb4;max-width:340px}.gallery-feature{position:relative;min-height:360px;margin:0;overflow:hidden;border:1px solid #30476d;border-radius:9px;background:#0d1524}.gallery-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,16,.84),transparent 60%)}.gallery-feature img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.gallery-feature figcaption{position:absolute;z-index:1;left:24px;bottom:21px;display:flex;flex-direction:column;gap:5px}.gallery-feature figcaption strong{font-size:20px;letter-spacing:-.04em}.gallery-feature figcaption span{font:500 10px var(--mono);color:#b5c7e5;letter-spacing:.08em;text-transform:uppercase}
.home-metrics{padding-top:36px;padding-bottom:78px}.home-metrics .eyebrow{color:#284a78;margin-bottom:28px}.home-metrics .numbers-grid strong{font-size:clamp(52px,6.3vw,92px);letter-spacing:-.09em}.home-metrics .numbers-grid p{font-size:12px;min-height:38px}
.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 74px}.featured-project-card{display:flex;flex-direction:column;min-height:310px;padding:20px;border:1px solid #30476d;border-radius:8px;background:linear-gradient(145deg,#172743,#0d1524);box-shadow:0 18px 45px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.featured-project-card:nth-child(2){background:linear-gradient(145deg,#1b2450,#11162c)}.featured-project-card:nth-child(3){background:linear-gradient(145deg,#173544,#0d1d27)}.featured-project-card:nth-child(4){background:linear-gradient(145deg,#202d4a,#121a2b)}.featured-project-card:nth-child(5){background:linear-gradient(145deg,#182946,#101928)}.featured-project-card:hover{transform:translateY(-5px);border-color:#91b0ff;box-shadow:0 24px 58px rgba(48,91,190,.22)}.featured-project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.featured-project-card .project-tag{font-size:8px;line-height:1.5}.featured-badge{font:500 8px var(--mono);letter-spacing:.1em;color:#9cc8ff}.featured-project-card h3{font-size:24px;line-height:1.04;letter-spacing:-.06em;margin:31px 0 14px}.featured-project-card p{color:#a5b2c7;font-size:12px;line-height:1.55;margin-bottom:22px}.featured-project-card .project-meta{margin-top:auto}.featured-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.featured-actions .project-link{font-size:10px}.external-project-link{color:#9cc8ff}.additional-projects-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.additional-projects-heading .eyebrow{margin:0}.additional-projects-heading h3{margin:0;color:#dce7ff;font-size:20px;letter-spacing:-.04em}
@media(max-width:1100px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-project-card:nth-child(4),.featured-project-card:nth-child(5){min-height:280px}}
@media(max-width:800px){.main-nav{background:#080d17;border-bottom-color:#293d5e}.visual-gallery{grid-template-columns:1fr}.gallery-heading{padding-top:10px}.hero-photo{inset:3% 0 7% 0}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.additional-projects-heading{display:block}.additional-projects-heading h3{margin-top:8px}}
@media(max-width:560px){.brand-logo{width:54px;height:38px}.brand-copy strong{font-size:11px}.visual-gallery{margin-top:46px}.gallery-feature,.gallery-feature img{min-height:260px}.gallery-feature figcaption{left:17px;bottom:16px}.featured-grid{grid-template-columns:1fr}.featured-project-card{min-height:270px}.home-metrics .numbers-grid strong{font-size:clamp(42px,14vw,64px)}}
@media(max-width:560px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.metric-strip strong{font-size:13px}}
@media(max-width:800px){.view-panel>.section-pad:first-child{padding-top:24px}}
@media(max-width:560px){.view-panel>.section-pad:first-child{padding-top:18px}}

/* Conversion-led refresh: the first screen should sell the outcome before the details. */
body{
  background:
    radial-gradient(circle at 78% 8%,rgba(87,110,255,.18),transparent 28%),
    radial-gradient(circle at 4% 42%,rgba(39,190,255,.08),transparent 24%),
    #080a14;
}
.site-header{background:rgba(7,9,20,.76);backdrop-filter:blur(18px);border-bottom-color:rgba(166,190,255,.13)}
.main-nav>a:not(.nav-cta){font-size:13px;letter-spacing:.01em;color:#b6c0d7}
.nav-cta{padding:15px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(111,122,255,.22);font-size:12px;letter-spacing:.01em}
.hero{min-height:calc(100svh - 82px);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:34px;padding-top:clamp(48px,7vh,92px);padding-bottom:clamp(42px,6vh,78px);align-items:center}
.hero-copy{max-width:680px;z-index:2}
.hero-copy .eyebrow{color:#a9b9db;font-size:11px;letter-spacing:.15em}
.hero-copy h1{font-size:clamp(49px,5.25vw,78px);line-height:.94;letter-spacing:-.085em;max-width:570px;margin:21px 0 22px}
.hero-copy h1 em{display:inline-block;font-family:var(--sans);font-style:normal;font-weight:800;color:#9fc5ff;letter-spacing:-.09em}
.hero-lead{max-width:545px;font-size:clamp(16px,1.15vw,19px);line-height:1.48;color:#aab4c8}
.hero-actions{gap:20px;margin-top:28px}
.hero-actions .button-primary{padding:18px 25px;border-radius:999px;font-size:14px;box-shadow:0 16px 38px rgba(113,133,255,.27)}
.hero-actions .text-link{font-size:14px;color:#dbe6ff;border-bottom-color:rgba(219,230,255,.35)}
.hero-proof-conversion{max-width:450px;margin-top:31px;padding-top:16px;border-top:1px solid rgba(156,200,255,.22)}
.hero-proof-conversion p{font-size:13px;line-height:1.5;color:#91a1bd}
.hero-proof-conversion strong{font-size:14px;color:#e3ecff}
.proof-avatars span{background:#192849;border-color:#4c6fa9;color:#d8e7ff}
.hero-visual{min-height:590px;transform:translateY(10px)}
.hero-visual:after{content:'REAL SYSTEMS / REAL WORK';position:absolute;right:8px;bottom:-28px;color:#6f84ae;font:500 10px var(--mono);letter-spacing:.16em}
.hero-photo{inset:7% -8% 4% 0;opacity:.34;border-color:rgba(151,190,255,.28);box-shadow:0 35px 100px rgba(0,0,0,.55)}
.hero-photo:after{background:linear-gradient(110deg,rgba(8,10,20,.88),rgba(8,10,20,.18) 62%,rgba(8,10,20,.72))}
.system-card-main{width:min(100%,545px);right:3%;top:17%;padding:26px;border-radius:18px;border-color:rgba(151,190,255,.34);box-shadow:0 32px 90px rgba(0,0,0,.54),0 0 70px rgba(91,117,255,.13);transform:rotate(-2deg)}
.system-card-top{font-size:10px;letter-spacing:.12em}
.system-card-title{font-size:25px;margin:28px 0 30px;letter-spacing:-.07em}
.flow-map{gap:12px}.flow-node{min-width:112px;padding:14px 12px;border-radius:12px}.flow-node strong{font-size:14px}.flow-node small{font-size:10px}
.flow-line{width:25px}.metric-strip{gap:14px;padding-top:23px}.metric-strip div{min-width:0}.metric-strip small{font-size:8px}.metric-strip strong{font-size:17px}
.float-card{border-radius:13px;padding:13px 16px;box-shadow:0 22px 50px rgba(0,0,0,.42)}
.float-card-a{top:8%;left:0}.float-card-b{right:-5%;bottom:12%}
.float-icon{width:30px;height:30px;display:grid;place-items:center;font-size:10px;border-radius:50%}
.signal-bar{background:rgba(14,18,34,.88);border-color:rgba(123,151,218,.19);padding:22px 0}
.signal-bar>div{gap:clamp(18px,3vw,54px);font-size:10px;letter-spacing:.13em}.signal-label{font-size:10px}
.home-shortcuts{gap:16px;padding-top:26px;padding-bottom:75px}
.shortcut-card{min-height:185px;padding:28px 27px;border-radius:16px;background:linear-gradient(145deg,rgba(22,31,58,.98),rgba(11,15,30,.98));border-color:rgba(121,151,219,.24);box-shadow:0 20px 45px rgba(0,0,0,.16)}
.shortcut-card:first-child{background:linear-gradient(135deg,#a8c8ff,#6d7df7);color:#080d19;border-color:transparent;box-shadow:0 24px 55px rgba(92,112,240,.26)}
.shortcut-card:first-child .shortcut-index,.shortcut-card:first-child small,.shortcut-card:first-child .shortcut-arrow{color:#1d3158}
.shortcut-index{font-size:10px;letter-spacing:.14em}.shortcut-card strong{max-width:250px;font-size:20px;line-height:1.08}.shortcut-card small{max-width:260px;font-size:11px;line-height:1.45}.shortcut-arrow{top:26px;right:27px;font-size:22px}
.home-metrics{padding-top:52px;padding-bottom:96px}.home-metrics .eyebrow{font-size:10px;letter-spacing:.17em}.home-metrics .numbers-grid{gap:0}.home-metrics .numbers-grid>div{padding:0 27px}.home-metrics .numbers-grid strong{font-size:clamp(58px,7vw,105px)}
.view-projects .section-heading,.view-offer .section-heading{align-items:end}.view-projects .section-heading h2,.view-offer .section-heading h2{font-size:clamp(44px,5vw,76px)}
.featured-project-card{min-height:350px;padding:25px;border-radius:16px}.featured-project-card h3{font-size:28px}.featured-project-card p{font-size:13px}.project-card,.offer-card,.method-panel,.contact-form{border-radius:16px}
.offer-card{padding:30px}.offer-card h3{font-size:28px}.method-panel{overflow:hidden}
.contact-section{background:radial-gradient(circle at 80% 45%,rgba(100,120,255,.14),transparent 30%),#080a14}.contact-copy h2{font-size:clamp(44px,5vw,75px);line-height:.97}.contact-copy h2 em{font-family:var(--sans);font-size:1em;letter-spacing:-.08em}.contact-form{padding:30px;background:rgba(17,24,43,.88);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.form-kicker{margin-bottom:22px;color:#9fc5ff;font:500 10px var(--mono);letter-spacing:.15em}.contact-form .button-primary{width:100%;justify-content:center;border-radius:999px;padding:17px}
@media(max-width:900px){.hero{min-height:auto;padding-top:80px}.hero-visual{min-height:530px;margin-top:30px}.system-card-main{right:0}.signal-bar>div{overflow:hidden;justify-content:flex-start;white-space:nowrap}.home-shortcuts{grid-template-columns:1fr 1fr}.shortcut-card:first-child{grid-column:1/-1}}
@media(max-width:560px){.hero{padding-top:60px}.hero-copy h1{font-size:clamp(49px,14vw,70px);margin-top:20px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .button-primary{justify-content:center;text-align:center}.hero-visual{min-height:440px;transform:none}.system-card-main{top:15%;padding:18px;border-radius:14px}.system-card-title{font-size:20px;margin:20px 0}.flow-map{gap:5px}.flow-node{min-width:0;flex:1;padding:10px 6px}.flow-node strong{font-size:11px}.flow-node small{font-size:8px}.flow-line{width:8px}.metric-strip{gap:5px}.metric-strip small{font-size:7px}.metric-strip strong{font-size:13px}.float-card{padding:10px 12px}.float-card-a{top:3%;left:-3%}.float-card-b{right:-2%;bottom:5%}.home-shortcuts{grid-template-columns:1fr;padding-bottom:56px}.shortcut-card:first-child{grid-column:auto}.shortcut-card strong{font-size:19px}.home-metrics .numbers-grid{grid-template-columns:1fr 1fr}.home-metrics .numbers-grid>div{padding:20px 14px}.home-metrics .numbers-grid strong{font-size:clamp(40px,13vw,61px)}.view-projects .section-heading h2,.view-offer .section-heading h2{font-size:clamp(42px,12vw,60px)}}

/* Project imagery and a readable wordmark on dark surfaces. */
.brand-logo{width:50px;height:46px;object-fit:cover;object-position:center 35%;border:1px solid rgba(157,195,255,.25);background:linear-gradient(145deg,#111d38,#080d1a);box-shadow:0 0 24px rgba(92,132,255,.18)}
.brand-copy strong,.footer-brand strong{display:flex;align-items:baseline;gap:0;font-size:15px;letter-spacing:-.035em;color:#fff}
.brand-copy strong b,.footer-brand strong b{font-weight:800;color:#fff}
.brand-copy strong i,.footer-brand strong i{font-style:normal;font-weight:700;color:#9fc5ff}
.brand-copy small,.footer-brand small{font-size:9px;letter-spacing:.06em}
.featured-project-card{overflow:hidden;padding-top:0}
.featured-project-image{position:relative;height:125px;margin:0 -25px 22px;overflow:hidden;background:#0d1528}
.featured-project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,20,.02),rgba(7,10,20,.78))}
.featured-project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.featured-project-card:hover .featured-project-image img{transform:scale(1.06);filter:saturate(1.12)}
.featured-project-card .featured-project-top,.featured-project-card h3,.featured-project-card p,.featured-project-card .project-meta,.featured-project-card .featured-actions{margin-left:0;margin-right:0}
.featured-project-card .featured-project-top{padding:0 0 0}
@media(max-width:560px){.brand-logo{width:46px;height:42px}.featured-project-image{height:145px;margin-left:-20px;margin-right:-20px;margin-bottom:18px}}

/* App-like navigation: each route is a focused view instead of one long scroll. */
.view-panel{display:none;min-height:calc(100vh - 82px);animation:view-in .42s ease both}.view-panel.is-active{display:block}.view-panel>.section-pad:first-child{padding-top:88px}.view-home{background:radial-gradient(circle at 74% 24%,rgba(75,119,255,.08),transparent 27%)}
/* The start and contact views should open immediately below the sticky header. */
.view-home>.hero.section-pad{padding-top:1px;padding-bottom:4px}
.view-contact>.contact-section.section-pad{padding-top:8px;padding-bottom:11px}
body.app-mode{overflow-x:hidden}.main-nav a[aria-current="page"]{color:#fff!important}.main-nav a[aria-current="page"]:after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;vertical-align:middle;border-radius:50%;background:#9cc8ff;box-shadow:0 0 12px #9cc8ff}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;padding-bottom:70px}.shortcut-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:148px;padding:23px;border:1px solid #273a5c;border-radius:8px;background:linear-gradient(145deg,rgba(18,30,51,.96),rgba(10,16,28,.96));color:#eef3ff;text-align:left;transition:transform .25s ease,border-color .25s ease,background .25s ease;overflow:hidden}.shortcut-card:after{content:"";position:absolute;right:-30px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:rgba(125,141,255,.12);filter:blur(4px)}.shortcut-card:hover,.shortcut-card:focus-visible{transform:translateY(-5px);border-color:#83a9ff;background:linear-gradient(145deg,#182947,#101b30);outline:none}.shortcut-index{font:500 10px var(--mono);color:#88a8df}.shortcut-card strong{font-size:15px;letter-spacing:-.035em}.shortcut-card small{color:#8494ae;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.shortcut-arrow{position:absolute;top:22px;right:22px;color:#9cc8ff;font-size:19px}
.view-projects .section-heading,.view-offer .section-heading{margin-bottom:48px}.view-projects .projects-section,.view-offer .offer-section,.view-about .about-section,.view-contact .contact-section{min-height:calc(100vh - 82px)}.view-about .numbers-section{min-height:auto}.view-contact .contact-section{display:grid;align-items:center}
@keyframes view-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.view-panel{min-height:calc(100vh - 70px)}.home-shortcuts{grid-template-columns:1fr;padding-top:10px;padding-bottom:54px}.shortcut-card{min-height:116px}.view-projects .projects-section,.view-offer .offer-section,.view-about .about-section,.view-contact .contact-section{min-height:calc(100vh - 70px)}}