:root{--navy-dark: #09091c;--navy: #0a0a0a;--purple: #4a3fd6;--blue: #2f6fc9;--teal: #1d7172;--teal-bright: #2fd8c6;--text-light: #e9ecf5;--text-muted: #b7bcd6;font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Poppins,sans-serif;background:var(--navy-dark);color:var(--text-light)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{position:relative;overflow:hidden;min-height:100vh;background:radial-gradient(60% 60% at 100% 50%,rgba(29,113,114,.9) 0%,rgba(29,113,114,.35) 42%,transparent 74%),var(--navy-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,5vw,48px) clamp(20px,6vw,56px)}.layout{width:100%;max-width:1440px;display:grid;grid-template-columns:minmax(200px,320px) 1fr;grid-template-rows:auto auto auto;grid-template-areas:"logo    heading" ".       middle" "pillars footer";align-items:center;column-gap:clamp(24px,4vw,48px);row-gap:clamp(20px,3vw,28px)}.brand{grid-area:logo}.brand-logo{width:100%;max-width:320px;height:auto;display:block}.pillars{grid-area:pillars;display:flex;flex-direction:column;gap:30px}.pillars div{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:clamp(1.1rem,1.4vw + .9rem,1.7rem);letter-spacing:.5px;color:#fff;text-align:center;line-height:1.3}.heading,.middle,.footer-col{position:relative;z-index:1;width:min(680px,100%);margin-left:auto;text-align:left}.heading{grid-area:heading}.middle{grid-area:middle;margin-top:-18px}.footer-col{grid-area:footer}h1{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:clamp(1.9rem,2.2vw + 1.5rem,3.4rem);line-height:1.12;margin:0;text-align:left}h1 .line-1{color:#56508e}h1 .line-2{color:#78c1ad}h1 .accent{color:#fff}.intro{color:var(--text-muted);font-size:clamp(.85rem,.3vw + .8rem,.95rem);line-height:1.7;max-width:520px;margin-bottom:28px}.expertise h2,.notify h2{font-family:"Baloo 2",sans-serif;font-size:clamp(.95rem,.2vw + .9rem,1.05rem);font-weight:700;color:var(--teal-bright);margin-bottom:14px}.expertise ul{list-style:none;margin:0 0 32px;padding:0;columns:1}.expertise li{position:relative;padding-left:20px;margin-bottom:9px;font-size:.9rem;color:var(--text-light)}.expertise li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--teal-bright)}.notify-box{display:flex;gap:18px;align-items:flex-start;border:1px solid rgba(63,214,200,.4);border-radius:10px;padding:18px 22px;background:#ffffff08;max-width:520px}.notify-icon{flex-shrink:0;width:36px;height:36px;color:var(--teal-bright);margin-top:4px}.notify-icon svg{width:100%;height:100%}.notify-text p{margin:0 0 10px;font-size:.9rem;color:var(--text-light)}.notify-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.notify-form input[type=email]{flex:1 1 160px;min-width:150px;padding:9px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:var(--text-light);font-family:inherit;font-size:.85rem}.notify-form input[type=email]::placeholder{color:var(--text-muted)}.notify-form input[type=email]:focus{outline:none;border-color:var(--teal-bright)}.cta{border:none;cursor:pointer;padding:9px 18px;border-radius:6px;font-family:inherit;font-weight:600;font-size:.85rem;color:#06251f;background:linear-gradient(90deg,var(--teal-bright),#6fd6e6);transition:opacity .15s ease;white-space:nowrap}.cta:hover{opacity:.88}.mail-link{display:inline-block;color:var(--teal-bright);text-decoration:underline;font-size:.85rem}.contact-line{margin-top:20px;font-size:.8rem;color:var(--text-muted);line-height:1.55;max-width:480px}.contact-line a{color:var(--text-light);text-decoration:none}@media(max-width:860px){.page{min-height:100vh;padding:32px 24px}.layout{grid-template-columns:1fr;grid-template-areas:"logo" "heading" "middle" "pillars" "footer";row-gap:24px}.pillars{gap:10px}.pillars div{text-align:left}.heading,.middle,.footer-col{margin-left:0}.notify-box{flex-direction:column}}@media(max-width:480px){.page{padding:24px 18px}.brand-logo{max-width:220px}.layout{row-gap:20px}.pillars{gap:8px}.notify-box{padding:16px}.notify-form{flex-direction:column;align-items:stretch}.notify-form input[type=email]{flex:none}.cta{width:100%}}