:root{color-scheme:dark;--ink:#100e12;--paper:#f6efe3;--purple:#c39afa;--orange:#ff875c;--line:#695674}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 100% 0,#60377438,transparent 35%),var(--ink);color:var(--paper);font:17px/1.7 system-ui,sans-serif}body:before{content:"";position:absolute;top:110px;left:0;right:0;height:430px;pointer-events:none;z-index:-1;opacity:.3;background:repeating-linear-gradient(171deg,transparent 0 30px,#a184b317 31px 32px)}a{color:var(--purple)}header,main,footer{max-width:1120px;margin:auto;padding:24px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}header a{text-decoration:none}header a:first-child{font-size:29px;font-weight:1000;font-style:italic;letter-spacing:-2px;color:var(--paper)}header a:last-child{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}main{position:relative;padding-top:46px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--orange)}h1,h2{font-family:Impact,'Arial Narrow','DejaVu Sans',sans-serif;font-stretch:condensed;font-weight:950;text-transform:uppercase;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(44px,6.6vw,78px);margin:26px 0 20px;max-width:850px;position:relative}h1 em{display:inline-block;color:var(--purple);font-style:normal;transform:rotate(-1.5deg);border-bottom:5px solid var(--orange);padding-bottom:6px}h2{font-size:clamp(29px,3.4vw,43px);margin:12px 0 22px}.hero-stamp{position:absolute;right:35px;top:210px;transform:rotate(9deg);border:2px solid var(--orange);padding:12px;color:var(--orange);font:900 16px/1.15 system-ui;text-align:center;box-shadow:4px 4px 0 #ff875c25}.browser-badge{display:inline-block;background:var(--paper);color:#25162d;padding:6px 12px;font-size:10px;font-weight:950;letter-spacing:.08em;transform:rotate(-1deg)}p{color:#d2c5d9}.intro{font-size:19px;max-width:700px;line-height:1.65}.quick{max-width:800px;border-left:4px solid var(--orange);padding:15px 18px;background:#251c2e;font-size:14px}.steps-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 18px}.steps-nav a{border:1px solid #866299;border-radius:4px;padding:7px 11px;font-size:11px;text-decoration:none;color:#ecdcf9;background:#211827}.steps-nav a:hover{background:#35233e}.note{font-size:11px;max-width:740px;color:#b59ec4}.step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,390px);gap:48px;align-items:center;margin-top:35px;padding:42px 0 38px;border-top:2px solid #745384}.step:before{content:attr(data-number);position:absolute;top:16px;left:-14px;color:#cfb4df0c;font:950 155px/1 Impact,sans-serif;pointer-events:none;transform:rotate(-8deg);z-index:-1}.number{display:inline-block;background:var(--orange);color:#291528;font-size:10px;letter-spacing:.12em;font-weight:950;padding:4px 10px;transform:rotate(-2deg)}.step>div p{font-size:16px;line-height:1.8;max-width:540px}.ui-example{position:relative;margin:0;padding:23px;border:1px solid #b29abb;border-radius:14px;background:linear-gradient(145deg,#2a1f35,#19141f);box-shadow:7px 7px 0 #6c457d55}.ui-example:before{content:"";position:absolute;width:80px;height:19px;background:#e8c3a5d9;left:calc(50% - 40px);top:-10px;transform:rotate(-5deg)}.ui-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #70517b;padding-bottom:16px;font-size:9px;letter-spacing:.08em;color:#cdb0df}.ui-top span:first-child{font-size:15px;font-weight:950;font-style:italic;letter-spacing:-1px;color:#fbf4e7}.ui-example h3{font-size:24px;line-height:1.25;margin:22px 0 12px;font-weight:850;letter-spacing:-.03em;color:#fff8ef}.ui-example p{font-size:14px;line-height:1.7;margin-bottom:20px}.ui-example figcaption{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#b7a0c6;margin-top:17px}.ui-button,.ui-code,.ui-choice>div,.ui-confirm strong{border-radius:13px;background:var(--purple);color:#26142d;padding:16px;font-size:13px;font-weight:900;line-height:1.4;text-align:center}.ui-button{display:flex;align-items:center;justify-content:center;gap:12px}.google-mark{display:grid;place-items:center;background:#fff;color:#3b4c8b;border-radius:8px;width:28px;height:28px;font-size:20px}.ui-code{display:flex;justify-content:space-between;align-items:center;background:#e9c5a5}.ui-code span{font-size:24px}.ui-choice{display:grid;gap:10px}.ui-choice>div:last-child{background:#35243f;color:#efdaff;border:1px solid #a181b6}.ui-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-confirm>span{font-size:12px;padding:12px;color:#e1cbe9}.ui-confirm strong{font-size:12px}.ui-wait,.ui-saved{padding:14px;border:1px dashed #cf9c74;border-radius:8px;background:#31221d;color:#edc59d;font-size:11px;font-weight:850;letter-spacing:.06em}.ui-saved{background:#30213c;color:#e0c3f8;border-color:#ad80cc}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.vs{font-size:12px;color:var(--orange);padding:0 5px}.help{padding:38px 0;margin:25px 0}.help-scribble{display:inline-block;color:var(--orange);font-size:12px;font-weight:900;font-style:italic;transform:rotate(-3deg);border-bottom:2px solid var(--orange);margin-bottom:16px}.help h2{max-width:700px}details{padding:18px 20px;background:#1d1624;border:1px solid #765b84;border-radius:10px;margin:10px 0}summary{cursor:pointer;font-weight:750;font-size:15px}details p{font-size:15px}.cta{display:inline-block;padding:16px 24px;background:var(--purple);border:2px solid #e3c6ff;border-radius:12px;box-shadow:4px 4px 0 #573166;font-size:13px;font-weight:950;color:#26132f;text-decoration:none}footer{border-top:1px solid var(--line);font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:30px}.hero-stamp{position:relative;display:inline-block;top:auto;right:auto;float:right;margin:9px 0 0 10px;font-size:10px;padding:8px;transform:rotate(7deg)}h1{font-size:clamp(36px,8.5vw,59px);clear:both;padding-top:8px}.intro{font-size:17px}.browser-badge{font-size:9px;padding:6px 9px}.step{grid-template-columns:1fr;gap:20px;padding:31px 0 22px;margin-top:28px}.step:before{left:0;font-size:125px}.step>div p{font-size:16px;line-height:1.8;margin-bottom:3px}h2{font-size:32px}.ui-example{width:100%;padding:21px;box-shadow:5px 5px 0 #6c457d55}.ui-example h3{font-size:24px}.ui-example p{font-size:14px}.quick{font-size:13px}.steps-nav a{font-size:10px;padding:6px 9px}.help{padding-top:25px}header a:first-child{font-size:25px}header a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:black}.steps-nav,.hero-stamp{display:none}h1,h2,p,a{color:black}.step{break-inside:avoid}.ui-example{box-shadow:none}details{break-inside:avoid}}