:root{--paper:#fbfdfc;--ink:#13353b;--muted:#61777a;--line:#dce9e6;--deep:#e9f7f5;--mint:#dff5f2;--bright:#67d6e5;--white:#fff;--page-width:1216px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
button,input{font-family:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #1b7e86;outline-offset:4px}
button:focus-visible{outline:3px solid #1b7e86;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
.container{width:min(var(--page-width),calc(100% - 84px));margin-left:auto;margin-right:auto}
.skip-link{position:absolute;top:-150px;left:12px;z-index:9999;background:white;color:black;padding:12px}
.skip-link:focus{top:12px}
.announcement{height:38px;background:#edf9f7;color:#2e5f64;font-size:10px;font-weight:650;letter-spacing:.16em;border-bottom:1px solid var(--line)}
.announcement-inner{height:100%;display:flex;align-items:center;gap:10px}
.announcement-dot{width:6px;height:6px;border-radius:50%;background:#54d3e1;flex:0 0 6px}
.announcement-right{margin-left:auto;color:#6d8a8e}
.site-header{display:flex;height:104px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand,.simple-brand{display:inline-flex;align-items:center;width:220px;height:54px}
.brand img,.simple-brand img{width:100%;height:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:650;letter-spacing:.04em}
.nav a:not(.nav-contact):hover{color:#0f98a6}
.nav-contact{padding:13px 18px;border:1px solid #b8d8d4;border-radius:999px;background:#ffffff;transition:background .2s ease,color .2s ease,border-color .2s ease}
.nav-contact:hover{background:#ebf9f7;color:var(--ink);border-color:#9ddde6}
.nav-contact span{margin-left:13px;font-size:16px}
.hero{display:grid;grid-template-columns:53% 47%;padding-top:54px;padding-bottom:74px;min-height:635px}
.hero-copy{display:flex;flex-direction:column;padding:51px 58px 17px 0}
.eyebrow,.section-index{font-weight:700;letter-spacing:.15em;font-size:10px;line-height:1.8}
.eyebrow{display:flex;align-items:center;gap:11px;color:#526b65}
.tiny-square{background:#43cfe0;width:7px;height:7px;transform:rotate(45deg)}
.hero h1{font-weight:610;letter-spacing:-.072em;line-height:1.015;font-size:clamp(58px,5.6vw,84px);max-width:610px;margin:28px 0 24px}
.hero-description{font-size:17px;line-height:1.8;max-width:500px;color:#557174;margin:0}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:40px;flex-wrap:wrap}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#163d44;border:1px solid #163d44;color:#fff;padding:17px 19px;border-radius:999px;font-size:13px;font-weight:650;min-width:233px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px rgba(20,62,68,.08)}
.primary-link span{font-size:19px;font-weight:400}
.primary-link:hover{background:#20535c;transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,62,68,.12)}
.hero-note{font-size:11px;color:#6a8083}
.hero-bottom-note{display:flex;align-items:center;gap:12px;margin-top:auto;color:#667977;font-size:10px;font-weight:700;letter-spacing:.17em;padding-top:64px}
.small-line{height:1px;width:30px;background:#b6cdca}
.hero-art{height:558px;min-height:558px;background:linear-gradient(180deg,#f3fbfa 0%,#e7f8f6 100%);position:relative;overflow:hidden;border:1px solid #d9efeb;border-radius:28px;color:#295b61}
.hero-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,transparent calc(100% - 1px),rgba(67,207,224,.06) calc(100% - 1px)),linear-gradient(90deg,transparent calc(100% - 1px),rgba(67,207,224,.06) calc(100% - 1px));background-size:48px 48px;pointer-events:none}
.art-meta,.art-caption{display:flex;justify-content:space-between;gap:12px;position:absolute;left:26px;right:26px;z-index:1;font-size:9px;letter-spacing:.13em;font-weight:600;color:#6f9595}
.art-meta{top:27px}.art-caption{bottom:26px}
.orbit-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.art-center-mark{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#163d44;font-size:30px;font-weight:550;letter-spacing:-.05em;line-height:1.12;white-space:nowrap;text-shadow:0 8px 24px rgba(86,174,185,.15)}
.art-center-mark>span{display:block;font-weight:400;letter-spacing:.04em;font-size:15px;margin-top:7px}
.mark-dot{color:#43cfe0}
.idea,.how{display:grid;grid-template-columns:25% 75%;border-top:1px solid var(--line)}
.idea{padding-top:69px;padding-bottom:100px}
.section-index{color:#6f8b8e}
.idea-body{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:60px}
.idea h2,.how h2{font-size:clamp(31px,3.1vw,45px);line-height:1.15;letter-spacing:-.055em;font-weight:600;max-width:360px;margin:0}
.idea p{font-size:15px;color:#627b7e;line-height:1.85;max-width:405px;margin:1px 0 0}
.launch-section{background:linear-gradient(180deg,#f3fbfa 0%,#e8f7f5 100%);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.launch-inner{display:grid;grid-template-columns:48% 52%;gap:22px;padding-top:82px;padding-bottom:87px}
.on-dark{color:#6c8f90}
.launch-intro h2{font-weight:570;letter-spacing:-.061em;font-size:clamp(38px,4.1vw,57px);line-height:1.12;margin:24px 0 20px}
.launch-intro p{color:#607b7f;max-width:395px;line-height:1.75;font-size:14px;margin:0 0 30px}
.launch-intro strong{color:#163d44;font-weight:700}
.light-link{display:inline-flex;border-bottom:1px solid #9fcfd6;gap:54px;padding-bottom:8px;font-size:13px;font-weight:600;transition:gap .2s ease;color:#163d44}
.light-link:hover{gap:70px}
.light-link span{font-size:17px}
.countdown-wrap{border-left:1px solid #cfe7e5;padding-left:60px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.timer-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.16em;color:#4f7a80;font-weight:700;margin-bottom:26px}
.timer-zone{letter-spacing:.05em;color:#6b8f93}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.counter{border-top:1px solid #b9dbd7;padding-top:17px;display:flex;flex-direction:column;min-width:0}
.counter>span{font-size:clamp(33px,4.6vw,65px);font-weight:480;letter-spacing:-.08em;font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap}
.counter small{margin-top:12px;color:#6f9396;font-size:10px;letter-spacing:.15em;font-weight:700}
.countdown-finished{font-size:14px;color:#5d8488;line-height:1.6}
.timer-foot{border-top:1px solid #cfe7e5;color:#6f8f93;font-weight:600;font-size:9px;letter-spacing:.15em;padding-top:18px;margin-top:33px}
.how{padding-top:72px;padding-bottom:90px}
.how-body h2{margin-bottom:44px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.feature{border-top:1px solid #c8ddda;padding-top:18px}
.feature-n{font-size:10px;letter-spacing:.13em;font-weight:750;color:#24a7b6}
.feature h3{font-size:18px;letter-spacing:-.03em;font-weight:620;margin:26px 0 12px}
.feature p{font-size:13px;line-height:1.7;color:#627b7e;margin:0}
.feature-note{font-size:11px;color:#718b8f;margin:31px 0 0}
.site-footer{background:#ffffff;border-top:1px solid #ddebe8}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding-top:42px;padding-bottom:42px}
.footer-brand{display:flex;align-items:center;gap:22px}
.footer-brand img{width:168px;max-height:56px;object-fit:contain}
.footer-brand>span{font-size:13px;color:#607b7e}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.footer-contact>span{font-size:9px;font-weight:700;letter-spacing:.17em;color:#799296}
.footer-contact>a{font-size:15px;letter-spacing:-.01em;border-bottom:1px solid #9fcfd6;padding-bottom:4px;font-weight:600}
.footer-contact>a span{font-size:18px;padding-left:16px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e0ecea;padding-top:23px;padding-bottom:27px;font-size:10px;color:#6f8284}
.footer-bottom span:last-child{letter-spacing:.1em;font-weight:650;color:#5d7b7f}
.simple-page{min-height:75vh;padding-top:70px;padding-bottom:100px;max-width:840px}
.simple-brand{margin-bottom:60px}
.simple-page h1{font-size:48px;letter-spacing:-.05em}
.simple-page p,.simple-page li{line-height:1.8}
@media(max-width:1080px){
  .container{width:calc(100% - 60px)}
  .hero{grid-template-columns:52% 48%}
  .hero-copy{padding-right:32px}
  .hero h1{font-size:clamp(54px,6.1vw,70px)}
  .hero-note{display:none}
  .idea-body{gap:32px}
  .countdown-wrap{padding-left:32px}
}
@media(max-width:760px){
  .container{width:calc(100% - 36px)}
  .announcement{height:34px;font-size:8px;letter-spacing:.1em}
  .announcement-right{font-size:8px}
  .site-header{height:78px}
  .brand{width:185px;height:46px}
  .nav{gap:16px}
  .nav>a:nth-child(-n+2){display:none}
  .nav-contact{font-size:11px;padding:11px 12px}
  .nav-contact span{margin-left:8px}
  .hero{display:flex;flex-direction:column;padding-top:20px;padding-bottom:52px;min-height:initial}
  .hero-copy{padding:42px 1px 38px}
  .eyebrow{font-size:9px;letter-spacing:.13em}
  .hero h1{font-size:clamp(51px,10.8vw,77px);margin:26px 0 21px;max-width:620px}
  .hero-description{font-size:15px;line-height:1.8;max-width:520px}
  .hero-actions{margin-top:29px}
  .hero-note{display:inline;font-size:10px}
  .hero-bottom-note{padding-top:45px;font-size:9px}
  .hero-art{height:420px;min-height:420px}
  .art-center-mark{font-size:28px}
  .idea,.how{display:block}
  .idea{padding-top:40px;padding-bottom:65px}
  .section-index{margin-bottom:22px}
  .idea-body{display:block}
  .idea h2{margin-bottom:23px}
  .idea p{max-width:550px}
  .launch-inner{display:block;padding-top:58px;padding-bottom:60px}
  .launch-intro h2{font-size:47px}
  .launch-intro p{max-width:500px}
  .countdown-wrap{border-left:0;border-top:1px solid #38565a;padding:31px 0 0;margin-top:45px}
  .counter>span{font-size:clamp(39px,9vw,59px)}
  .how{padding-top:55px;padding-bottom:65px}
  .how-body h2{margin-bottom:32px}
  .features{gap:16px}
  .feature h3{font-size:16px}
  .footer-top{align-items:flex-start}
  .footer-brand{display:block}
  .footer-brand>span{display:block;margin-top:10px}
}
@media(max-width:460px){
  .announcement-right{font-size:7px}
  .nav-contact{padding:10px 11px}
  .hero h1{font-size:clamp(48px,12.3vw,59px)}
  .hero-description{font-size:14px}
  .hero-actions{gap:14px}
  .primary-link{min-width:225px}
  .hero-art{height:370px;min-height:370px}
  .art-meta,.art-caption{left:15px;right:15px;font-size:8px}
  .art-center-mark{font-size:25px}
  .idea h2,.how h2{font-size:36px}
  .launch-intro h2{font-size:43px}
  .timer-heading{flex-direction:column;gap:6px}
  .countdown{gap:7px}
  .counter>span{font-size:clamp(35px,10vw,46px)}
  .counter small{font-size:8px}
  .features{display:block}
  .feature{margin-top:24px}
  .feature h3{margin:15px 0 9px}
  .feature p{max-width:300px}
  .footer-top{display:block;padding-top:33px;padding-bottom:29px}
  .footer-contact{align-items:flex-start;margin-top:33px}
  .footer-bottom{display:block;line-height:1.9;font-size:9px}
  .footer-bottom span{display:block}
  .footer-bottom span:last-child{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}