:root{--ink:#0b1220;--muted:#647084;--line:#dfe5ec;--paper:#f7f9fc;--white:#fff;--accent:#19b8a6;--accent2:#0b7f86;--dark:#0b1726}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-logo{height:68px;width:auto;object-fit:contain}
.footer-logo{height:52px;background:#fff;padding:6px 12px;border-radius:8px}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text span{font-weight:850;font-size:19px;letter-spacing:.08em}
.brand-text small{font-size:8px;letter-spacing:.24em;color:var(--muted);margin-top:2px}
.footer-brand .brand-text small{color:#8b98a6}
.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{text-decoration:none;color:#3c4655;font-size:14px;font-weight:600}
.tab-btn{background:none;border:0;cursor:pointer;text-decoration:none;color:#3c4655;font-size:14px;font-weight:600;font-family:inherit;padding:6px 2px;border-bottom:2px solid transparent}
.tab-btn:hover{color:var(--ink)}
.tab-btn.active{color:var(--accent2);border-bottom-color:var(--accent2)}
.nav-cta{padding:10px 17px!important;border-radius:8px;background:var(--ink);color:white!important;border-bottom:none!important}
.nav-cta.active{background:var(--accent2);color:white!important}
.menu-toggle{display:none;border:0;background:none;font-size:24px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.hero{background:linear-gradient(135deg,#f7fafc 0%,#eef5f7 100%);padding:100px 0 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.14em;font-weight:800;color:var(--accent2);margin:0 0 16px}
.profile-title{color:var(--accent2);font-weight:700;font-size:16px;letter-spacing:.02em;margin:-14px 0 22px}.hero h1{font-size:clamp(42px,5.4vw,70px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{color:var(--accent2)}
.hero-title{white-space:nowrap}
.statement h2{font-size:clamp(26px,3.2vw,42px)}
@media(max-width:700px){.hero-title{white-space:normal}.statement h2{white-space:normal}}.hero-copy{max-width:650px;font-size:18px;color:#5d6878}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:8px;font-weight:750;font-size:14px}.primary{background:var(--ink);color:white}.secondary{border:1px solid #bbc5d0;color:var(--ink)}.hero-card{min-height:450px;border-radius:24px;background:var(--dark);position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(11,23,38,.18)}.orb{position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-80px;background:radial-gradient(circle at 35% 35%,#55e1cf,transparent 65%);opacity:.9}.hero-card:after{content:"";position:absolute;inset:auto -30px -100px 70px;height:230px;background:linear-gradient(145deg,transparent,rgba(25,184,166,.22));transform:rotate(-16deg)}.hero-card-content{position:absolute;left:40px;bottom:38px;color:white;z-index:2}.hero-card-content span{font-size:10px;letter-spacing:.18em;color:#8de6dc;font-weight:800}.hero-card h2{font-size:30px;line-height:1.2;margin:13px 0}.hero-card p{color:#b8c4d0;margin:0}
.section{padding:105px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2,.contact h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px}.split p:not(.eyebrow){color:var(--muted);font-size:17px}.dark{background:var(--dark);color:white}.dark .eyebrow{color:#7edfd3}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.card{padding:28px;border:1px solid #253548;border-radius:14px;background:#101f30;min-height:250px}.card .num{color:#7edfd3;font-size:12px;font-weight:800}.card h3{font-size:21px;margin:32px 0 10px}.card p{color:#aebac7;font-size:14px}
.migration-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.migration-grid>div:first-child p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:520px}.process{border-top:1px solid var(--line)}.process div{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);font-weight:700}.process b{color:var(--accent2);font-size:12px}.accent{background:#eaf8f6}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.tags span{background:white;border:1px solid #cfe6e2;padding:11px 15px;border-radius:100px;font-size:13px;font-weight:700}
.temenos-block{margin-top:70px;padding-top:60px;border-top:1px solid #253548}
.temenos-block .tags span{background:#101f30;border:1px solid #2b3d52;color:#cfe6e2}
.check-list{list-style:none;margin:20px 0 0;padding:0}
.check-list li{position:relative;padding:11px 0 11px 36px;border-bottom:1px dashed var(--line);color:var(--muted);font-size:15px;line-height:1.5}
.check-list li:last-child{border-bottom:none}
.check-list li:before{position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;line-height:20px;text-align:center;color:#fff}
.check-list.cons li:before{content:"\2715";background:#D85A30}
.check-list.pros li:before{content:"\2713";background:#1D9E75}
.module-cards{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.module-card{display:flex;align-items:flex-start;gap:20px;border:2px solid var(--ink);border-radius:16px;padding:20px 26px;background:#fff;transition:box-shadow .15s, transform .15s}
.module-card:hover{box-shadow:0 8px 20px rgba(11,18,32,.1);transform:translateY(-2px)}
.module-icon{width:48px;height:48px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.module-icon svg{width:24px;height:24px}
.module-card h3{font-size:20px;margin:0 0 6px;font-family:'Inter',ui-sans-serif,sans-serif;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.module-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
@media(max-width:600px){.module-card{padding:16px 18px;gap:14px}.module-icon{width:40px;height:40px}.module-icon svg{width:20px;height:20px}}
.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.product-card{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}
.product-card h3{font-size:20px;margin:0 0 10px}
.product-card p{color:var(--muted);font-size:15px;margin:0}
.product-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.product-card-head h3{margin:0}
.status-tag{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#fff3d6;color:#9a6b00;padding:5px 10px;border-radius:20px;white-space:nowrap}
@media(max-width:760px){.product-cards{grid-template-columns:1fr}}
.statement{text-align:center}.statement>.eyebrow{margin-bottom:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-top:50px}.three div{padding:25px;border-top:2px solid var(--ink)}.three b{font-size:12px;color:var(--accent2)}.three h3{margin:15px 0 5px}.three p{color:var(--muted);font-size:14px}
.contact{background:var(--accent2);color:white;padding:75px 0}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}.contact .eyebrow{color:#a9f0e7}.contact h2{max-width:680px}.contact p:not(.eyebrow){color:#d8f1ef;max-width:650px}.light{background:white;color:var(--ink);white-space:nowrap}
.contact-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.contact-box{align-items:flex-start}
.contact-box{flex-wrap:wrap}
.contact-box>div:first-child{flex:1 1 320px}
.enquiry-form{background:#fff;border-radius:16px;padding:34px;width:min(720px,100%);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.form-row{display:flex;flex-direction:column;gap:6px}
.form-row.full-width{grid-column:1 / -1}
.form-row label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.form-row input,.form-row select,.form-row textarea{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper)}
.form-row textarea{resize:vertical}
.form-row input:invalid:not(:placeholder-shown),.form-row select:invalid,.form-row textarea:invalid:not(:placeholder-shown){border-color:#c0392b}
.form-actions{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;text-align:center}
.form-submit{cursor:pointer;padding:13px 46px}
.form-note{font-size:12px;color:var(--muted);margin:0;max-width:400px}
.form-confirmation{color:#04342C;font-weight:800;font-size:16px;background:#E1F5EE;border:1.5px solid var(--accent2);padding:14px 20px;border-radius:10px;margin:0;text-align:center}
@media(max-width:850px){.enquiry-form{width:100%}}
@media(max-width:560px){.enquiry-form{grid-template-columns:1fr}.form-row.full-width{grid-column:auto}}
footer{background:#07101b;color:#9aa8b7}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:white}.footer p{font-size:12px}
@media(max-width:850px){.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:92px;left:0;right:0;background:white;padding:20px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero{padding:70px 0}.hero-grid,.split,.migration-grid{grid-template-columns:1fr;gap:45px}.hero-card{min-height:330px}.cards{grid-template-columns:1fr 1fr}.contact-box{align-items:flex-start;flex-direction:column}.three{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;padding:25px 0}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.section{padding:75px 0}.hero-card-content{left:28px}.hero-card h2{font-size:34px}.actions{flex-direction:column}.btn{text-align:center}}