:root{--navy:#06162e;--navy2:#0b2548;--gold:#d4a62f;--gold2:#f2d278;--cream:#fbf8f1;--ink:#172033;--muted:#667085;--line:#e7dcc8;--white:#fff;--shadow:0 22px 60px rgba(6,26,53,.14);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fbf8f1;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.topbar{height:28px;background:#05152c;color:#fff;text-align:center;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:800;padding:6px 12px;position:relative;z-index:50}.header{position:sticky;top:0;z-index:900;background:rgba(6,18,38,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(212,166,47,.26);box-shadow:0 12px 34px rgba(0,0,0,.22)}.nav{max-width:1240px;margin:auto;min-height:74px;padding:7px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{display:block;width:74px;height:56px;object-fit:contain;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 5px 12px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(212,166,47,.12))}.brand-text strong{display:block;font-family:Georgia,serif;font-size:27px;line-height:1;color:#fff;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.brand-text span{display:block;font-size:10px;color:#d6bd72;letter-spacing:.11em;text-transform:uppercase;margin-top:3px}.links{display:flex;gap:18px;align-items:center}.links a{font-size:14px;font-weight:800;color:#eef4ff}.links a:hover,.links a.active{color:var(--gold)}.links .cta{border:1px solid rgba(212,166,47,.55);background:rgba(212,166,47,.10);color:#fff;padding:10px 16px;border-radius:999px}.burger{display:none;background:rgba(212,166,47,.14);color:#fff;border:1px solid rgba(212,166,47,.36);border-radius:10px;padding:9px 12px;font-weight:800}.splash-screen{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;background:#06162e;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;animation:splashOut .8s ease forwards;animation-delay:2s}.splash-bg{position:absolute;inset:0;background:url('img/splash-ciame-wide.png') center center/cover no-repeat;transform:scale(1.05);animation:splashZoom 2.2s ease forwards;filter:saturate(1.05) contrast(1.05)}.splash-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(212,166,47,.08),transparent 40%),linear-gradient(180deg,rgba(3,10,21,.02),rgba(3,10,21,.42));z-index:1}.splash-content{position:relative;z-index:2;width:min(1000px,92vw);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:splashContent 2s ease forwards}.splash-logo{width:min(620px,72vw);height:auto;object-fit:contain;filter:drop-shadow(0 35px 80px rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(212,166,47,.14))}.splash-progress{width:min(520px,70vw);height:5px;border:1px solid rgba(242,210,120,.72);border-radius:999px;margin:22px auto 10px;background:rgba(255,255,255,.06);overflow:hidden}.splash-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f2d278,#b98518);animation:loadBar 1.55s ease forwards}.splash-loading{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#e7c979;text-shadow:0 2px 12px rgba(0,0,0,.7)}@keyframes loadBar{from{width:0}to{width:100%}}@keyframes splashZoom{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes splashContent{0%{opacity:0;transform:translateY(14px) scale(.97)}18%,84%{opacity:1;transform:none}100%{opacity:.94;transform:scale(1.01)}}@keyframes splashOut{to{opacity:0;visibility:hidden;transform:scale(1.012);filter:blur(2px)}}.hero{position:relative;min-height:calc(100vh - 102px);display:flex;align-items:center;overflow:hidden;background:#06162e;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,15,30,.92),rgba(6,20,42,.74)),url('img/splash-ciame-wide.png') center center/cover no-repeat;opacity:1}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 22%,rgba(212,166,47,.12),transparent 34%),linear-gradient(180deg,rgba(6,15,30,.12),rgba(6,15,30,.86));pointer-events:none}.hero-wrap{position:relative;z-index:1;max-width:1240px;width:100%;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:42px;align-items:center;padding:82px 22px}.eyebrow{color:#e4c46e;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:13px}.hero h1{font-family:Georgia,serif;font-size:56px;line-height:1.03;margin:14px 0 16px;text-shadow:0 10px 28px rgba(0,0,0,.34)}.hero p{font-size:19px;color:#dbe6f4;max-width:700px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:900;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);color:var(--navy)}.btn.white{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.03)}.hero-logo-box{background:rgba(6,22,46,.36);border:1px solid rgba(212,166,47,.34);border-radius:28px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.hero-logo-box img{display:block;width:100%;max-width:340px;height:auto;object-fit:contain;filter:drop-shadow(0 15px 36px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(242,210,120,.10))}.section{max-width:1240px;margin:auto;padding:68px 22px}.title{max-width:900px}.title h2{font-family:Georgia,serif;color:var(--navy);font-size:42px;line-height:1.12;margin:0 0 12px}.title p,.lead{color:var(--muted);font-size:18px}.pill{display:inline-block;background:#f0e4cc;color:#7b5a15;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.grid{display:grid;gap:22px;margin-top:28px}.cols3{grid-template-columns:repeat(3,1fr)}.cols4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 35px rgba(6,26,53,.07)}.card h3{margin:0 0 9px;color:var(--navy);font-size:22px}.card p{margin:0;color:#4d596c}.icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--gold);display:grid;place-items:center;font-size:25px;margin-bottom:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.visual img{display:block;width:100%;height:auto}.quote{font-family:Georgia,serif;font-size:28px;line-height:1.25;color:var(--navy);border-left:5px solid var(--gold);padding-left:22px}.band{background:var(--navy);color:#fff}.band .title h2{color:#fff}.band .title p{color:#dbe6f4}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.milestone{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:20px}.milestone b{color:#e7c979}.page-hero{background:linear-gradient(135deg,var(--navy),#12345c);color:#fff;padding:56px 22px}.page-hero div{max-width:1240px;margin:auto}.page-hero h1{font-family:Georgia,serif;font-size:46px;line-height:1.1;margin:0 0 10px}.page-hero p{max-width:820px;color:#dbe6f4;font-size:18px}.contactbox{background:linear-gradient(135deg,#fff,#f4ebdc);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}form{display:grid;gap:14px}input,select,textarea{width:100%;padding:14px;border:1px solid #d8cfbd;border-radius:14px;font:inherit;background:#fff}textarea{min-height:120px}.submit{background:var(--navy);color:white;border:0;padding:15px 18px;border-radius:999px;font-weight:900;cursor:pointer}.footer{background:#06162e;color:#dbe5f1;padding:38px 22px}.footer-wrap{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px}.footer h4{color:#fff;margin:0 0 10px}.small{font-size:13px;color:#98a6b8}.notice{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px}.table{overflow:auto}.table table{border-collapse:collapse;width:100%;background:#fff;border-radius:18px;overflow:hidden}.table th{background:var(--navy);color:#fff;text-align:left}.table th,.table td{padding:15px;border-bottom:1px solid var(--line)}@media(max-width:900px){.topbar{font-size:10px;height:auto}.nav{min-height:66px;padding:7px 16px}.brand-logo{width:58px;height:44px}.brand-text strong{font-size:21px}.brand-text span{font-size:8px}.burger{display:block}.links{display:none;position:absolute;top:70px;left:16px;right:16px;background:rgba(6,18,38,.98);border:1px solid rgba(212,166,47,.32);border-radius:18px;padding:16px;flex-direction:column;box-shadow:var(--shadow)}.links.open{display:flex}.hero{min-height:auto}.hero-wrap,.split{grid-template-columns:1fr}.hero-wrap{padding:52px 18px}.hero h1{font-size:39px}.hero-logo-box img{max-width:280px}.cols3,.cols4,.timeline,.footer-wrap{grid-template-columns:1fr}.section{padding:48px 18px}.page-hero h1,.title h2{font-size:34px}.splash-logo{width:min(480px,86vw)}.splash-bg{background-position:center top}}


/* === CIAME readability refinement: official transparent logo + premium contrast === */
.header{background:rgba(5,16,33,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(212,166,47,.32);}
.nav{min-height:68px;padding:8px 22px;}
.brand{gap:12px;}
.brand-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(242,210,120,.42)) drop-shadow(0 4px 12px rgba(0,0,0,.55));}
.brand-text strong{font-size:27px;color:#fff;letter-spacing:.075em;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.brand-text span{color:#e0bd59;font-size:10px;font-weight:900;letter-spacing:.105em;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.links a{color:#f6f8fb;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero:before{background:linear-gradient(90deg,rgba(3,10,22,.94) 0%,rgba(5,16,34,.86) 45%,rgba(5,16,34,.70) 100%),url('img/splash-ciame-wide.png') center center/cover no-repeat;}
.hero:after{background:radial-gradient(circle at 63% 48%,rgba(212,166,47,.16),transparent 28%),linear-gradient(180deg,rgba(5,14,29,.04),rgba(5,14,29,.74));}
.hero-wrap{gap:58px;}
.hero h1{text-shadow:0 8px 24px rgba(0,0,0,.58);}
.hero p{color:#f1f5fb;text-shadow:0 4px 18px rgba(0,0,0,.72);font-weight:500;}
.eyebrow{text-shadow:0 4px 14px rgba(0,0,0,.7)}
.hero-logo-box{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.30),rgba(255,255,255,.10) 42%,rgba(9,28,58,.50) 100%);border:1px solid rgba(242,210,120,.52);box-shadow:0 32px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.18),0 0 32px rgba(212,166,47,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.hero-logo-box img{max-width:360px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.56)) drop-shadow(0 0 18px rgba(242,210,120,.24));}
.splash-screen{animation:splashOut .75s ease forwards;animation-delay:2s;}
.splash-bg{background:url('img/splash-ciame-wide.png') center center/cover no-repeat;}
@media(max-width:900px){.brand-logo{width:48px;height:48px}.nav{min-height:64px}.brand-text strong{font-size:22px}.hero-logo-box{padding:18px}.hero-logo-box img{max-width:300px}.hero p{font-size:17px}.hero-wrap{gap:28px}}


/* === FINAL WHITE LOGO UPDATE: clean readable logo card === */
.header{background:rgba(5,16,33,.96)!important;border-bottom:1px solid rgba(212,166,47,.36)!important;}
.nav{min-height:72px!important;}
.brand-logo{width:58px!important;height:58px!important;object-fit:contain!important;background:#fff!important;border:1px solid rgba(212,166,47,.62)!important;border-radius:15px!important;padding:3px!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))!important;}
.brand-text strong{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.65)!important;}
.brand-text span{color:#f1c955!important;}
.hero:before{background:linear-gradient(90deg,rgba(3,10,22,.93) 0%,rgba(5,16,34,.84) 48%,rgba(5,16,34,.68) 100%),url('img/splash-ciame-wide.png') center center/cover no-repeat!important;}
.hero-logo-box{background:linear-gradient(145deg,#ffffff 0%,#fbfaf7 48%,#f2eadb 100%)!important;border:1px solid rgba(242,210,120,.78)!important;border-radius:30px!important;padding:26px!important;box-shadow:0 30px 80px rgba(0,0,0,.40),0 0 34px rgba(212,166,47,.18),inset 0 0 0 1px rgba(255,255,255,.75)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.hero-logo-box img{max-width:420px!important;filter:drop-shadow(0 14px 26px rgba(6,22,46,.18))!important;border-radius:20px!important;}
.splash-logo{background:#fff!important;border:1px solid rgba(242,210,120,.75)!important;border-radius:32px!important;padding:16px!important;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 46px rgba(212,166,47,.18)!important;filter:none!important;}
.splash-content{width:min(760px,86vw)!important;}
@media(max-width:900px){.brand-logo{width:50px!important;height:50px!important}.hero-logo-box{padding:18px!important}.hero-logo-box img{max-width:330px!important}.splash-logo{padding:10px!important;border-radius:22px!important}}