:root{--ink:#102b30;--muted:#65777a;--cream:#f5f3eb;--paper:#fbfaf6;--lime:#c7f04b;--teal:#1d8e83;--line:#d9ded8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.section{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.nav-wrap{height:86px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font:700 13px/1 "Manrope";letter-spacing:1.5px}.brand small{display:block;font-size:7px;letter-spacing:3.4px;margin-top:5px}.brand-mark{width:28px;height:28px;position:relative;display:flex;align-items:flex-end;gap:2px;transform:skew(-15deg)}.brand-mark i{display:block;width:8px;background:var(--ink)}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:24px;background:var(--teal)}.brand-mark i:nth-child(3){height:19px;background:var(--lime)}nav{display:flex;gap:34px;font-size:14px}nav a{transition:.2s}nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:white;padding:16px 20px;font-weight:600;font-size:14px;transition:.25s}.button:hover{background:var(--teal);transform:translateY(-2px)}.button b{font-size:18px;color:var(--lime)}.button-small{padding:12px 16px}.menu{display:none;background:none;border:0}.hero{min-height:700px;padding-top:86px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.6px;display:flex;align-items:center;gap:10px;margin:0 0 26px}.eyebrow span{width:28px;height:2px;background:var(--teal)}h1,h2{font-family:"Manrope";letter-spacing:-2.6px;margin:0;font-weight:600;line-height:1.04}h1{font-size:clamp(50px,5.2vw,74px);max-width:660px}h2{font-size:clamp(40px,4vw,58px)}h2 em{font-style:normal;color:var(--teal)}.lead{color:var(--muted);font-size:18px;line-height:1.7;max-width:530px;margin:30px 0 34px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{font-weight:600;font-size:14px}.text-link span{color:var(--teal);margin-left:10px}.hero-visual{position:relative;min-height:500px;margin-top:-40px}.hero-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-visual path{fill:none;stroke:#c7d1ce;stroke-width:1.2;stroke-dasharray:5 7}.hero-visual .accent-path{stroke:var(--teal);stroke-width:2;stroke-dasharray:120 1000;filter:drop-shadow(0 0 7px var(--teal))}.grid-plane{position:absolute;width:500px;height:360px;top:70px;left:60px;transform:perspective(500px) rotateX(60deg) rotateZ(-17deg);background-image:linear-gradient(#cdd7d355 1px,transparent 1px),linear-gradient(90deg,#cdd7d355 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000 15%,transparent 68%)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:270px;height:270px;background:radial-gradient(circle at 35% 30%,#efffbf,#79d8cb 40%,#207a74 75%);right:20px;top:45px;opacity:.86;box-shadow:0 50px 90px #56a59c44}.orb-b{width:110px;height:110px;right:300px;bottom:75px;background:radial-gradient(circle at 35% 30%,#f2ffc8,var(--lime) 50%,#74a421);box-shadow:0 25px 60px #a8d93688}.flow-card{position:absolute;background:#ffffffdf;backdrop-filter:blur(12px);box-shadow:0 20px 60px #183f4430;border:1px solid #fff;z-index:3}.card-main{width:210px;padding:22px;right:25px;bottom:50px}.card-main small,.card-float small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.card-main strong{font:600 37px "Manrope";display:block;margin-top:15px}.card-main p{font-size:11px;color:var(--muted);margin:0 0 16px}.progress{height:3px;background:#dfe5df}.progress i{display:block;width:89%;height:100%;background:var(--teal)}.status-dot{float:right;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c7f04b22}.card-float{left:45px;top:110px;padding:15px 20px;display:flex;align-items:center;gap:13px}.card-float>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);font-weight:bold}.card-float b{display:block;font-size:12px;margin-top:3px}.node{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--teal);border:3px solid white;box-shadow:0 0 0 5px #1d8e8320;z-index:4}.n1{left:18px;bottom:84px}.n2{left:282px;top:225px}.n3{right:10px;top:50px}.trust{grid-column:1/-1;align-self:end;display:flex;align-items:center;gap:32px;padding-bottom:32px;font-size:10px;letter-spacing:1.6px;color:var(--muted)}.trust div{height:1px;background:var(--line);flex:1}.trust b{color:#708082;font-size:9px}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding-top:130px;padding-bottom:70px}.intro>p{align-self:end;color:var(--muted);line-height:1.8;font-size:17px;max-width:520px}.services{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:130px}.service{padding:36px;border:1px solid var(--line);min-height:420px;transition:.3s}.service+article{border-left:0}.service:hover{transform:translateY(-8px);box-shadow:0 24px 50px #163a4020}.service.featured{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-16px)}.service.featured:hover{transform:translateY(-24px)}.num{font-size:10px;letter-spacing:2px;color:var(--muted);float:right}.icon{font-size:30px;color:var(--teal);height:70px}.featured .icon{color:var(--lime)}.service h3{font:600 23px "Manrope";margin:24px 0 15px}.service p{color:var(--muted);line-height:1.6;font-size:14px}.featured p{color:#aebdbc}.service ul{list-style:none;padding:25px 0 0;margin:28px 0 0;border-top:1px solid var(--line)}.featured ul{border-color:#365056}.service li{font-size:12px;margin:14px 0}.service li:before{content:"+";color:var(--teal);margin-right:11px}.featured li:before{color:var(--lime)}.approach{background:var(--ink);color:white}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-top:120px;padding-bottom:120px}.eyebrow.light span{background:var(--lime)}.approach h2 em{color:var(--lime)}.approach-copy>p:last-child{color:#aebdbc;line-height:1.7;max-width:470px;margin-top:30px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:55px 1fr;border-top:1px solid #365056;padding:22px 0}.steps li:last-child{border-bottom:1px solid #365056}.steps>li>span{font-size:10px;color:var(--lime);padding-top:5px}.steps h3{font:500 20px "Manrope";margin:0 0 5px}.steps p{margin:0;color:#91a3a4;font-size:13px}.contact{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.contact>div>p:last-child{color:var(--muted);line-height:1.7;max-width:520px}.contact-card{border-top:1px solid var(--line)}.contact-card>a,.contact-card>div{display:grid;grid-template-columns:1fr auto;position:relative;padding:23px 35px 23px 0;border-bottom:1px solid var(--line)}.contact-card small{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:7px}.contact-card strong{grid-column:1;font:500 17px "Manrope"}.contact-card span{grid-row:1/3;grid-column:2;align-self:center;color:var(--teal);font-size:21px}.contact-card a:hover strong{color:var(--teal)}footer{background:#0a2025;color:white}footer .section{min-height:150px;display:flex;align-items:center;gap:50px}footer p{color:#91a3a4;flex:1;font-size:13px}footer>.section>span{color:#718487;font-size:11px}.footer-brand .brand-mark i{background:white}.footer-brand .brand-mark i:nth-child(2){background:var(--teal)}.footer-brand .brand-mark i:nth-child(3){background:var(--lime)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav-wrap{height:72px;padding:0 20px}.nav-wrap nav,.nav-wrap>.button{display:none}.menu{display:block;width:34px}.menu span{display:block;height:2px;background:var(--ink);margin:7px}.menu.open+*{}nav.open{display:flex;position:absolute;top:71px;left:0;right:0;padding:25px 20px;background:var(--paper);flex-direction:column;box-shadow:0 20px 30px #183f4415}.section{padding-left:20px;padding-right:20px}.hero{padding-top:60px;display:block}.hero-visual{min-height:420px;margin-top:40px}.card-float{left:10px}.orb-a{right:-60px}.trust{display:none}h1{font-size:48px}.intro{grid-template-columns:1fr;gap:25px;padding-top:90px}.services{grid-template-columns:1fr}.service+article{border-left:1px solid var(--line);border-top:0}.service.featured{transform:none}.service.featured:hover{transform:translateY(-8px)}.approach-inner,.contact{grid-template-columns:1fr;gap:55px;padding-top:85px;padding-bottom:85px}.approach-inner{padding-top:85px}.contact-card strong{font-size:15px}footer .section{padding-top:35px;padding-bottom:35px;align-items:flex-start;flex-direction:column;gap:15px}}
.nav-wrap .brand{gap:14px;font-size:15px;letter-spacing:1.7px}.nav-wrap .brand small{font-size:8px;letter-spacing:3.8px}.nav-wrap .brand-mark{width:38px;height:38px;gap:3px}.nav-wrap .brand-mark i{width:10px}.nav-wrap .brand-mark i:nth-child(1){height:19px}.nav-wrap .brand-mark i:nth-child(2){height:33px}.nav-wrap .brand-mark i:nth-child(3){height:26px}h1{font-size:clamp(44px,4.5vw,64px);max-width:620px}.tosca-logo{height:70px;display:flex;align-items:center;gap:11px}.tosca-symbol{position:relative;width:34px;height:34px;display:block;transform:rotate(45deg)}.tosca-symbol i{position:absolute;background:var(--lime)}.tosca-symbol i:nth-child(1){width:24px;height:7px;left:5px;top:4px}.tosca-symbol i:nth-child(2){width:7px;height:26px;left:14px;top:4px}.tosca-symbol i:nth-child(3){width:13px;height:7px;right:0;bottom:3px}.tosca-wordmark{display:flex;flex-direction:column}.tosca-wordmark small{font-size:7px;letter-spacing:2.1px;color:#aebdbc}.tosca-wordmark strong{font:600 22px/1.05 "Manrope";letter-spacing:-.7px;color:white}@media(max-width:800px){.nav-wrap .brand{font-size:13px}.nav-wrap .brand small{font-size:7px}.nav-wrap .brand-mark{width:31px;height:31px}.nav-wrap .brand-mark i{width:8px}.nav-wrap .brand-mark i:nth-child(1){height:15px}.nav-wrap .brand-mark i:nth-child(2){height:27px}.nav-wrap .brand-mark i:nth-child(3){height:21px}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
