@charset "UTF-8";
:root{--navy:#071b36;--ink:#122743;--blue:#087bfd;--cyan:#06bce8;--muted:#607187;--line:#dce5ee;--paper:#f4f7fa;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button,a,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00a9d9}button:disabled{cursor:default}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(32px,4vw,49px)}h3{font-size:22px;letter-spacing:-.025em}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.header{height:86px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e6edf4}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.logo{display:block;width:193px;height:56px;position:relative;overflow:hidden;flex-shrink:0}.logo img{position:absolute;max-width:none;width:213px;height:213px;left:-9px;top:-77px}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;font-weight:700}.nav a:hover{color:var(--blue)}.language{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:bold;border-left:1px solid var(--line);padding-left:22px}.language a{padding:5px 7px;color:#63758b}.language [aria-current]{color:#0677e5;background:#eaf4ff;border-radius:5px}.menu-toggle{display:none;background:none;color:var(--navy);padding:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:13px 23px;border:1px solid transparent;border-radius:7px;font-size:14px;line-height:1.5;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:#087bfa;box-shadow:0 6px 22px #0078fa25}.primary:hover{background:#006ae0}.secondary{color:white;border-color:#47627d;background:#ffffff06}.light-button{color:var(--ink);border-color:var(--line);background:#fff}.small{padding:9px 15px;font-size:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 75%,#064b6a 0,transparent 48%),linear-gradient(115deg,#07182f,#0a2444);color:#fff;padding:82px 0 40px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#78caff06 1px,transparent 1px),linear-gradient(90deg,#78caff06 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000)}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:38px;align-items:center;position:relative;min-height:420px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#1684ee;display:block;margin-bottom:20px}.hero .eyebrow{color:#71d7f8;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:#54ddbb;border-radius:100%;display:inline-block;box-shadow:0 0 10px #51e4ac80}.hero h1{font-size:clamp(44px,4.9vw,66px);letter-spacing:-.055em;line-height:1.06;margin-bottom:24px}.hero h1 span{color:#36c5f0}.hero p{color:#aabdd3;font-size:16px;max-width:440px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 21px}.micro{font-size:11px!important;color:#839bb4!important}.hero-visual{position:relative;padding:15px 0 40px}.hero-visual img{width:100%;border-radius:11px;box-shadow:0 24px 60px #0006;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);border:1px solid #406580}.concept-label{position:absolute;right:10px;top:-16px;color:#91b8d7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.floating{position:absolute;bottom:8px;right:-10px;border:1px solid #276082;background:#0a2944ee;border-radius:9px;box-shadow:0 8px 25px #0004;padding:13px 22px;display:flex;align-items:center;gap:14px;font-size:12px;color:#b9d1e4}.floating strong{font-size:14px;display:block;color:#fff}.float-icon{font-size:25px;color:#54debb}.hero-bottom{position:relative;margin-top:45px;border-top:1px solid #ffffff16;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#9bb0c6;font-size:12px}.hero-bottom span{display:flex;gap:10px;align-items:center}.hero-bottom b{color:#d2e2f1;font-weight:500}.tech{border-bottom:1px solid var(--line);background:#f6f9fc}.tech-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.tech small{color:var(--muted);font-size:11px;max-width:120px;line-height:1.5}.tech strong{font-size:16px;color:#597086;letter-spacing:-.03em}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:34px}.section-head p{max-width:395px;font-size:14px}.section-head h2{max-width:610px}.role-filter{display:flex;gap:7px;margin:30px 0 24px;flex-wrap:wrap}.role-filter button{background:#f1f5f9;border:1px solid #e2e9f0;color:#607187;padding:8px 17px;border-radius:30px;font-size:12px}.role-filter button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s}.feature:hover{border-color:#80baf8}.icon{height:43px;width:43px;background:#eaf4ff;color:#0785f4;border:1px solid #d9eafb;border-radius:10px;display:grid;place-items:center;font-size:21px;margin-bottom:22px;font-weight:400}.feature h3{font-size:18px;margin-bottom:12px}.feature p{font-size:13px;line-height:1.8}.feature small{display:block;margin-top:17px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7a8c9f}.section-note{font-size:12px;margin-top:22px}.section-note a{text-decoration:underline;text-underline-offset:3px}.showcase{background:#edf3f8;overflow:hidden}.center{text-align:center}.center p{max-width:600px;margin:20px auto 0}.tabs{display:flex;justify-content:center;gap:8px;margin:30px 0}.tabs button{font-size:12px;padding:10px 18px;border-radius:6px;background:transparent;color:#52677f}.tabs button[aria-selected=true]{color:#0879e9;background:#fff;box-shadow:0 3px 10px #1b427513}.preview-frame{max-width:1000px;margin:auto}.preview-frame img{width:100%;box-shadow:0 28px 50px #092c4f25;border:1px solid #36536d;border-radius:12px}.preview-frame figcaption{font-size:12px;text-align:center;margin-top:24px;color:#6b8096}.migration-grid{display:grid;grid-template-columns:.85fr 1fr;gap:95px;align-items:start}.migration-grid h2{margin-bottom:23px}.migration-grid p{font-size:14px}.checklist{list-style:none;padding:0;display:grid;gap:13px;margin:25px 0;font-size:14px}.checklist li:before{content:'✓';color:#008dc0;margin-right:12px}.steps{counter-reset:step;display:grid;gap:0}.step{position:relative;padding:0 0 27px 57px;border-left:1px solid #d6e6f3;margin-left:17px}.step:last-child{border:0;padding-bottom:0}.step:before{counter-increment:step;content:'0' counter(step);position:absolute;left:-18px;top:0;background:#eaf4ff;color:#0783ea;border:1px solid #d3e6fa;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold}.step h3{font-size:17px;padding-top:7px;margin-bottom:9px}.step p{font-size:13px}.callout{border-left:3px solid #1a90f4;padding:15px 20px;background:#f3f8fc;font-size:12px!important;border-radius:0 8px 8px 0}.roadmap{margin-top:45px;border:1px solid var(--line);border-radius:12px;padding:25px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.roadmap strong{font-size:12px;display:block;margin:7px 0}.roadmap span{font-size:11px;color:#6c7d91}.roadmap .phase{font-size:10px;color:#098df0;font-weight:700;letter-spacing:.08em}.about{background:var(--navy);color:#fff;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.about h2{margin-bottom:24px}.about p{color:#a8bcd2;font-size:14px;margin-bottom:18px}.about .eyebrow{color:#49c4ef}.about a.text-link{color:#77d8f5;font-size:13px}.principles{display:grid;grid-template-columns:1fr 1fr;border:1px solid #25405c;border-radius:12px;overflow:hidden}.principle{padding:34px 27px;border:1px solid #203b55;background:#ffffff02}.principle b{display:block;font-size:36px;line-height:1.2;color:#48c9f5;letter-spacing:-.04em;margin-bottom:13px}.principle span{font-size:12px;color:#b7c9db}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:38px auto 0}.plan{border:1px solid var(--line);border-radius:14px;padding:33px;display:flex;flex-direction:column;align-items:flex-start}.plan.support{border-color:#78b8fb;background:#f6fbff}.plan .eyebrow{margin-bottom:15px}.plan h3{font-size:29px}.plan p{font-size:13px;margin-top:14px}.plan .price{font-size:40px;letter-spacing:-.05em;font-weight:bold;margin-top:25px;line-height:1.3}.plan .price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan .checklist{font-size:13px;margin-bottom:30px}.plan .button{margin-top:auto}.plan-note{text-align:center;font-size:12px;margin:22px auto 0;max-width:760px}.contribute{background:#f2f7fb}.contribute-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.contribute p{font-size:14px;margin:20px 0}.contribution-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.contribution-links a{background:white;border:1px solid var(--line);padding:15px 17px;border-radius:8px;font-size:13px;display:flex;justify-content:space-between}.contribution-links a:hover{border-color:var(--blue);color:var(--blue)}.donation{background:var(--navy);color:white;border-radius:16px;padding:36px;position:relative;overflow:hidden}.donation .heart{font-size:44px;color:#37c9ed;line-height:1;margin-bottom:28px}.donation h3{font-size:30px}.donation p{color:#b2c4d7}.donation .amounts{display:flex;gap:8px;margin:25px 0}.amounts a{border:1px solid #42617c;border-radius:6px;padding:9px 19px;font-size:13px}.amounts a:hover{background:#17426b;border-color:#5dbaff}.donation small{color:#91a9c0;font-size:11px;display:block;margin-top:19px}.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:80px}.faq-grid p{font-size:14px;margin-top:22px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;font-size:15px;font-weight:bold;cursor:pointer;padding-right:28px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;font-size:22px;font-weight:400;color:#0787f4;top:-5px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;margin-top:14px}.contact-strip{background:linear-gradient(105deg,#0878f6,#008dc3);color:white;padding:46px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{font-size:32px}.contact-strip p{color:#d7efff;font-size:14px;margin-top:12px}.contact-strip .button{background:white;color:#076ac5}.footer{background:#06172c;color:#b2c5d9;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.wordmark{font-size:29px;font-weight:800;letter-spacing:-.055em;color:white}.wordmark span{color:#0ab9e6}.footer p{font-size:12px;color:#92a9c1;max-width:300px;margin-top:13px}.footer h3{font-size:13px;letter-spacing:0;color:#e3edf6;margin-bottom:16px}.footer a:not(.wordmark){font-size:12px;display:block;line-height:2.2}.footer a:hover{color:#39c7f6}.footer-bottom{border-top:1px solid #20354c;display:flex;justify-content:space-between;gap:20px;margin-top:37px;padding-top:20px;font-size:10px;color:#7f99b4}.footer-bottom a{display:inline!important;font-size:10px!important}.empty-notice{font-size:12px}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:40px}.hero-grid{min-height:460px}}@media(max-width:1100px){.nav{gap:15px}.header-inner{gap:16px}.nav .button{display:none}.hero-grid{gap:20px}.hero h1{font-size:51px}.hero-visual{margin-right:-35px}.migration-grid,.about-grid{gap:45px}.section-head{gap:30px}.floating{right:20px}.tech strong{font-size:14px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.header{height:74px}.header-inner{gap:14px}.logo{width:163px;height:47px}.logo img{width:180px;height:180px;top:-65px;left:-7px}.menu-toggle{display:block;margin-left:auto}.language{padding-left:10px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:22px;box-shadow:0 18px 20px #00132b15;margin:0}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(42px,8vw,61px)}.hero p{max-width:530px}.hero-visual{margin:15px 0 0;padding-bottom:35px}.hero-visual img{transform:none}.hero-bottom{margin-top:30px;flex-wrap:wrap;gap:17px;font-size:11px}.tech-inner{flex-wrap:wrap;justify-content:center;gap:18px 25px}.tech small{max-width:none;width:100%;text-align:center}.section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:22px;max-width:none}.features{grid-template-columns:1fr 1fr}.migration-grid,.about-grid,.contribute-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.roadmap{grid-template-columns:1fr 1fr;gap:24px}.plans{gap:15px}.plan{padding:25px}.contact-inner{align-items:flex-start;flex-direction:column}.footer-grid{gap:25px;grid-template-columns:1.4fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.floating{right:-5px}.about-grid{gap:35px}.tabs{gap:0}.tabs button{padding:10px 14px}}@media(max-width:480px){.features,.plans{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-actions .button{padding:12px 18px;font-size:13px}.feature{padding:24px}.hero-bottom span{width:100%}.principle{padding:25px 19px}.principle b{font-size:30px}.donation{padding:28px}.section-head h2,h2{font-size:34px}.footer-bottom{flex-direction:column;gap:5px}.tabs button{font-size:11px;padding:10px}.language{gap:0}.header-inner{gap:5px}.menu-toggle{font-size:20px}.roadmap{padding:20px}.concept-label{font-size:8px}.floating{font-size:10px;padding:9px 13px}.floating strong{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
