*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'IBM Plex Mono',monospace;font-weight:300;background:#1f1023;color:#f3eefa;text-align:center;padding:20px;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#1f1023 0,#3a1746 30%,#5b1f5f 65%,#2a1032 100%);background-size:400% 400%;animation:gradshift 18s ease infinite;transition:background 1.5s ease;overflow-x:hidden;overflow-y:auto}@keyframes gradshift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){body{animation:none}}main{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:520px;margin:0 auto;gap:clamp(28px,5vh,44px);padding:20px 0}img{display:block}.browser-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,120,170,0.24);border-radius:40px;padding:8px 18px;font-size:13px;font-weight:400;color:#e0c9e7;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;align-self:center}.browser-chip svg{flex-shrink:0;width:18px;height:18px;opacity:.85}.browser-chip span{letter-spacing:.03em}.hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;gap:clamp(14px,2.5vh,20px)}h1{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(2.2rem,8vw,3.6rem);line-height:1.1;color:#fff7fb;letter-spacing:-0.02em;max-width:100%;word-break:break-word}.subline{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:clamp(1rem,3.2vw,1.2rem);line-height:1.5;color:#e1cfe6;max-width:480px}.cta-wrap{width:100%;display:flex;justify-content:center;margin-top:8px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ff6b81;color:#170c16;border:none;border-radius:50px;padding:16px 38px;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:1.05rem;letter-spacing:.02em;text-decoration:none;cursor:pointer;position:relative;box-shadow:0 0 18px rgba(255,107,129,0.35),inset 0 1px 0 rgba(255,210,220,0.5);transition:box-shadow .25s ease,transform .15s ease;min-height:56px;min-width:200px}.cta:hover{box-shadow:0 0 28px rgba(255,107,129,0.6),inset 0 1px 0 rgba(255,210,220,0.7)}.cta:active{transform:scale(0.97);box-shadow:0 0 32px rgba(255,107,129,0.7),4px 0 12px rgba(255,107,129,0.3)}.cta:focus-visible{outline:3px solid #ffb3d1;outline-offset:4px}.cta .arrow{display:inline-block;transition:transform .25s ease}.cta:hover .arrow{transform:translateX(6px)}@media(hover:none){.cta:hover .arrow{transform:none}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:4px}@media(max-width:540px){.features{grid-template-columns:1fr;gap:12px}}.feature-tile{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,120,170,0.2);border-radius:20px;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;transition:background .3s ease,border-color .3s ease,transform .25s ease;cursor:default;min-height:160px;overflow:hidden;transform:translateY(0)}.feature-tile:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,120,170,0.42);transform:translateY(-2px)}.feature-tile:focus-visible{outline:3px solid #ffb3d1;outline-offset:4px}.feature-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;opacity:.9}.feature-icon svg{width:100%;height:100%;stroke:#ff9bc2;fill:none;stroke-width:1.8}.feature-title{font-weight:400;font-size:1.05rem;color:#fff1f7;letter-spacing:.02em}.feature-caption{font-size:.85rem;color:#d8bfd2;line-height:1.45;opacity:.9;transition:opacity .4s ease;min-height:38px}.feature-tile:hover .feature-caption{opacity:1}.orbit-line{position:absolute;top:-20%;right:-20%;width:110px;height:110px;border:1px solid rgba(255,120,170,0.16);border-radius:50%;pointer-events:none;opacity:.6}@media(max-width:768px){.features .feature-tile{min-height:auto;padding:18px 14px 16px}}.logo-wrap{align-self:flex-start;margin-bottom:-6px}.logo-wrap img{height:32px;width:auto}@media(min-width:1200px){main{max-width:580px}}