:root{--night:#141820;--soft:#1d222c;--cream:#fff9ec;--paper:#f3eddf;--gold:#f0b34a;--light:#fbd795;--ink:#20232a;--muted:#abb1bd;--line:#ffffff20;--max:1280px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font:400 16px/1.65 "DM Sans",Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c58b26;outline-offset:5px}.page-width{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:var(--gold);padding:12px}.skip-link:focus{top:12px}.site-header{height:90px;position:absolute;z-index:20;inset:0 0 auto;border-bottom:1px solid var(--line);color:var(--cream)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;gap:4px}.brand strong{font-size:18px;letter-spacing:.08em;line-height:1.1}.brand small{color:var(--gold);font:500 10px "IBM Plex Mono",monospace;letter-spacing:.16em}.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav a{padding-block:12px}.nav a:hover{color:var(--light)}.nav-download{border:1px solid #f0b34a80;padding:10px 16px!important;color:var(--gold)}.nav-download span{margin-left:18px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:9px}.menu-toggle span{display:block;height:2px;background:var(--cream);margin:7px 0}.hero{padding-top:90px;background:var(--night);color:var(--cream);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 55%,#78582525,transparent 60%);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;min-height:760px}.hero-copy{padding:88px 0 48px;display:flex;flex-direction:column;align-items:flex-start}.overline,.section-label,.visual-label,.release-line,.facts small,.version-tag{font:500 11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.13em}.overline{display:flex;align-items:center;gap:14px;color:var(--gold);margin-bottom:30px}.overline>span{width:32px;height:1px;background:var(--gold)}.overline b{font-weight:400;color:#8c919c;margin-left:12px;letter-spacing:.04em}h1{font-size:clamp(74px,7.3vw,116px);font-weight:700;letter-spacing:-.065em;line-height:.98;margin:0 0 27px -5px}h1 em{font-style:normal}h1 em span{color:var(--gold)}.hero-tagline{font-size:29px;font-weight:600;line-height:1.3;letter-spacing:-.04em;margin-bottom:18px}.hero-tagline span{color:var(--light)}.hero-description{max-width:480px;color:#b5bac5;font-size:16px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:14px 20px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--night)}.button-primary:hover{background:var(--light)}.button-outline{border-color:#ffffff35;color:var(--cream)}.button-outline:hover{background:#ffffff0c}.release-line{margin:25px 0 0;color:#f2d5a0;font-size:10px;letter-spacing:.02em}.release-line>span:last-child{color:#939baa;margin-left:13px}.release-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:8px}.hero-visual{margin:26px 0 30px;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #f0b34a30;background:linear-gradient(135deg,#f0b34a08,transparent),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.visual-label{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;color:#bdb5a6;font-size:9px;letter-spacing:.08em}.phone{width:280px;margin:60px 0 48px;border:5px solid #41444d;border-radius:34px;background:#141820;box-shadow:0 26px 55px #0008;transform:rotate(3deg);padding:12px 8px 8px;position:relative;z-index:1;overflow:hidden}.phone-top{font-size:9px;display:flex;justify-content:space-between;padding:0 12px 12px;color:#dce2ed}.app-bar{display:flex;gap:8px;align-items:center;padding:6px 5px 9px;font-size:12px}.app-bar>span{margin-left:auto;font-size:21px}.mock-comment{padding:14px 9px;background:#242933;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.mock-comment>span{font-size:10px;color:#abb1bd}.mock-comment p{font-size:11px;margin:6px 0 13px;color:#e0e1e5}.comment-buttons{display:flex;gap:12px;align-items:center;font-size:12px}.comment-buttons strong{border:1px solid var(--gold);color:var(--gold);border-radius:20px;padding:4px 10px;font-size:10px}.picker-demo{background:#1d222c;border-radius:15px 15px 8px 8px;margin-top:8px;padding:13px 10px 10px}.picker-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:10px}.picker-title>span{font-size:10px;color:#aeb5c1}.mock-search{padding:9px 11px;background:#2b3341;border:1px solid #454c5b;border-radius:8px;font-size:11px;color:#bec4d0;display:flex;justify-content:space-between;margin-bottom:10px}.gif-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gif-grid>img,.gif-grid>div{width:100%;height:104px;object-fit:cover;border-radius:8px;overflow:hidden}.type-gif{background:var(--gold);color:#262014;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-1deg)}.type-gif>span{font-size:17px;font-weight:800;line-height:1.3;transform:rotate(-7deg)}.type-gif em{font-size:25px;font-style:normal}.type-gif b{position:absolute;right:10px;bottom:8px;font-size:26px;animation:spark 2.4s ease-in-out infinite}.smile-gif{display:grid;align-content:center;text-align:center;background:#b7caaa;color:#243c21}.smile-gif span{font-size:66px;line-height:1}.smile-gif small{font-size:10px;font-weight:700;margin-top:4px}.second-preview{object-position:right}.mock-selected{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#bec7d5;padding:12px 0 9px}.mock-selected>span:last-child{color:var(--gold)}.mock-add{background:var(--gold);color:var(--night);display:flex;justify-content:space-between;padding:10px;border-radius:8px;font-size:10px;font-weight:700}.powered{display:block;color:#96a2b5;margin:8px 0 0;text-align:center;font-size:8px}.phone-home{height:3px;width:78px;background:#c8ccd4;border-radius:3px;margin:12px auto 0}.floating-note{position:absolute;z-index:2;left:-15px;bottom:80px;display:flex;align-items:center;gap:10px;padding:15px 21px;border:1px solid #f0b34a50;background:#24232b;color:var(--cream);font-size:12px;line-height:1.5;transform:rotate(-4deg);box-shadow:0 12px 30px #0003}.floating-note>span{font-size:33px;color:var(--gold)}.floating-note strong{color:var(--light)}figcaption{position:absolute;bottom:14px;font:400 8px "IBM Plex Mono",monospace;color:#9398a3;letter-spacing:.04em}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid var(--line);font-size:11px;color:#949eae}.hero-bottom a{color:var(--gold);font-weight:600}.hero-bottom a span{margin-left:15px}.facts{background:var(--paper);border-bottom:1px solid #d8d0bf}.facts-inner{display:grid;grid-template-columns:repeat(3,1fr)}.facts-inner>div{display:grid;align-content:center;gap:7px;min-height:112px;padding:20px 28px;border-right:1px solid #d8d0bf}.facts-inner>div:first-child{border-left:1px solid #d8d0bf}.facts small{color:#817460;font-size:10px}.facts strong{font-size:18px;font-weight:600}.facts strong span{margin-left:10px;font-size:11px;color:#806735}.section{padding-block:110px}.section-label{color:#977139;margin-bottom:23px;font-size:10px;letter-spacing:.13em}.features{display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:clamp(40px,4.6vw,64px);line-height:1.09;letter-spacing:-.06em;font-weight:600;margin-bottom:22px}h2 em{font-style:normal;color:#ad7930}.section-lead{max-width:380px;color:#6e6c66;font-size:17px}.feature-list{border-top:1px solid #d0c6b4}.feature-list article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid #d0c6b4}.feature-list article>span{color:#a1793f;font:500 11px "IBM Plex Mono",monospace;padding-top:6px}.feature-list h3{font-size:22px;line-height:1.3;margin-bottom:8px;letter-spacing:-.025em}.feature-list p{font-size:14px;color:#777166;margin:0;max-width:440px}.how{background:var(--gold);padding-block:86px}.how .section-label{color:#785422}.how-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.how-heading h2{margin:0;font-size:52px}.how-heading h2 em{color:#785422}.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #29210f50}.steps li{padding:32px 28px 8px;border-right:1px solid #29210f50}.steps li:first-child{padding-left:0}.steps li:last-child{padding-right:0;border-right:0}.step-number{font:500 12px "IBM Plex Mono",monospace;display:block;color:#795820;margin-bottom:34px}.steps h3{font-size:25px;letter-spacing:-.035em;margin-bottom:12px}.steps p{color:#594323;font-size:14px;margin:0;max-width:320px}.steps a{display:inline-block;font-size:12px;font-weight:700;margin-top:20px;border-bottom:1px solid}.download-section{background:var(--night);color:var(--cream);padding-block:100px}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.download-section .section-label{color:var(--gold)}.download-section h2{font-size:clamp(48px,5.3vw,76px)}.download-section h2 em{color:var(--light)}.download-layout>div:first-child>p:not(.section-label){color:#a6adba;max-width:385px;font-size:16px}.channel-link{display:inline-flex;gap:24px;align-items:center;margin-top:10px;padding-bottom:5px;border-bottom:1px solid #f0b34a80;color:var(--gold);font-size:13px;font-weight:600}.download-card{background:#212631;border:1px solid #ffffff24;border-radius:13px;padding:30px}.download-card-top{display:flex;align-items:center;gap:14px}.download-card-top h3{font-size:21px;line-height:1.3;margin:0 0 4px}.download-card-top p{color:#abb3c3;font:400 11px "IBM Plex Mono",monospace;margin:0}.version-tag{font-size:8px;background:#f0b34a17;color:var(--gold);padding:6px 8px;border:1px solid #f0b34a50;margin-left:auto;white-space:nowrap}.download-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.download-specs dt{font-size:10px;color:#9da7b6;margin-bottom:5px}.download-specs dd{margin:0;font-size:13px;font-weight:600}.full-width{width:100%}.download-alternatives{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:#d0d4dd;font-size:11px;margin-top:18px}.download-alternatives a:hover{text-decoration:underline}.checksum-button{display:flex;justify-content:space-between;width:100%;padding:18px 0 0;border:0;background:none;color:#999fad;text-align:left;font-size:10px}.checksum-button:hover{color:#fff}.release-note{margin:23px 0 0;padding:14px;border:1px solid #f0b34a35;background:#f0b34a09;color:#bbb8ad;font-size:11px;line-height:1.65;border-radius:6px}.release-note strong{display:block;color:var(--light);font-size:11px;margin-bottom:4px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-list{border-top:1px solid #d0c6b4}details{border-bottom:1px solid #d0c6b4}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;font-weight:600;padding:21px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:400;color:#936a25}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:14px;color:#726a5d;margin:0;padding:0 30px 23px 0}.site-footer{background:var(--night);color:var(--cream);padding-top:42px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:35px}.footer-top p{font-size:17px;line-height:1.5;margin:0;color:#b9bfca}.footer-top>a:last-child{color:var(--gold);font-size:13px;font-weight:600}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:22px;font:400 9px "IBM Plex Mono",monospace;color:#8f98a8}.footer-bottom a:hover{color:var(--gold)}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,30px);padding:12px 20px;background:#141820;color:#fff;border:1px solid var(--gold);border-radius:5px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spark{0%,100%{transform:rotate(-12deg) scale(.85)}50%{transform:rotate(10deg) scale(1.1)}}
@media(min-width:1500px){.hero-copy{padding-top:100px}.hero-layout{min-height:780px}.phone{width:300px}.gif-grid>img,.gif-grid>div{height:114px}}
@media(max-width:1050px){.page-width{width:calc(100% - 56px)}.hero-layout{grid-template-columns:1.1fr .9fr;gap:25px;min-height:700px}.hero-copy{padding-top:70px}.overline{font-size:9px;gap:9px}.overline b{display:none}h1{font-size:83px}.hero-tagline{font-size:25px}.hero-description{font-size:14px}.hero-actions{gap:8px}.hero-actions .button{padding-inline:15px;gap:20px;font-size:12px}.hero-visual{margin-top:28px}.visual-label>span:last-child{display:none}.floating-note{left:-7px;padding:12px;bottom:55px;font-size:10px}.phone{width:245px}.gif-grid>img,.gif-grid>div{height:89px}.features,.download-layout,.faq{gap:45px}.download-card{padding:23px}.how-heading h2{font-size:43px}}
@media(max-width:760px){.page-width{width:calc(100% - 40px)}.site-header{height:77px}.brand img{width:39px;height:39px}.brand strong{font-size:15px}.brand small{font-size:9px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#1b202b;border-bottom:1px solid #ffffff30;padding:20px;flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{padding:13px}.nav .nav-download{margin-top:10px}.hero{padding-top:77px}.hero-layout{grid-template-columns:1fr;gap:4px;min-height:0}.hero-copy{padding:55px 0 25px}.overline{margin-bottom:26px;font-size:9px;letter-spacing:.1em}h1{font-size:clamp(76px,15vw,108px);margin-bottom:23px;line-height:.96;letter-spacing:-.065em}.hero-tagline{font-size:26px}.hero-description{font-size:15px;max-width:520px;margin-bottom:23px}.hero-actions{width:100%;display:grid;grid-template-columns:1.1fr 1fr}.hero-actions .button{font-size:12px;gap:9px;min-height:53px}.release-line{font-size:9px;margin-top:20px}.hero-visual{margin:14px 0 25px;min-height:605px}.phone{width:272px;margin-top:56px;transform:rotate(2deg)}.gif-grid>img,.gif-grid>div{height:102px}.floating-note{left:-7px;bottom:43px;font-size:12px;padding:13px 18px}.visual-label{top:19px;left:18px;right:18px;font-size:8px}.visual-label>span:last-child{display:block}.hero-bottom{font-size:9px;padding-block:17px}.facts-inner{grid-template-columns:1fr}.facts-inner>div,.facts-inner>div:first-child{min-height:66px;padding:13px 0;border:0;border-bottom:1px solid #d8d0bf;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:10px}.facts-inner>div:last-child{border-bottom:0}.facts strong{font-size:15px}.facts small{font-size:9px}.section{padding-block:70px}.features,.faq{grid-template-columns:1fr;gap:24px}h2{font-size:clamp(43px,9vw,60px)}.section-label{font-size:9px;margin-bottom:20px}.section-lead{font-size:16px}.feature-list article{padding-block:23px}.feature-list h3{font-size:20px}.how{padding-block:65px}.how-heading{display:block;margin-bottom:26px}.how-heading h2{font-size:42px}.steps{grid-template-columns:1fr}.steps li,.steps li:first-child,.steps li:last-child{padding:24px 0;border-right:0;border-bottom:1px solid #29210f40}.steps li:last-child{padding-bottom:0;border-bottom:0}.step-number{margin-bottom:14px}.steps h3{font-size:25px}.steps p{max-width:550px}.download-section{padding-block:70px}.download-layout{grid-template-columns:1fr;gap:32px}.download-section h2{font-size:53px}.download-layout>div:first-child>p:not(.section-label){max-width:500px}.download-card{padding:21px}.download-card-top img{width:51px;height:51px}.download-card-top h3{font-size:18px}.download-card-top{gap:11px}.version-tag{font-size:7px;padding:5px}.download-specs dd{font-size:12px}.download-alternatives{font-size:11px}.checksum-button{font-size:10px}.release-note{font-size:12px}summary{font-size:15px;padding-block:19px}.footer-top{flex-wrap:wrap;gap:25px;align-items:flex-start}.footer-top p{font-size:15px}.footer-top>a:last-child{width:100%}.footer-bottom{flex-direction:column;gap:13px;font-size:9px;padding-block:25px}}
@media(max-width:370px){.page-width{width:calc(100% - 32px)}.hero-actions .button{font-size:11px;padding-inline:10px}.phone{width:250px}.hero-visual{min-height:570px}.gif-grid>img,.gif-grid>div{height:92px}.download-card{padding:17px}.version-tag{display:none}.hero-bottom>span{max-width:215px}.visual-label>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
