:root{color-scheme:dark;--night:#14292e;--panel:#213b40;--cream:#f8f1df;--muted:#b6c3be;--mint:#b6dfca;--line:#ffffff1d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#376a6440,transparent 46%),var(--night);color:var(--cream);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:4px}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.1}p{color:var(--muted)}header,main,footer{max-width:1240px;margin:auto;padding-inline:52px}
.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--mint);color:var(--night);padding:11px 16px}.skip:focus{top:10px}.site-header{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:23px Georgia,serif;white-space:nowrap}.brand img{border-radius:10px}.site-header nav{display:flex;gap:29px;font-size:14px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.23em;color:var(--mint);text-transform:uppercase;margin-bottom:24px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;min-height:700px;padding-block:65px 88px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(58px,6.5vw,86px);max-width:700px}.intro{font-size:19px;max-width:460px;margin-top:28px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:24px;padding:13px 22px;border-radius:40px;background:var(--mint);color:var(--night);font-weight:650;font-size:14px}.button:hover{background:#d4f0df;color:var(--night)}.coming{font-size:13px;max-width:185px}.detail{font-size:13px;margin-top:20px}
.hero-art{display:flex;align-items:center;flex-direction:column;min-width:0}.rain-scene{width:min(100%,480px);aspect-ratio:1.05;position:relative;isolation:isolate;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,#416d6a50,transparent 67%)}.scene-haze{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse,#b6dfca20,transparent 65%);filter:blur(12px)}.scene-cloud{position:absolute;left:50%;width:44%;height:15%;border-radius:55% 55% 38% 38%;transform:translateX(-50%);background:linear-gradient(150deg,#a6c3ba,#547770 70%,#355551);box-shadow:inset -8px -10px 20px #14383d55,0 15px 38px #b5e5d022}.scene-cloud:before,.scene-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.scene-cloud:before{width:45%;height:110%;left:8%;bottom:12%}.scene-cloud:after{width:53%;height:155%;right:10%;bottom:9%}.scene-cloud.back{top:23%;left:45%;opacity:.35;filter:blur(3px);transform:translateX(-50%) scale(.95);animation:cloud-back 7s ease-in-out infinite}.scene-cloud.front{top:23%;z-index:2;animation:cloud-front 5.5s ease-in-out infinite}.scene-lanes{position:absolute;inset:42% 10% 13%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-lane{position:relative;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.scene-drop{position:absolute;top:0;left:calc(50% - 7px);width:14px;height:14px;border-radius:52% 52% 52% 0;transform:rotate(135deg);background:var(--mint);box-shadow:0 0 16px #d0f9de90;animation:drop 3.7s ease-in infinite}.scene-lane:nth-child(2) .scene-drop{animation-delay:.9s}.scene-lane:nth-child(3) .scene-drop{animation-delay:1.8s}.scene-lane:nth-child(4) .scene-drop{animation-delay:2.7s}.scene-chime{display:grid;place-items:center;width:100%;height:63px;border:1px solid #c8e9d466;border-radius:16px;background:#b6dfca18;box-shadow:0 15px 30px #0002;color:var(--mint);font:700 19px -apple-system,sans-serif}.scene-chime:before{content:"♪";position:absolute;font-size:11px;transform:translateY(-18px);opacity:.62}.scene-chime b{transform:translateY(8px)}.hero-art figcaption{font:italic 16px Georgia,serif;color:var(--muted);text-align:center;margin-top:-4px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding:58px 0;border-block:1px solid var(--line)}.number{font-size:11px;letter-spacing:.15em;color:var(--mint)}.features h2{font-size:29px;margin:17px 0}.features p{font-size:14px}.screens{padding:100px 0}.screens h2{font-size:52px;max-width:660px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}.gallery figure:nth-child(2){margin-top:40px}.gallery figure:nth-child(3){margin-top:80px}.phone{border:6px solid #34575a;border-radius:35px;overflow:hidden;background:var(--night);box-shadow:0 25px 55px #0004}.phone img{width:100%;aspect-ratio:552/1200;object-fit:cover}.gallery figcaption{display:flex;gap:14px;margin-top:22px;font:18px/1.4 Georgia,serif}.gallery figcaption span{font:11px/2 -apple-system,sans-serif;color:var(--mint)}.quiet{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px;border-block:1px solid var(--line);padding:75px 0}.quiet h2{font-size:48px}.quiet p:not(.eyebrow){max-width:600px;margin-top:22px}.quiet-mark{font:190px Georgia,serif;color:var(--mint);opacity:.24;text-align:center;line-height:.8;transform:rotate(-12deg)}.contact{text-align:center;padding:80px 0}.contact .eyebrow{margin-bottom:15px}.contact h2{font-size:42px}.contact p:not(.eyebrow){margin:13px auto 20px}.contact a{color:var(--mint);font-size:18px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:35px 45px}.footer-brand{font:22px Georgia,serif}.footer-brand span{display:block;font:11px/2 -apple-system,sans-serif;color:var(--muted);margin-top:6px}.languages{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}.languages [aria-current]{color:var(--mint)}.document{max-width:760px;margin:auto;padding-top:80px;min-height:60vh}.document h1{font-size:65px;margin-bottom:34px;overflow-wrap:anywhere}.document>p{margin:20px 0}.document>h2{font-size:33px;margin-top:43px}.document .contact{margin-top:55px}
@keyframes cloud-front{0%,100%{transform:translateX(calc(-50% - 5px)) scale(.985)}50%{transform:translateX(calc(-50% + 5px)) scale(1.02)}}@keyframes cloud-back{0%,100%{transform:translateX(calc(-50% + 7px)) scale(.95)}50%{transform:translateX(calc(-50% - 7px)) scale(1)}}@keyframes drop{0%,12%{transform:translateY(0) rotate(135deg) scale(.75);opacity:0}23%{opacity:1}75%{transform:translateY(135px) rotate(135deg) scale(1.1);opacity:1}86%,100%{transform:translateY(160px) rotate(135deg) scale(1.18);opacity:0}}
@media(max-width:850px){header,main,footer{padding-inline:28px}.hero{min-height:600px}.hero h1{font-size:60px}.features{gap:24px}.gallery{gap:18px}.phone{border-width:4px;border-radius:25px}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){header,main,footer{padding-inline:22px}.site-header{min-height:86px;gap:14px}.brand{font-size:18px;gap:8px}.brand img{width:32px;height:32px}.site-header nav{gap:13px;font-size:12px}.hero{grid-template-columns:1fr;gap:22px;min-height:auto;padding:55px 0}.hero h1{font-size:clamp(48px,12vw,65px)}.intro{font-size:16px}.hero-art{max-width:350px;margin:auto;width:100%}.hero-art figcaption{font-size:14px}.features{grid-template-columns:1fr;gap:28px;padding:38px 0}.features article{padding-left:34px;position:relative}.number{position:absolute;left:0;top:3px}.features h2{margin:0 0 10px}.screens{padding:65px 0}.screens h2{font-size:40px}.gallery{grid-template-columns:1fr;gap:40px;max-width:310px;margin:35px auto 0}.gallery figure:nth-child(n){margin-top:0}.quiet{grid-template-columns:1fr;padding:55px 0}.quiet h2{font-size:39px}.quiet-mark{display:none}.contact{padding:55px 0}.contact h2{font-size:36px}.contact a{font-size:16px}.document{padding-top:50px}.document h1{font-size:48px}.eyebrow{letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-cloud,.scene-drop{animation:none}.scene-drop{opacity:.7}}