@charset "UTF-8";
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf2ec;background:#0b100e;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,footer{max-width:1220px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{font-weight:450;color:#b4df73;margin-left:4px}.header-note,footer{font-size:12px;color:#95a398}main{max-width:1132px;margin:48px auto 65px;display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:start;padding:0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b4df73;font-weight:650;margin:0 0 23px}h1{font-size:clamp(42px,4.8vw,65px);line-height:1.06;letter-spacing:-3px;margin:0 0 23px;font-weight:650}.description{max-width:420px;color:#aab4ac;font-size:15px;line-height:1.8}.features{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#c1cbc3;margin-top:22px}.roll-preview{height:225px;position:relative;margin:23px 0 15px;width:320px;perspective:800px}.film{background:#d9e2d5;transform:rotate(-9deg) skewX(8deg);color:#153528;width:220px;height:200px;margin-left:55px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border-radius:8px;box-shadow:0 24px 55px #0008}.film b{font-size:33px;font-weight:900;align-self:center}.film span{font-size:13px;font-weight:900;line-height:1.1;align-self:center}.film .circle{border:2px solid #396a49;border-radius:50%;font-size:57px;line-height:1;width:77px;height:77px;text-align:center}.film .mini{font-size:25px;letter-spacing:-1px}.roll-end{width:220px;height:32px;border-radius:50%;background:linear-gradient(#c0cabc,#6e7d6e);position:absolute;left:57px;bottom:0;transform:rotate(-9deg) skewX(8deg);box-shadow:inset 0 6px 7px #ffffff55}.panel{background:#141c17;border:1px solid #2b372e;padding:32px;border-radius:18px;box-shadow:0 20px 80px #0003}h2{font-size:25px;font-weight:600;letter-spacing:-.6px;margin:27px 0 10px}.muted{color:#a5b1a8;line-height:1.6;font-size:14px}.small,.footnote{font-size:12px;line-height:1.65}.footnote{color:#8c9c90;border-top:1px solid #2b372e;margin-top:28px;padding-top:20px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0c120e;padding:4px;border-radius:9px;gap:4px}.tabs button{border:0;margin:0;background:none;color:#a5b1a8}.tabs .selected{background:#29352b;color:#eef7e9}button,input,.primary{font:inherit;border-radius:8px}button,.primary{display:block;width:100%;padding:13px 16px;background:#202c23;color:#edf2ec;border:1px solid #3b4b3e;cursor:pointer;font-size:14px;font-weight:600;text-align:center;margin-top:14px}button:hover,.primary:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:wait}.primary{background:#b4df73;color:#112010;border-color:#b4df73;margin-top:24px}.primary span{float:right}label{font-size:12px;display:block;margin:20px 0 0;color:#c5d0c7}input{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid #354137;background:#0f1611;color:#fff;outline:none}input:focus{border-color:#b4df73;box-shadow:0 0 0 3px #b4df731a}button:focus-visible,a:focus-visible{outline:2px solid #b4df73;outline-offset:3px}.text-button{background:none;border:0;color:#bdcbbf;font-size:12px;padding:9px}.plan{background:#0e1611;border:1px solid #2e4032;border-radius:12px;padding:22px;margin:24px 0}.plan h3{font-size:20px;margin:18px 0 0}.badge{background:#2c3b2d;color:#c3ddab;font-size:11px;border-radius:20px;padding:5px 10px}details{font-size:13px;color:#b4c3b7;margin:20px 0}summary{cursor:pointer}#feedback{font-size:13px;line-height:1.6;padding:14px;border-radius:8px;margin-bottom:20px;background:#273b2b;color:#d1ebc4;overflow-wrap:anywhere}#feedback.error{background:#492921;color:#ffd2c1}[hidden]{display:none!important}footer{border-top:1px solid #202c23;padding-top:20px}footer span{color:#677a6c}@media(max-width:850px){header{padding:24px}.header-note{display:none}main{grid-template-columns:1fr;gap:28px;max-width:560px;margin-top:18px}.intro h1{font-size:46px}.roll-preview{display:none}.features{display:none}.panel{padding:25px}footer{padding:24px}.intro .description{margin-bottom:0}} 

@media(max-width:600px){input{font-size:16px}header{padding:18px 22px}main{margin:5px auto 30px;gap:15px;padding:0 16px}.intro h1{font-size:30px;letter-spacing:-1px;margin-bottom:5px}.intro .eyebrow{margin-bottom:10px;font-size:9px}.intro .description{display:none}.panel{padding:22px}h2{font-size:23px}footer{padding:18px;font-size:11px}#account-challenge{max-width:100%;overflow:auto}}