@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#2478f2;--deep:#07101b;--ink:#0b1017;--muted:#687587;--line:#dce5ef;--soft:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:30;top:0;left:0;height:3px;width:0;background:var(--blue)}
nav{height:70px;position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fff;backdrop-filter:none;border-bottom:1px solid #edf1f5}.logo{font-size:19px;font-weight:800;letter-spacing:-.065em;color:#000}.navlinks{display:flex;gap:28px;font-size:12px;font-weight:600;letter-spacing:-.025em;color:#202832}.navlinks a{transition:.25s}.navlinks a:hover{color:var(--blue)}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--blue);margin:0 0 20px}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px 7vw 60px;overflow:hidden;background:radial-gradient(circle at 80% 45%,#e8f2ff,transparent 33%),linear-gradient(135deg,#fff,#f4f7fa)}.hero h1{font-size:clamp(48px,6.6vw,98px);line-height:.93;letter-spacing:-.07em;margin:0 0 30px}.hero h1 span,h2 span{color:#8b97a6}.lead{max-width:570px;font-size:18px;line-height:1.65;color:#5d6978}.scrollhint{display:flex;align-items:center;gap:12px;margin-top:38px;color:#566273;font-size:12px}.scrollhint span{width:32px;height:32px;border:1px solid #b8c5d5;border-radius:50%;position:relative}.scrollhint span:after{content:"↓";position:absolute;inset:0;display:grid;place-items:center;color:var(--blue)}
.hero-stage{height:650px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#1d72f330,transparent 60%)}.orb{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 27% 22%,#fff,#c7ddfb 30%,#2a7ef1 68%,#093d96);box-shadow:0 45px 120px #2478f34d;animation:float 6s ease-in-out infinite}.wire{position:absolute;border:1px solid #2478f34f;border-radius:50%;width:400px;height:400px;transform:rotateX(68deg) rotateZ(25deg);animation:spin 14s linear infinite}.w2{width:500px;height:500px;animation-duration:20s}.w3{width:600px;height:600px;animation-duration:27s}.floating-card{position:absolute;padding:12px 14px;border:1px solid #fff;background:#ffffffa8;backdrop-filter:blur(12px);font-size:9px;letter-spacing:.16em;color:#637184;box-shadow:0 20px 50px #16375c15}.floating-card b{font-size:20px;color:var(--blue)}.c1{left:4%;top:20%;animation:float2 5s ease-in-out infinite}.c2{right:5%;bottom:20%;animation:float2 7s ease-in-out infinite reverse}
.cinema{min-height:90vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:10vw 7vw;background:#fff}.cinema h2,.section-intro h2,.transform h2,.history h2{font-size:clamp(44px,5.5vw,82px);line-height:.96;letter-spacing:-.065em;margin:0}.cinema-copy p:not(.eyebrow){max-width:430px;color:var(--muted);line-height:1.7}.idea-object{height:600px;position:relative;display:grid;place-items:center}.object-core{width:300px;height:300px;border-radius:22px;background:linear-gradient(135deg,#dfeeff,#2478f2);box-shadow:30px 35px 80px #2478f340;transform:rotate(-10deg);animation:float 7s ease-in-out infinite}.sketch-lines{position:absolute;width:380px;height:380px;border:1px dashed #2478f380;transform:rotate(22deg);border-radius:20px}.tag{position:absolute;bottom:8%;right:10%;font-size:10px;letter-spacing:.18em;color:#697689}
.transform{height:160vh;background:var(--soft);position:relative}.transform-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;padding:8vw 7vw;gap:5vw}.transform-copy p:last-child{color:var(--muted)}.transform-visual{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:20px}.sketch-card,.real-card{height:430px;border-radius:18px;background:#fff;box-shadow:0 25px 70px #122b4512;position:relative;overflow:hidden;padding:20px;font-size:9px;letter-spacing:.18em;color:#8491a1}.architecture-drawing{position:absolute;inset:22%;border:1px solid #7e8b9a;background:repeating-linear-gradient(0deg,transparent 0 28px,#8b99a855 29px),repeating-linear-gradient(90deg,transparent 0 35px,#8b99a855 36px);transform:skewY(-9deg)}.real-card{background:linear-gradient(145deg,#09111b,#223a55);color:#fff}.architecture-model{position:absolute;inset:20%;border:1px solid #6ea7ff;background:linear-gradient(135deg,#2c78ed55,#fff0);transform:rotate(-7deg);box-shadow:35px 35px 0 -10px #2478f355}.transform-arrow{font-size:32px;color:var(--blue);text-align:center}
.possibilities{padding:12vw 7vw}.poss-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;margin-top:70px}.poss{min-height:350px;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.poss.big{grid-row:span 2;min-height:715px}.visual{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#2478f388,transparent 30%),linear-gradient(145deg,#07101b,#263b55);opacity:.95}.poss{position:relative;color:#fff}.poss h3,.poss p{position:relative;margin:0}.poss h3{font-size:24px;letter-spacing:-.04em}.poss p{font-size:12px;color:#bdc7d4;margin-top:8px}.v2{background:linear-gradient(135deg,#f1f5f9,#9eb6d2)}.v3{background:linear-gradient(135deg,#101c2a,#31577c)}.v4{background:linear-gradient(135deg,#dbe8f5,#1e5eac)}.v5{background:linear-gradient(135deg,#eef3f8,#8798aa)}
.statement{min-height:70vh;display:grid;place-items:center;text-align:center;padding:12vw 8vw;background:#07101b;color:#fff}.statement h2{font-size:clamp(46px,7vw,100px);line-height:.94;letter-spacing:-.07em;margin:0}
.process{padding:12vw 7vw}.process-list{margin-top:70px;border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:70px 1fr 40px;gap:30px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.process-row b{font-size:11px;color:var(--blue)}.process-row h3{font-size:27px;margin:0 0 10px;letter-spacing:-.04em}.process-row p{max-width:650px;color:var(--muted);line-height:1.6;margin:0;font-size:14px}.process-row>span{font-size:24px;color:var(--blue)}
.history{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:12vw 7vw;background:var(--soft)}.history-machine{height:600px;position:relative;display:grid;place-items:center;overflow:hidden}.machine-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#2478f33b,transparent 60%)}.machine-box{width:320px;height:430px;background:linear-gradient(145deg,#101923,#314a65);box-shadow:35px 40px 80px #07101b33;border-radius:18px;padding:35px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(700px) rotateY(-12deg);transition:.5s}.history-machine:hover .machine-box{transform:perspective(700px) rotateY(0) translateY(-8px)}.machine-box span{font-size:10px;letter-spacing:.18em}.machine-box strong{font-size:43px;line-height:.86;letter-spacing:-.06em}.history-copy p:not(.eyebrow){color:var(--muted);line-height:1.7}.machines{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:35px;font-size:9px;letter-spacing:.12em}.machines span{background:#fff;border:1px solid #ccd7e4;border-radius:99px;padding:9px 11px}.machines i{font-style:normal;color:var(--blue)}
.challenge{background:#050a11;color:#fff;padding:12vw 7vw;min-height:90vh}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.counter{font-size:clamp(130px,20vw,290px);line-height:.75;font-weight:800;letter-spacing:-.1em;background:linear-gradient(#fff,#397cc9);-webkit-background-clip:text;color:transparent}.challenge h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.065em}.challenge p{max-width:540px;color:#a7b2c0;line-height:1.7}.outline{display:inline-block;border:1px solid #71839a;border-radius:99px;padding:14px 18px;margin-top:15px;font-size:12px}.days{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#263444}.days div{aspect-ratio:1;background:#09111b;display:grid;place-items:center;font-size:clamp(25px,4vw,55px);font-weight:700;color:#5e7188;transition:.3s}.days div:hover{background:#2478f2;color:#fff;transform:scale(1.03)}
.projects{padding:12vw 7vw}.project-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.project{height:470px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:#fff;background:#0b1521;position:relative;overflow:hidden}.project:before{content:"";position:absolute;inset:20% 10%;border:1px solid #2478f266;transform:rotate(-8deg);box-shadow:0 0 80px #2478f33b}.p2{background:#dfe8f2;color:#0b1017}.p3{background:#17293d}.project span,.project b{position:relative}.project span{font-size:10px}.project b{font-size:28px;letter-spacing:-.04em}
.contact{padding:14vw 7vw;text-align:center;background:linear-gradient(135deg,#edf5ff,#fff)}.contact h2{font-size:clamp(62px,9vw,125px);line-height:.85;letter-spacing:-.08em;margin:0 0 30px}.contact p{max-width:570px;margin:auto;color:var(--muted);line-height:1.6}.upload{display:flex;align-items:center;gap:20px;margin:35px auto 20px;border:1px dashed #8ea5c0;background:#fff;padding:18px 24px;border-radius:14px;font:inherit;cursor:pointer}.upload small{font-size:9px;color:#7d8997}.contact a{color:var(--blue);font-size:12px}footer{padding:28px 7vw;background:#050a11;color:#8290a0;display:flex;justify-content:space-between;font-size:10px}footer strong{color:#fff}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-18px) scale(1.02)}}@keyframes float2{50%{transform:translate(12px,-18px)}}@keyframes spin{to{transform:rotateX(68deg) rotateZ(385deg)}}
@media(max-width:850px){.navlinks{display:none}.hero,.cinema,.transform-sticky,.history,.challenge-grid{grid-template-columns:1fr}.hero-stage{height:420px;order:-1}.transform{height:auto}.transform-sticky{position:relative;height:auto;padding:90px 6vw}.transform-visual{margin-top:50px;grid-template-columns:1fr}.transform-arrow{transform:rotate(90deg)}.poss-grid{grid-template-columns:1fr}.poss.big{grid-row:auto;min-height:450px}.project-strip{grid-template-columns:1fr}.history-machine{height:450px}.history{gap:40px}.days{margin-top:30px}.section-intro h2,.cinema h2,.transform h2,.history h2{font-size:48px}}
@media(max-width:520px){.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:50px}.hero-stage{height:350px}.orb{width:180px;height:180px}.wire{width:280px;height:280px}.w2{width:340px;height:340px}.w3{width:400px;height:400px}.idea-object{height:400px}.object-core{width:210px;height:210px}.sketch-card,.real-card{height:300px}.process-row{grid-template-columns:40px 1fr 25px;gap:10px}.process-row h3{font-size:22px}.machine-box{width:250px;height:340px}.machine-box strong{font-size:35px}footer{flex-wrap:wrap;gap:12px}}