/* iTechFinance — static, dependency-free single-page site.
   Original brand accents: #1e73be / #656dce. Logo artwork is unchanged. */
@font-face{font-family:Roboto;src:url('assets/fonts/roboto-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--navy:#00235a;--blue:#1e73be;--accent:#656dce;--ink:#25364a;--muted:#566577;--line:#dce3eb;--paper:#fff;--soft:#f4f6f9;--pale:#eef3f8;--width:1200px;--gutter:clamp(22px,4vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Roboto,Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,ul{margin:0}
h1,h2,h3{color:var(--navy);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:clamp(34px,3.7vw,53px)}
h3{font-size:25px}
p{text-wrap:pretty}
.section-intro,.solution-row p,.about-statement,.about-copy p,.document p,.careers-copy p,.contact-intro p,.legal-copy p{text-align:justify}
strong{font-weight:500}
address{font-style:normal}
.container{width:min(100%,calc(var(--width) + var(--gutter)*2));padding-inline:var(--gutter);margin-inline:auto}
.section{padding-block:104px;scroll-margin-top:20px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:23px;line-height:1.6}
.small-rule{display:inline-block;width:25px;height:2px;background:var(--accent);vertical-align:middle;margin-right:9px}
.lead{font-size:22px;line-height:1.6;color:var(--navy)}
.skip-link{position:fixed;top:10px;left:20px;padding:12px 20px;color:#fff;background:var(--navy);transform:translateY(-180%);z-index:100}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:104px}
.brand{display:block;width:175px;flex-shrink:0}
.brand img{width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:500;line-height:1.3}
.main-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.main-nav a:hover{color:var(--blue);text-decoration:none}
.main-nav .nav-contact{padding:13px 19px;border:1px solid var(--navy);gap:18px;margin-left:3px}
.hero{padding-top:54px}
.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:54px;align-items:stretch;padding-bottom:58px}
.hero-copy{padding-block:30px 10px;align-self:center}
h1{font-size:clamp(43px,4.25vw,61px);line-height:1.08;letter-spacing:-.045em;font-weight:400}
h1 span{color:var(--navy)}
.hero-description{max-width:470px;font-size:15px;line-height:1.75;color:var(--muted);margin-top:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:32px}
.button{min-height:52px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:14px 21px;font-size:14px;font-weight:500;line-height:1.5}
.button-primary{background:var(--blue);color:#fff}
.button-primary:hover{background:var(--navy);text-decoration:none}
.text-link{min-height:44px;display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:500;color:var(--navy)}
.hero-footnote{margin-top:35px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.hero-visual{display:flex;flex-direction:column;min-width:0;background:var(--navy);position:relative}
.hero-visual>img{height:100%;min-height:470px;max-height:610px;width:100%;object-fit:cover;object-position:50% 46%}
.hero-visual figcaption{background:var(--navy);color:#fff;padding:23px 25px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.5}
.hero-visual figcaption>span{color:#c9daee}
.hero-visual figcaption a{font-size:14px;display:flex;justify-content:space-between;align-items:center;min-height:28px}
.audience-strip{border-block:1px solid var(--line)}
.audience-inner{display:flex;align-items:center;gap:55px;padding-block:24px}
.audience-inner>p{font-size:12px;color:var(--muted);white-space:nowrap}
.audience-inner ul{padding:0;list-style:none;display:flex;justify-content:space-between;flex:1;gap:25px;font-size:14px;font-weight:500;color:var(--navy)}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}
.section-intro{max-width:390px;color:var(--muted);font-size:16px;line-height:1.8;padding-bottom:4px}
.solutions .section-intro{font-size:16px;line-height:1.7}
.solution-list{border-top:1px solid var(--line)}
.solution-row{display:grid;grid-template-columns:45px minmax(220px, .9fr) 1.4fr;gap:30px;padding-block:34px;border-bottom:1px solid var(--line)}
.solution-number{color:var(--blue);font-size:12px;padding-top:7px;font-weight:500}
.solution-row h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}
.solution-row p{font-size:15px;line-height:1.85;color:var(--muted)}
.solution-row p+p{margin-top:9px}
.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:100px}
.about-statement{margin-top:43px;font-size:16px;line-height:1.85;color:var(--muted);font-weight:400}
.about-copy>p+p{margin-top:22px}
.about-copy>.lead{margin-bottom:24px}
.about-copy>p:not(.lead){color:var(--muted);font-size:16px}
.about-copy h3{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px}
.about-note{padding-block:28px;margin-block:28px;border-block:1px solid #cdd8e6}
.about-note p{font-size:16px;color:var(--muted)}
.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px}
.document{border-top:2px solid var(--accent);padding-top:19px;display:flex;flex-direction:column}
.document-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.055em;color:var(--muted);text-transform:uppercase;margin-bottom:25px}
.document h3{font-size:30px;margin-bottom:20px}
.document p{font-size:16px;color:var(--muted);line-height:1.85;margin-bottom:24px}
.document-link{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:54px;border-bottom:1px solid var(--line);margin-top:auto;padding-block:13px;font-size:14px;font-weight:500;color:var(--blue)}
.locations{background:var(--soft)}
.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 27px}
.city{min-width:0}
.city img{width:100%;aspect-ratio:1.9;object-fit:cover;filter:saturate(.78)}
.city figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px}
.city h3{font-size:23px;letter-spacing:-.02em}
.city figcaption span{font-size:12px;color:var(--muted)}
.careers-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.careers h2{font-size:clamp(34px,3.5vw,49px)}
.careers-copy>p+p{margin-top:19px}
.careers-copy>p:not(.lead){font-size:16px;color:var(--muted)}
.application{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}
.application h3{font-size:22px;margin-bottom:12px}
.application p{font-size:15px;color:var(--muted);margin-bottom:15px}
.application .text-link{color:var(--blue);font-size:17px;overflow-wrap:anywhere}
.contact{background:var(--navy);color:#fff}
.contact h2,.contact h3{color:#fff}
.contact .eyebrow{color:#c5cdf7}
.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;padding-bottom:57px;border-bottom:1px solid #34517a}
.contact h2{font-size:clamp(46px,4.8vw,68px)}
.contact-intro p{font-size:18px;line-height:1.8;color:#ccdaeb;max-width:430px;margin-bottom:24px}
.contact-email{font-size:clamp(20px,2.4vw,32px);line-height:1.5;letter-spacing:-.02em;display:flex;gap:15px;justify-content:space-between;align-items:center;overflow-wrap:anywhere}
.contact-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-top:44px}
.contact-details h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:19px}
.contact-details address{color:#ccdaeb;font-size:16px;line-height:1.85}
.contact .text-link{color:#fff;font-size:15px}
.contact-small{font-size:13px;color:#ccdaeb;line-height:1.7;margin-top:8px}
.legal-section{padding-block:44px;background:#f8f9fb}
.legal-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
.legal-heading h2{font-size:19px;letter-spacing:0}
.legal-heading p{font-size:12px;color:var(--muted)}
.legal-details{border-top:1px solid var(--line);scroll-margin-top:125px}
.legal-details:last-child{border-bottom:1px solid var(--line)}
.legal-details summary{padding-block:18px;cursor:pointer;font-size:14px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px}
.legal-details summary::-webkit-details-marker{display:none}
.legal-details[open] summary span{transform:rotate(45deg)}
.legal-details summary span{font-size:22px;line-height:1;display:inline-block}
.legal-copy{max-width:850px;padding-block:8px 30px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.legal-copy p{margin-bottom:16px}
.legal-copy h3{font-size:18px;letter-spacing:0;margin-block:25px 12px}
.legal-copy a{text-decoration:underline}
.legal-copy .review-notice{border:1px solid #ced7e3;padding:18px;color:var(--navy);background:var(--pale);font-size:13px}
.site-footer{padding-block:32px;border-top:1px solid var(--line)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted)}
.footer-copy{flex:1;min-width:0;width:100%;overflow-x:auto;scrollbar-width:thin}
.footer-line{width:max-content;min-width:100%;white-space:nowrap;text-wrap:nowrap;text-align:left;font-size:15px;line-height:1.9}
.footer-copy:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.footer-name{font-size:15px;font-weight:500;color:var(--navy);margin-bottom:5px}
.back-top{display:flex;align-items:center;gap:18px;min-height:44px;flex-shrink:0;margin-left:auto;color:var(--navy);font-size:15px;white-space:nowrap}
@media(min-width:1500px){.hero-grid{gap:74px}.hero-copy{padding-block:48px}.hero-visual>img{max-height:none}}
@media(max-width:1050px){.main-nav{gap:17px}.header-inner{gap:20px}.brand{width:150px}.hero-grid{gap:32px}h1{font-size:45px}.hero-description{font-size:15px}.hero-visual>img{min-height:440px}.audience-inner{gap:25px}.audience-inner ul{font-size:12px;gap:18px}.about-grid,.careers-grid,.contact-top{gap:50px}.solution-row{grid-template-columns:30px .95fr 1.4fr;gap:20px}.solution-row h3{font-size:23px}.section{padding-block:80px}}
@media(max-width:800px){html{scroll-padding-top:155px}.header-inner{min-height:auto;padding-block:9px 7px;flex-wrap:wrap;gap:2px}.brand{width:130px}.brand img{height:62px;width:auto}.main-nav{width:100%;gap:0;justify-content:space-between;font-size:12px;flex-wrap:wrap}.main-nav a{padding:8px 5px;min-height:44px}.main-nav .nav-contact{margin:0;padding:8px 10px;gap:10px;border:none;color:var(--blue)}.hero{padding-top:28px}.hero-grid{gap:25px;grid-template-columns:1.1fr .9fr;padding-bottom:34px}.hero-copy{padding-block:15px}h1{font-size:37px}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero-description{font-size:14px}.hero-actions{gap:16px;margin-top:24px}.button{font-size:12px;padding:12px 15px;gap:12px}.hero-footnote{margin-top:25px;font-size:10px}.hero-visual>img{min-height:375px}.hero-visual figcaption{padding:17px;font-size:10px}.hero-visual figcaption a{font-size:12px}.audience-inner{flex-direction:column;gap:9px;align-items:flex-start;padding-block:18px}.audience-inner ul{width:100%;flex-wrap:wrap;gap:10px 25px}.section-heading{gap:35px}.section-intro{max-width:300px;font-size:15px}.solution-row{grid-template-columns:25px 1fr 1.3fr;gap:16px}.solution-row h3{font-size:20px}.solution-row p{font-size:14px}.about-grid{grid-template-columns:1fr 1.2fr;gap:35px}.lead{font-size:19px}.about-statement{font-size:18px}.document-grid{gap:28px}.document h3{font-size:25px}.document-meta{font-size:9px}.document p{font-size:14px}.city-grid{gap:28px 20px}.city h3{font-size:20px}.city figcaption{flex-wrap:wrap;gap:5px}.city figcaption span{font-size:11px}.careers-grid{gap:35px}.contact-top{gap:35px}.contact-intro p{font-size:16px}.contact-details{gap:28px}.contact-details address{font-size:14px}}
@media(max-width:600px){html{scroll-padding-top:150px}.section{padding-block:60px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{padding-top:17px}.hero .eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:clamp(37px,9.2vw,52px)}.hero-description{font-size:15px;max-width:440px;margin-top:22px}.hero-actions{gap:27px}.button{font-size:13px;padding:14px 18px}.hero-footnote{margin-top:24px}.hero-visual>img{min-height:0;height:240px;object-position:50% 45%}.hero-visual figcaption{padding:17px 20px;gap:3px}.hero-visual figcaption a{font-size:13px}.audience-inner{gap:13px}.audience-inner ul{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:10px 15px}.section-heading{display:block;margin-bottom:32px}.section-heading .section-intro{max-width:none;margin-top:24px}.eyebrow{font-size:11px;margin-bottom:17px}h2{font-size:36px}.solution-row{grid-template-columns:24px 1fr;padding-block:26px;gap:14px}.solution-number{padding-top:5px}.solution-row h3{font-size:25px;line-height:1.2}.solution-row h3 br{display:none}.solution-row>div{grid-column:2}.solution-row p{font-size:15px;line-height:1.8}.about-grid{grid-template-columns:1fr;gap:28px}.about-statement{font-size:18px;margin-top:20px}.about-statement br{display:none}.lead{font-size:20px}.about-copy>p:not(.lead){font-size:15px}.about-note p{font-size:15px}.document-grid{grid-template-columns:1fr;gap:36px}.document h3{font-size:27px}.document-meta{font-size:10px;margin-bottom:20px}.document p{font-size:15px}.document-link{font-size:13px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.city img{aspect-ratio:1.35}.city figcaption{display:block;padding-top:12px}.city h3{font-size:21px}.city figcaption span{display:block;font-size:11px;margin-top:5px}.careers-grid{grid-template-columns:1fr;gap:27px}.careers h2{font-size:36px}.careers-copy>p:not(.lead){font-size:15px}.application .text-link{font-size:15px;gap:12px}.contact-top{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.contact h2{font-size:49px}.contact-email{font-size:23px;gap:12px}.contact-intro p{font-size:16px}.contact-details{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:31px}.contact-details>div:last-child{grid-column:1/-1}.contact-details h3{font-size:11px;margin-bottom:13px}.contact-details address{font-size:14px}.contact-small br{display:none}.contact-small{margin-top:0}.legal-heading{display:block}.legal-heading p{margin-top:8px}.legal-copy{font-size:13px}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}.back-top{gap:22px}.legal-details{scroll-margin-top:150px}}
@media(max-width:360px){.main-nav{font-size:11px}.main-nav a{padding-inline:3px}.main-nav .nav-contact{padding-inline:3px;gap:4px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:13px}.contact-email{font-size:20px}}
.mobile-menu{display:none}
@media(max-width:800px){.header-inner{position:relative;min-height:80px;flex-wrap:nowrap;padding-block:8px}.brand{width:130px}.brand img{height:62px;width:auto}.main-nav{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:17px;color:var(--navy);font-size:14px;font-weight:500;padding:10px 12px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:22px;font-weight:300}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{position:absolute;right:var(--gutter);top:calc(100% - 1px);width:min(280px,calc(100vw - var(--gutter)*2));background:#fff;border:1px solid var(--line);padding:12px 20px;box-shadow:0 12px 24px #00235a12}.mobile-menu nav a{display:flex;min-height:44px;align-items:center;font-size:15px;border-bottom:1px solid var(--line)}.mobile-menu nav a:last-child{border-bottom:0;color:var(--blue)}html{scroll-padding-top:95px}.legal-details{scroll-margin-top:100px}}
/* Small supporting copy remains readable without competing with body text. */
.hero-footnote{font-size:12px}.hero-visual figcaption>span{font-size:12px}.audience-inner>p{font-size:13px}
@media(max-width:600px){.hero .eyebrow{font-size:11px}.hero-footnote{font-size:12px}.hero-description{line-height:1.65}.hero-actions .button{font-size:14px}.city figcaption span{font-size:12px}.legal-heading p{font-size:13px}}
/* Match hero introduction typography to solution descriptions. */
#home .hero-description{font-size:15px;font-weight:400;line-height:1.85;color:var(--muted);text-align:justify}
@media(max-width:600px){#home .hero-description{line-height:1.8}}
/* Match hero title size and colour to the solutions heading. */
#hero-title{font-size:clamp(34px,3.7vw,53px);color:var(--navy)}
#hero-title span{color:inherit}
@media(max-width:600px){#hero-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header{position:static}.main-nav,.hero-actions,.back-top,.hero-footnote{display:none}.section{padding-block:28px}.hero{padding-top:0}.hero-grid{padding-bottom:20px}.hero-visual>img{min-height:0;height:250px}.contact{background:#fff;color:var(--ink)}.contact h2,.contact h3,.contact .text-link,.contact-intro p,.contact-details address,.contact-small,.contact .eyebrow{color:var(--ink)}.city-grid{grid-template-columns:repeat(3,1fr)}a[href^="mailto:"]{text-decoration:underline}.document{break-inside:avoid}.solution-row{break-inside:avoid}}
