/* Original glass-led visual direction. Illustrations are decorative, not product UI. */
:root{--blue:#4bb6fe;--navy:#525967;--brand:#0084ff;--selected-accent:#4cb7ff;--text:#53697c}
.header{height:86px;border-bottom:0;background:#ffffffdb}
.header nav{gap:35px}.header .nav-contact{padding:11px 18px;border:1px solid #d9e5ef;border-radius:30px}
.hero{margin:0 18px;border:1px solid #e1eefb;border-radius:24px;background:radial-gradient(ellipse at 76% 50%,#dceeff 0,transparent 55%),linear-gradient(115deg,#f8fcff,#eef7ff 65%,#e5f2ff);position:relative}
.hero-layout{grid-template-columns:1.05fr 1fr;min-height:720px;padding-top:64px;padding-bottom:45px;gap:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(50px,5.2vw,76px);max-width:690px;line-height:1.07;font-weight:500;letter-spacing:-.06em}.hero h1 span{color:var(--blue)}.hero .intro{max-width:438px;margin-top:29px}.status{background:#ffffffa6;border:1px solid white;border-radius:30px;width:fit-content;padding:10px 14px;box-shadow:0 4px 18px #a5cbea12;font-size:9px}.button{border-radius:30px;background:linear-gradient(125deg,var(--brand),var(--blue));box-shadow:0 9px 25px #2477c22b;padding-left:27px;padding-right:25px}.button:hover{background:var(--navy)}.hero-art{margin:0 -50px 0 -65px;position:relative;max-width:730px}.glass-sculpture{display:block;width:100%;height:auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);animation:glass-entrance 2.6s cubic-bezier(.2,.7,.2,1) both}.glass-caption{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.07em;color:#476f90;margin-top:0}.glass-caption span{height:5px;width:5px;border-radius:50%;background:#3197ec;box-shadow:0 0 0 4px #ffffff7a}.hero-foot{border-color:#bcd7ec80;padding-top:22px;padding-bottom:23px}.hero-foot a{background:#ffffff88;border-color:#fff}
@keyframes glass-entrance{from{opacity:0;transform:translateY(22px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.problem{padding-top:115px;padding-bottom:100px}.section-label{letter-spacing:.22em;font-size:10px}.problem-grid{border-top:0;gap:20px;margin-top:46px}.problem-grid article,.problem-grid article+article{border:1px solid #e4edf5;border-radius:14px;padding:29px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 10px 40px #173b6104}.problem-grid svg{color:var(--blue)}.problem-grid h3{font-size:19px}.problem-grid p{font-size:14px}.vision{margin:0 18px;border:1px solid #e0ecf9;border-radius:24px;background:radial-gradient(ellipse at 85% 60%,#d0e6ff77,transparent 65%),linear-gradient(125deg,#f8fcff,#edf6ff);overflow:hidden}.vision-layout{grid-template-columns:1fr 1.1fr;gap:50px}.vision h2{font-size:clamp(37px,3.5vw,50px)}.benefits article{border-top-color:#cdddeda3}.benefits article>span{color:var(--blue)}.schedule-art{position:relative;width:100%;aspect-ratio:1;perspective:1000px;isolation:isolate;margin-top:30px}.schedule-halo{position:absolute;inset:7% -5% -5%;background:radial-gradient(ellipse,#a7d5ff66,transparent 66%);filter:blur(18px)}.glass-plane{position:absolute;border-radius:19px;border:1.5px solid #fff;box-shadow:0 24px 45px #477bb51c,inset 0 0 24px #ffffff75;background:linear-gradient(135deg,#ffffff9c,#deefff4d);transform:rotateY(-18deg) rotateX(10deg) rotateZ(-7deg)}.plane-back{width:82%;height:67%;left:3%;top:1%;background:#e9f5ff55;border-color:#ffffffb3;transform:translate(-5px,-4px) rotateY(-18deg) rotateX(10deg) rotateZ(-7deg)}.plane-main{width:86%;height:69%;left:8%;top:6%;backdrop-filter:blur(8px)}.plane-rim{display:flex;gap:6px;align-items:center;height:16%;border-bottom:1px solid #bdd7ef60;padding-left:21px}.plane-rim i{width:5px;height:5px;border:1px solid #9cc6e5;border-radius:50%}.time-grid{position:absolute;inset:19% 5% 7%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#b8d4ec55 calc(16.666% - 1px),#b8d4ec55 16.666%)}.time-bar{position:absolute;height:12%;border:1px solid #ffffffdf;border-radius:7px;background:linear-gradient(110deg,#e4faff 0,#88c8fa 43%,#65a4ee);box-shadow:0 7px 14px #3778b226,inset 0 2px 6px #ffffff90}.bar-one{top:5%;left:3%;width:25%}.bar-two{top:23%;left:17%;width:33%}.bar-three{top:41%;left:34%;width:38%}.bar-four{top:59%;left:50%;width:31%}.bar-five{top:77%;left:69%;width:25%}.glass-plinth{position:absolute;z-index:-1;left:2%;right:0;top:72%;height:12%;border-radius:20px;transform:rotateZ(-7deg) skewX(-20deg);border:1px solid #fff;background:linear-gradient(180deg,#fff9,#c3e2fe88);box-shadow:0 12px 0 #cee6fd66,0 13px 0 #ffffff,0 29px 38px #4689c723}.schedule-art>p{position:absolute;top:93%;width:100%;text-align:center;font-size:12px;line-height:1.6;color:#557b99}.schedule-art strong{font-weight:500;color:#294f6b}.about{padding:115px 0}.experience{display:none}.architectural-mark{gap:9px}.architectural-mark span{border-radius:4px;border-color:#c6e6ff;background:linear-gradient(140deg,#fff,#b9ddff);box-shadow:4px 4px 12px #8ebcdd22}.contact{margin:0 18px;border-radius:24px;border:1px solid #dfedfb;background:radial-gradient(ellipse at 50% 110%,#bcdfff,transparent 70%),linear-gradient(125deg,#f8fcff,#edf6ff)}.contact:before,.contact:after{border-color:#c0ddf3;box-shadow:inset 0 0 70px #fff6,0 0 25px #ffffff70}.contact .button{background:linear-gradient(125deg,var(--brand),var(--blue))}
@media(min-width:1600px){.hero-layout{min-height:790px}.hero h1{font-size:80px}}
@media(max-width:1100px) and (min-width:761px){.hero-layout{min-height:675px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:58px}.hero-art{margin-left:-40px;margin-right:-30px}.vision-layout{gap:25px}.schedule-art{margin-top:0}.problem-grid article,.problem-grid article+article{padding:23px}.problem-grid h3{font-size:17px}}
@media(max-width:850px) and (min-width:761px){.hero h1{font-size:51px}.hero .intro{font-size:14px}.hero-art{margin-left:-15px}.vision-layout{grid-template-columns:1.1fr 1fr}.vision h2{font-size:37px}}
@media(max-width:760px){.header{height:76px}.header nav{gap:18px}.header .nav-contact{padding:8px 0;border:0}.hero,.vision,.contact{margin:0 8px;border-radius:18px}.hero .wrap,.vision .wrap,.contact .wrap{width:calc(100% - 36px)}.hero-layout{padding-top:32px;padding-bottom:12px;min-height:0}.hero h1{font-size:clamp(42px,10.5vw,67px);line-height:1.09;max-width:570px}.hero .intro{font-size:14px;max-width:490px;margin-top:24px}.status{font-size:8px;padding:9px 11px;gap:8px;margin-bottom:24px}.hero-art{margin:0 auto;width:100%;max-width:450px}.glass-sculpture{margin-top:-10px}.glass-caption{margin-top:-17px;margin-bottom:19px;font-size:9px}.hero-foot p{font-size:10px}.hero-foot{padding-top:19px;padding-bottom:19px}.problem{padding:67px 0}.problem-grid{gap:12px;margin-top:26px}.problem-grid article,.problem-grid article+article{padding:23px 18px 23px 73px}.problem-grid svg{left:17px;width:38px;top:24px}.problem-grid h3{font-size:17px}.problem-grid p{font-size:13px}.vision-layout{grid-template-columns:1fr;gap:16px}.vision h2{font-size:37px}.schedule-art{max-width:460px;justify-self:center;aspect-ratio:1.05;margin:26px 0 40px}.schedule-art>p{top:91%}.about{padding:70px 0}.contact-inner{padding-top:60px}.contact h2{font-size:42px}.footer{padding:32px 0}}
@media(max-width:360px){.hero h1{font-size:39px}.status{font-size:7px}.hero .intro{font-size:13px}.header nav{gap:15px}.problem-grid h3{font-size:16px}.vision h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.glass-sculpture{animation:none}}

.hero h1 span.selected-accent,.section-heading h2 .selected-accent,.about h2 .selected-accent{color:var(--selected-accent)}
