@font-face{font-family:Rubik;src:url(/fonts/Rubik-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}:root{--gartal-pink:#FDD9DA;--gartal-lime:#C3EAA2;--gartal-sand:#EAD9A9;--gartal-yellow:#F8EF8C;--gartal-green:#4C9E84;--gartal-orange:#FF5E00;--gartal-blue:#5171D2;--gartal-slate:#323E48;--gartal-black:#0D0D0D;--gartal-white:#fff;--neutral-50:#F5F6F8;--neutral-100:#EDEEF1;--neutral-200:#E1E3E7;--neutral-300:#C9CCD2;--neutral-400:#9A9EA6;--neutral-500:#6E7179;--neutral-700:#3A3C40;--gartal-orange-hover:#E85500;--gartal-orange-press:#CC4C00;--fg-1:var(--gartal-black);--fg-2:var(--neutral-500);--fg-3:var(--neutral-400);--border-hairline:var(--neutral-200);--border-strong:var(--gartal-black);--accent:var(--gartal-orange);--accent-hover:var(--gartal-orange-hover);--accent-press:var(--gartal-orange-press);--font-sans:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--container-max:1320px;--page-pad:48px;--section-y:120px;--control-h:52px;--control-h-sm:40px;--ease-out:cubic-bezier(.2,.7,.2,1);--dur-fast:.15s}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:#fff;color:var(--fg-1);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--fg-1);text-underline-offset:2px}a:hover{color:var(--accent)}::selection{background:var(--gartal-orange);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.page{min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:var(--container-max);width:100%;margin:0 auto;padding-left:var(--page-pad);padding-right:var(--page-pad)}.muted{color:var(--neutral-500)}.small{font-size:14px}.stripe{height:6px;display:grid;grid-template-columns:repeat(8,1fr)}.header{border-bottom:1px solid var(--border-hairline)}.header .wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-sep{width:1px;height:22px;background:var(--neutral-300)}.brand-name{font-size:18px;font-weight:500;color:var(--fg-1)}.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.hero{padding-top:var(--section-y);padding-bottom:var(--section-y);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:64px;align-items:center}.hero-text{display:flex;flex-direction:column;gap:28px}.hero h1{font-size:clamp(36px,5vw,60px);font-weight:500;line-height:1.1;text-wrap:balance}.lead{font-size:18px;line-height:1.55;max-width:560px;text-wrap:pretty}.lead strong{font-weight:500}.hero-art{background:var(--neutral-50);aspect-ratio:1/1;max-height:520px;display:flex;align-items:center;justify-content:center}.app-icon{width:256px;height:256px;background:var(--gartal-slate);position:relative;overflow:hidden;border-radius:56px;flex:none}.dl{display:flex;flex-direction:column;gap:16px;padding-top:8px;max-width:520px}.seg{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--gartal-black);width:max-content;max-width:100%}.seg button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-sm);padding:0 18px;font-size:14px;font-weight:500;color:var(--fg-1);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg button:hover{background:var(--neutral-50)}.seg button[aria-checked=true]{background:var(--gartal-black);color:#fff}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detect{font-size:14px;color:var(--neutral-500);display:flex;align-items:center;gap:8px;min-height:21px}.detect .dot{width:6px;height:6px;border-radius:50%;background:var(--gartal-green);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-h);padding:0 30px;border:1px solid transparent;border-radius:0;font:500 16px/1 var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-primary:active{background:var(--accent-press)}.btn-outline{background:transparent;color:var(--fg-1);border-color:var(--gartal-black)}.btn-outline:hover{background:var(--gartal-black);color:#fff}.btn[aria-disabled=true]{background:var(--neutral-200);color:var(--fg-3);border-color:transparent;cursor:not-allowed;pointer-events:none}.btn-big{height:60px;font-size:17px;padding:0 36px}.meta{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:14px;color:var(--neutral-500)}.note{font-size:14px;line-height:1.5;color:var(--neutral-700);background:var(--neutral-50);padding:12px 16px;border-left:2px solid var(--accent)}.section-alt{background:var(--neutral-50)}.section{padding-top:var(--section-y);padding-bottom:var(--section-y)}.sec-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px 40px;padding-bottom:20px;border-bottom:1px solid var(--gartal-black)}.sec-head h2,.it h2{font-size:36px;font-weight:500;line-height:1.15}.sec-head p{align-self:end}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:40px;margin-top:56px}.step{display:flex;flex-direction:column;gap:10px}.step-n{font-size:14px;font-weight:500;color:var(--accent)}.step-t{font-size:20px;font-weight:500}.step-d{color:var(--neutral-700);text-wrap:pretty}.assure{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--neutral-500);max-width:720px;margin-top:56px}.it{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:64px}.col{display:flex;flex-direction:column;gap:24px;min-width:0}.col-tight{gap:12px}.it p{max-width:520px;text-wrap:pretty}.row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.code{position:relative;padding:22px 64px 22px 28px;font:14px/1.7 var(--font-mono);overflow-x:auto;white-space:pre}.code-dark{background:var(--gartal-slate);color:#fff}.code-light{background:var(--neutral-50)}.copy{all:unset;cursor:pointer;position:absolute;top:50%;right:14px;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity var(--dur-fast)}.copy:hover{opacity:1}.copy:focus-visible{outline:2px solid var(--accent)}.code-label{font-size:14px;color:var(--neutral-500);margin-top:12px}.code-label:first-child{margin-top:0}.footer{margin-top:auto;border-top:1px solid var(--border-hairline)}.footer .wrap{padding-top:32px;padding-bottom:32px;display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:center;font-size:14px;color:var(--neutral-500)}.footer a{color:inherit}@media (max-width:720px){:root{--page-pad:16px;--section-y:64px}.header .wrap{height:68px}.nav{gap:20px;font-size:14px}.hero{gap:40px}.app-icon{transform:scale(.75)}.hero-art{max-height:340px}.sec-head h2,.it h2{font-size:28px}.dl,.seg,.btn-big{width:100%}}@media (max-width:480px){.nav a.opt{display:none}}