*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#151515;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #896200;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 5%;border-bottom:1px solid #eee;background:#fff}.brand{font-size:29px;font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand b{display:grid;place-items:center;background:#ffdc00;width:34px;height:38px;border-radius:9px;font-size:27px}.brand span{color:#e2bb00}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.header-link{font-size:14px;font-weight:700;border:1px solid #ddd;border-radius:30px;padding:11px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:#ffdc00;min-height:620px;align-items:center;gap:50px;padding:68px 6% 60px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,6.2vw,88px);line-height:.99;letter-spacing:-4px;margin-bottom:28px}h1 span{color:#fff;text-shadow:0 1px 1px #8a710033}h2{font-size:clamp(32px,3.8vw,52px);line-height:1.1;letter-spacing:-2px;margin-bottom:26px}h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-bottom:15px}.lead{max-width:480px;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:25px;margin:30px 0 23px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;border-radius:9px;padding:16px 23px;font-size:15px;font-weight:700}.dark{background:#161616;color:white}.dark:hover{background:#333}.text-link{font-weight:700;font-size:15px}.release{font-size:13px;margin:0}.hero-brand{background:#fff;border-radius:24px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 25px 40px #86660028}.brand-art{height:0;padding-top:41%;position:relative;overflow:hidden;margin-top:25px}.brand-art img{position:absolute;top:-10%;left:0;width:100%;height:auto}.brand-caption{display:flex;align-items:center;justify-content:space-between;padding:28px 35px;background:#f6f6f4;font-size:19px;font-weight:700;line-height:1.3}.circle-arrow{border-radius:50%;padding:12px;background:#ffdc00;font-size:28px}.promise{display:flex;justify-content:space-around;padding:23px 10%;font-size:17px;font-weight:600;border-bottom:1px solid #e7e7e7}.promise span+span{border-left:1px solid #ddd;padding-left:8%}.section{padding:85px 6%;max-width:1600px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-title p:not(.eyebrow){color:#636363}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.catalog details{border:1px solid #e6e6e3;border-radius:12px;background:#fafaf9}.catalog summary{cursor:pointer;list-style:none;padding:23px;min-height:120px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px}.catalog summary::-webkit-details-marker{display:none}.catalog summary strong{font-size:19px;line-height:1.25}.catalog summary small{font-size:13px;color:#686868;grid-column:1}.catalog summary:after{content:'+';grid-column:2;grid-row:1/3;font-size:25px;align-self:center}.catalog details[open]{border-color:#d4b500;background:#fff}.catalog details[open] summary{background:#ffdf22;border-radius:12px 12px 0 0}.catalog details[open] summary:after{content:'−'}.catalog ul{margin:0;padding:16px 23px 20px;list-style:none}.catalog li{font-size:15px;padding:7px 0;border-bottom:1px solid #eee}.catalog li:last-child{border:0}.note{color:#707070;font-size:13px;margin:22px 0 0;max-width:760px}.how{max-width:none;background:#171717;color:#fff}.how .eyebrow{color:#ffdf00}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:55px}.steps article{border-top:1px solid #555;padding-top:25px}.steps article>span{font-size:15px;color:#ffdf00;display:block;margin-bottom:22px}.steps p{color:#c4c4c4;margin-bottom:0}.people{display:grid;grid-template-columns:1fr 1fr;gap:90px}.people>div>p:not(.eyebrow){max-width:450px;color:#626262}.membership{background:#f4f4f1;padding:40px;border-radius:18px}.membership .eyebrow{font-size:12px}.price{font-size:72px;line-height:1;letter-spacing:-4px;font-weight:800;margin:30px 0}.price span{font-size:16px;letter-spacing:0;font-weight:400;margin-left:15px}.membership p{color:#555}.membership hr{border:0;border-top:1px solid #d8d8d4;margin:28px 0}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#ffdf22;max-width:none}.app-section>div>p:not(.eyebrow){max-width:530px}.platforms{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.platforms span{padding:10px 15px;border:1px solid #8c7800;border-radius:30px;font-size:14px}.app-details article{display:flex;gap:20px;margin-bottom:28px}.app-details article>span{font-size:28px;width:35px;flex-shrink:0}.app-details h3{margin:0 0 8px}.app-details p{margin:0;font-size:16px}.faq{display:grid;grid-template-columns:.8fr 1fr;gap:65px}.faq details{border-bottom:1px solid #ddd;padding:20px 0}.faq summary{cursor:pointer;font-weight:600;padding-right:20px}.faq details p{color:#626262;margin:18px 0 0}.closing{background:#f5f5f2;padding:50px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing p{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0}footer{padding:35px 6%;display:flex;align-items:center;gap:35px}footer p{margin:0;font-size:14px;color:#555}footer small{margin-left:auto;font-size:12px;color:#666}@media(min-width:1700px){.hero{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:900px){header{flex-wrap:wrap;gap:15px}.header-link{display:none}nav{gap:15px}.hero{gap:30px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.people,.app-section,.faq{gap:35px}.section{padding:65px 5%}.steps{gap:25px}.membership{padding:25px}.brand-caption{padding:20px;font-size:16px}}@media(max-width:600px){header{padding:18px 6%}.brand{font-size:27px}nav{width:100%;justify-content:space-between;font-size:13px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:30px}h1{font-size:62px;letter-spacing:-3px}.hero .eyebrow{font-size:11px;letter-spacing:1px}.lead{font-size:17px}.hero-brand{max-width:420px;transform:rotate(-2deg);margin:0 6px 10px}.brand-art{margin-top:12px}.brand-caption{font-size:16px;padding:20px}.promise{font-size:14px;padding:20px 6%}.promise span+span{padding-left:5%}.section-title,.closing{display:block}.section-title p:not(.eyebrow){font-size:15px}.section{padding:52px 6%}.catalog{grid-template-columns:1fr;gap:10px}.catalog summary{min-height:94px;padding:19px}.catalog summary strong{font-size:18px}.steps,.people,.app-section,.faq{grid-template-columns:1fr;gap:35px}.steps{margin-top:25px}.steps article>span{margin-bottom:15px}.price{font-size:65px}.people>div>p{font-size:16px}.closing{padding:35px 6%}.closing .button{margin-top:25px}footer{flex-wrap:wrap;gap:15px;padding:30px 6%}footer p,footer small{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Final brand and legibility adjustments. */
body h1 span{color:#151515;text-shadow:none;text-decoration:underline;text-decoration-color:white;text-decoration-thickness:5px;text-underline-offset:9px}body .brand-art{padding-top:37%}
