.area-main{overflow:hidden}
.area-hero{padding:clamp(4rem,8vw,8rem) 0 3rem;position:relative}
.area-hero:before{content:"";position:absolute;inset:-10% -20% auto 45%;height:34rem;background:radial-gradient(circle,rgba(91,234,255,.16),transparent 68%);pointer-events:none}
.area-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.area-kicker,.area-section-head span,.area-cta span{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(210,230,242,.62)}
.area-hero h1{font-size:clamp(3.6rem,8vw,8rem);line-height:.88;margin:.7rem 0 1.25rem;max-width:10ch}
.area-hero p{font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.7;max-width:62ch;color:rgba(232,242,248,.78)}
.area-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.area-actions a,.area-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.15rem;border-radius:999px;border:1px solid rgba(149,206,234,.24);background:rgba(10,24,37,.72);color:#effbff;text-decoration:none;backdrop-filter:blur(18px)}
.area-actions a:first-child,.area-cta a{background:linear-gradient(135deg,rgba(79,220,255,.18),rgba(180,120,255,.16));border-color:rgba(128,220,255,.38)}
.area-visual{position:relative;min-height:380px;border:1px solid rgba(149,206,234,.18);border-radius:38px;background:linear-gradient(145deg,rgba(16,38,57,.86),rgba(8,18,29,.88));display:grid;place-items:center;padding:2rem;box-shadow:0 28px 80px rgba(0,0,0,.35);overflow:hidden}
.area-visual:after{content:"";position:absolute;inset:auto -12% -22% 15%;height:55%;background:radial-gradient(circle,rgba(173,140,255,.18),transparent 68%)}
.area-visual img{width:min(100%,430px);max-height:300px;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.3))}
.area-visual span{position:absolute;left:1.5rem;bottom:1.3rem;font-size:.68rem;letter-spacing:.16em;color:rgba(226,241,249,.62)}
.area-section{padding:clamp(3.5rem,7vw,7rem) 0}
.area-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:2rem;align-items:end;margin-bottom:2rem}
.area-section-head h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96;margin:.55rem 0 0;max-width:10ch}
.area-section-head p{margin:0;color:rgba(232,242,248,.7);font-size:1.05rem;line-height:1.75}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.area-card,.area-process-grid article{border:1px solid rgba(149,206,234,.16);border-radius:30px;background:linear-gradient(145deg,rgba(16,34,51,.8),rgba(8,18,29,.72));padding:1.5rem;min-height:190px}
.area-card span,.area-process-grid span{font-size:.7rem;letter-spacing:.14em;color:rgba(120,225,255,.7)}
.area-card h3,.area-process-grid h3{font-size:clamp(1.25rem,2.2vw,1.8rem);margin:2.4rem 0 .4rem;line-height:1.15}
.area-process{background:linear-gradient(180deg,transparent,rgba(8,18,29,.32),transparent)}
.area-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.area-process-grid article{min-height:240px}
.area-process-grid p{color:rgba(226,238,245,.68);line-height:1.65}
.area-cta{padding:2rem 0 7rem}
.area-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid rgba(149,206,234,.18);border-radius:36px;background:linear-gradient(135deg,rgba(17,42,62,.82),rgba(20,20,44,.76))}
.area-cta h2{font-size:clamp(2rem,4.8vw,4.5rem);line-height:.96;margin:.55rem 0 0;max-width:12ch}
@media(max-width:900px){.area-hero-grid,.area-section-head{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.area-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-visual{min-height:290px}.area-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.area-hero{padding-top:3rem}.area-hero h1{font-size:clamp(3rem,16vw,5rem)}.area-process-grid{grid-template-columns:1fr}.area-card,.area-process-grid article{min-height:0}.area-section{padding:3.25rem 0}}