.is-how{--base:#fffdf8;--surface:#fff;--border:#eceef2;--field-border:#848da0;--neutral-tint:#f2f4f7;--ink:#1b2a4a;--ink-2:#5b6477;--main:#006cab;--main-tint:#e8f6ff;--main-wash:#dcedf6;--main-deco:#249cec;--cta:#c74f00;--cta-hover:#aa4200;--on-cta:#fff;--accent-text:#7f4ee4;--accent-tint:#f4f1ff;--done:#00755d;--done-tint:#e0faf1;--due:#006cab;--due-tint:#e8f6ff;--error:#9e0019;--error-tint:#fee;--shadow-card:0 1px 2px #1b2a4a0d, 0 6px 20px #1b2a4a0f;--shadow-pop:0 10px 32px #1b2a4a29}.is-how *,.is-how :before,.is-how :after{box-sizing:border-box}.is-how{background:var(--base);color:var(--ink);font-family:var(--font-face-jakarta);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:500;line-height:1.5}.is-how h1,.is-how h2,.is-how h3,.is-how p,.is-how ol,.is-how ul,.is-how figure,.is-how fieldset{margin:0}.is-how ol,.is-how ul{padding:0;list-style:none}.is-how button,.is-how input,.is-how select,.is-how textarea{font:inherit;color:inherit}.is-how a{color:var(--main);text-underline-offset:3px}.is-how img,.is-how svg,.is-how canvas{max-width:100%;display:block}.is-how :focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:6px}.is-how .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-how .ar{font-family:var(--font-face-naskh);direction:rtl;unicode-bidi:isolate;font-weight:400;line-height:1.9}.is-how .icon{flex:none;width:20px;height:20px}.is-how .muted{color:var(--ink-2)}.is-how .small{font-size:14px}.is-how .num{font-variant-numeric:tabular-nums}.is-how .eyebrow{color:var(--ink-2);font-size:14px;font-weight:700}.is-how .btn{border:1.5px solid var(--field-border);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.is-how .btn:hover{border-color:var(--main);color:var(--main)}.is-how .btn .icon{width:18px;height:18px}.is-how .btn-primary{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}.is-how .btn-primary:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:var(--on-cta)}.is-how .btn-blue{border-color:var(--main);color:var(--main)}.is-how .btn-blue:hover{background:var(--main-tint)}.is-how .btn-ghost{color:var(--main);background:0 0;border-color:#0000;padding:0 10px}.is-how .btn-ghost:hover{background:var(--main-tint);border-color:#0000}.is-how .btn-block{width:100%;display:flex}.is-how .btn-lg{border-radius:14px;min-height:52px;font-size:16px}.is-how .btn[disabled]{cursor:not-allowed;opacity:.45}.is-how .btn[disabled]:hover{border-color:var(--field-border);color:var(--ink)}.is-how .btn-primary[disabled]:hover{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}.is-how .link-btn{color:var(--main);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.is-how .chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 7px;font-size:13px;font-weight:700;line-height:1.35;display:inline-flex}.is-how .chip .icon{width:16px;height:16px}.is-how .chip-done{background:var(--done-tint);color:var(--done)}.is-how .chip-due{background:var(--due-tint);color:var(--due)}.is-how .chip-error{background:var(--error-tint);color:var(--error)}.is-how .chip-quiet{background:var(--neutral-tint);color:var(--ink-2)}.is-how .tag-accent{background:var(--accent-tint);color:var(--accent-text);letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}.is-how .card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;padding:20px}.is-how .brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.is-how .brand-mark{background:var(--main);width:34px;height:34px;color:var(--surface);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.is-how .brand-mark .icon{width:20px;height:20px}.is-how .brand-logo{flex:none;width:34px;height:34px}.is-how .brand-name{white-space:nowrap}.is-how .brand-sub{font-weight:400}.is-how .icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.is-how .icon-btn:hover{background:var(--main-tint);color:var(--main)}.is-how .icon-btn .icon{width:24px;height:24px}.is-how .toast{z-index:50;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-pop);border-radius:12px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.is-how .start-lead{color:var(--ink-2);margin-top:10px;font-size:17px}.is-how .back{color:var(--main);border-radius:10px;align-items:center;gap:4px;margin:-6px 0 12px -6px;padding:6px;font-weight:700;text-decoration:none;display:inline-flex}.is-how .back:hover{background:var(--main-tint)}.is-how .back .icon{width:20px;height:20px}.is-how .act-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.is-how .act-head .back{margin-bottom:0}.is-how .tries{color:var(--ink-2);white-space:nowrap;font-size:14px;font-weight:700}.is-how .act-title{color:var(--ink-2);margin-top:14px;font-size:14px;font-weight:800}.is-how .act-prompt{letter-spacing:-.01em;margin-top:4px;font-size:22px;font-weight:800;line-height:1.3}.is-how .act-source{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.is-how .act-body{margin-top:20px}.is-how .act-actions{gap:10px;margin-top:20px;display:grid}.is-how .act-actions .btn-ghost{justify-self:center}.is-how .pairs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.is-how .pairs-col{align-content:start;gap:10px;display:grid}.is-how .pair{border:1.5px solid var(--field-border);background:var(--surface);width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.35;display:flex;position:relative}.is-how .pair:hover{border-color:var(--main)}.is-how .pair>.ar{text-align:right;flex:1;font-size:22px;line-height:1.7}.is-how .pair-tag{background:var(--neutral-tint);min-width:26px;height:26px;color:var(--ink-2);border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:800;display:inline-flex}.is-how .pair-text{overflow-wrap:anywhere;flex:1;min-width:0}.is-how .part-fb{align-items:flex-start;gap:6px;margin-top:6px;font-size:14px;font-weight:700;display:flex}.is-how .part-fb .icon{width:18px;height:18px;margin-top:1px}.is-how .part-fb.is-right{color:var(--done)}.is-how .pair-fb-list{gap:8px;margin-top:14px;display:grid}.is-how .pair-fb-row{align-items:flex-start;gap:10px;display:flex}.is-how .pair-fb-row .part-fb{margin-top:3px}.is-how .answer-text{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:14px}.is-how .fb{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.is-how .fb-head{flex-wrap:wrap;align-items:center;gap:6px 10px;font-weight:800;display:flex}.is-how .fb-head .icon{width:22px;height:22px}.is-how .fb-right .fb-head{color:var(--done)}.is-how .fb-wrong .fb-head{color:var(--error)}.is-how .fb-head .fb-score{color:var(--ink);font-weight:700}.is-how .fb-line{color:var(--ink);align-items:flex-start;gap:8px;margin-top:10px;line-height:1.45;display:flex}.is-how .fb-line .icon{color:var(--main);margin-top:1px}.is-how .t-nav{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.is-how .t-nav a{color:var(--ink-2);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.is-how .t-nav a:hover,.is-how .t-nav a[aria-current=page]{color:var(--main);background:var(--main-tint)}.is-how .t-nav .icon{width:18px;height:18px}.is-how .count{background:var(--badge,var(--main));min-width:22px;height:22px;color:var(--on-badge,var(--surface));border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.is-how .t-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.is-how .t-h1{letter-spacing:-.02em;margin-top:4px;font-size:32px;font-weight:800;line-height:1.15}.is-how .t-h2{font-size:19px;font-weight:800;line-height:1.3}.is-how .big{letter-spacing:-.03em;font-size:56px;font-weight:800;line-height:1}.is-how .rv-main{padding:28px}.is-how .rv-name{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.is-how .score-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.is-how .score-btns{gap:8px;display:inline-flex}.is-how .score-btns span{border:1.5px solid var(--field-border);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;width:52px;height:48px;font-size:18px;font-weight:800;display:inline-flex}.is-how .field-label{margin-top:18px;margin-bottom:6px;font-weight:800;display:block}.is-how .comment-box{resize:vertical;border:1.5px solid var(--field-border);background:var(--surface);border-radius:12px;width:100%;max-width:720px;min-height:84px;padding:10px 12px;display:block}.is-how .comment-box:focus{border-color:var(--main);box-shadow:0 0 0 3px var(--main-tint);outline:none}.is-how .rv-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:18px;display:flex}.is-how .form-card{max-width:900px;margin-top:20px;padding:28px}.is-how .form-card+.form-card{margin-top:16px}.is-how .step-title{font-size:19px;font-weight:800}.is-how .pick-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.is-how .pick{border:1.5px solid var(--field-border);cursor:pointer;background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:14px 14px 14px 44px;display:flex;position:relative}.is-how .pick:hover{border-color:var(--main)}.is-how .pick-title{font-weight:800;line-height:1.3}.is-how .pick-sub{color:var(--ink-2);font-size:14px;line-height:1.4}.is-how .options-row{flex-wrap:wrap;align-items:flex-end;gap:16px 28px;margin-top:18px;display:flex}.is-how .opt{gap:6px;display:grid}.is-how .opt>span{font-size:14px;font-weight:800}.is-how .input{border:1.5px solid var(--field-border);background:var(--surface);border-radius:12px;min-height:44px;padding:0 12px;font-weight:600}.is-how .form-actions{align-items:center;gap:16px;max-width:900px;margin-top:24px;display:flex}@media (max-width:1100px){.is-how .pick-list{grid-template-columns:1fr 1fr}}@media (max-width:860px){.is-how .t-nav{flex-basis:100%;order:3;overflow-x:auto}.is-how .pick-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.is-how *{transition:none!important;animation:none!important}}.is-how .rv-name{scroll-margin-top:20px}.is-how .opt .opt-note{max-width:24em;color:var(--ink-2);font-size:13px;font-weight:600;display:block}@media (min-width:600px){.is-how .act-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 16px;display:flex}.is-how .act-actions .btn-block{width:auto;min-width:240px}.is-how .act-actions .btn-ghost{order:-1}.is-how .act-prompt{font-size:26px}.is-how .pairs{gap:14px}.is-how .pairs-col{gap:12px}.is-how .pair{min-height:72px;padding:12px 14px;font-size:16px}.is-how .pair>.ar{font-size:26px}}.is-how .prov{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;display:flex}.is-how .prov .icon{width:16px;height:16px}@media (max-width:1199px){.is-how .t-nav a{gap:6px;padding:9px}.is-how .t-nav{scrollbar-width:none;overflow-x:auto}}@media (min-width:861px) and (max-width:1279px){.is-how .t-nav a{gap:6px;padding:9px 6px}.is-how .t-nav{scrollbar-width:none;gap:3px;overflow-x:auto}}@media (min-width:1280px){.is-how .t-nav a{gap:6px;padding:9px 10px}.is-how .t-nav{flex:none;justify-self:center;overflow:visible}}.is-how .btn-sm{min-height:36px;padding:0 10px;font-size:14px}.is-how .usage{align-items:center;gap:10px;min-width:190px;display:inline-flex}.is-how .usage-bar{background:var(--main-wash);border-radius:999px;flex:1;min-width:60px;height:8px;position:relative;overflow:hidden}.is-how .usage-bar>span{background:var(--main-deco);border-radius:999px;height:100%;display:block}.is-how .usage-pct{min-width:3.2em;color:var(--ink-2);text-align:right;font-size:13px;font-weight:700}.is-how .alert-list{margin-top:10px;display:grid}.is-how .alert-row{border-bottom:1px solid var(--border);justify-items:start;gap:4px;padding:12px 0;display:grid}.is-how .alert-row:last-child{border-bottom:0}.is-how .alert-text{font-size:14px;font-weight:600;line-height:1.45}.is-how .alert-meta{color:var(--ink-2);font-size:13px}.is-how .seats-line{align-items:baseline;gap:10px;margin:10px 0 8px;display:flex}.is-how .seats-of{color:var(--ink-2);font-size:18px;font-weight:700}.is-how .how-seats{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.is-how .how-seats ul{color:var(--ink-2);gap:4px;margin:8px 0 0;padding-left:18px;font-size:14px;display:grid}.is-how .join-card{gap:16px;max-width:560px;margin-top:24px;padding:24px;display:grid}.is-how .join-card .input{width:100%}.is-how .code-input{letter-spacing:.08em;text-transform:uppercase;min-height:52px;font-size:22px;font-weight:800}.is-how .join-card .form-actions{flex-wrap:wrap;margin-top:0}.is-how .join-ok{width:fit-content;color:var(--done);align-items:center;gap:8px;margin-top:40px;font-weight:800;display:flex}.is-how .cred-card{max-width:560px;margin-top:24px;padding:24px}.is-how .cred{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.is-how .cred-item{border:1.5px solid var(--field-border);border-radius:14px;min-width:0;padding:12px 14px}.is-how .cred dt{color:var(--ink-2);font-size:13px;font-weight:800}.is-how .cred-val{letter-spacing:.04em;overflow-wrap:anywhere;margin:2px 0 0;font-size:26px;font-weight:800}.is-how .cred-warn{background:var(--due-tint);color:var(--due);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:10px 12px;font-weight:700;display:flex}.is-how .cred-warn .icon{flex:none;margin-top:2px}@media (max-width:560px){.is-how .cred{grid-template-columns:1fr}}.is-how .get-app-btns{flex-wrap:wrap;gap:8px;display:flex}.is-how .app-soon,.is-how .app-note{font-size:13px;font-weight:600}.is-how .btn.app-btn[disabled]{opacity:1;color:var(--ink-2);background:var(--base);border-style:dashed}.is-how .btn.app-btn[disabled]:hover{color:var(--ink-2)}.is-how a.btn.app-btn{background:var(--main);border-color:var(--main);color:#fff}.is-how a.btn.app-btn:hover{color:#fff;background:#00578a;border-color:#00578a}@media print{.is-how .toast{display:none!important}.is-how{background:var(--surface)}}.is-how{background:var(--base)}.is-how .how-top{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.is-how .how-top-in{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:10px 24px;display:flex}.is-how .how-nav{flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.is-how .how-nav a{color:var(--ink-2);white-space:nowrap;border-radius:10px;padding:9px 10px;font-size:14px;font-weight:700;text-decoration:none}.is-how .how-nav a:hover{color:var(--main);background:var(--main-tint)}.is-how .how-open{margin-left:auto}.is-how .how-acts{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.is-how .how-acts .how-open{margin-left:0}.is-how .how-try-short{display:none}@media (min-width:1120px){.is-how .how-top-in:has(.how-acts){gap:14px}.is-how .how-top-in:has(.how-acts) .how-nav a{padding-left:9px;padding-right:9px}}@media (max-width:1119px){.is-how .how-top-in:has(.how-acts) .how-nav{display:none}}.is-how .how-try-sec{text-align:center}.is-how .how-try-sec .btn{margin-top:16px}.is-how .how{max-width:1120px;margin:0 auto;padding:40px 24px 80px}.is-how .how-hero h1{letter-spacing:-.02em;margin-top:6px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1}.is-how .how-lead{max-width:44em;margin-top:14px;font-size:18px}.is-how .how-small{color:var(--ink-2);margin-top:8px;font-size:14px}.is-how .how-sec{margin-top:56px;scroll-margin-top:84px}.is-how .how-sec>h2{letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:1.2}.is-how .how-sec>p{margin-top:8px}.is-how .how-items{gap:20px;margin-top:20px;display:grid}.is-how .how-item,.is-how .how-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px}.is-how .how-item{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:start;gap:28px;padding:24px;display:grid}.is-how .how-item-reader{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin-top:20px}.is-how .how-item h3,.is-how .how-card h3{font-size:20px;font-weight:800;line-height:1.3}.is-how .how-text p+p,.is-how .how-text h3+p{margin-top:8px}.is-how .how-list,.is-how .gains{gap:8px;margin-top:10px;display:grid}.is-how .how-list li,.is-how .gains li{padding-left:20px;position:relative}.is-how .how-list{gap:10px;margin-top:14px}.is-how .how-list li{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-content:center;min-height:58px;padding:12px 14px 12px 64px;font-weight:600;line-height:1.45;display:block}.is-how .how-list li:before,.is-how .how-list li:after{content:"";position:absolute;top:50%}.is-how .how-list li:before{background:var(--main-tint);border-radius:12px;width:40px;height:40px;margin-top:-20px;left:10px}.is-how .how-list li:after{background:var(--main);width:20px;height:20px;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;margin-top:-10px;left:20px}.is-how .gains{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.is-how .gains li{background:var(--surface);border-radius:20px;padding:62px 20px 20px;box-shadow:0 2px #5e40001f,0 14px 30px -16px #5e400080}.is-how .gains li:before{content:"";background:#3fbf92 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b2a4a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") 50%/18px no-repeat;border-radius:11px;width:32px;height:32px;position:absolute;top:18px;left:18px}.is-how .how-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.is-how .how-card{align-content:start;gap:8px;padding:20px;display:grid}.is-how .shot{margin:0}.is-how .shot img{aspect-ratio:1366/820;object-fit:cover;object-position:top left;border:1px solid var(--border);background:var(--base);border-radius:12px;width:100%;height:auto;display:block}.is-how .shot.phone img{aspect-ratio:390/720;max-width:260px;margin:0 auto}.is-how .shot.phone img[src*=s13-marks]{aspect-ratio:390/697}.is-how .how-card .shot{margin-top:8px}.is-how .shot figcaption{color:var(--ink-2);text-align:center;margin-top:8px;font-size:13px}.is-how .how-books{background:var(--main-wash);font:inherit;color:var(--main);text-underline-offset:3px;cursor:pointer;border:0;border-radius:6px;align-items:baseline;gap:5px;padding:0 3px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.is-how .how-books .icon{align-self:center}.is-how .how-books:hover{background:var(--main-tint)}.is-how .how-books:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.is-how .how-text .seat-rules{gap:10px;margin:16px 0 10px;padding:0;list-style:none;display:grid}.is-how .seat-rules li{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.is-how .seat-n{background:var(--main-tint);width:44px;height:44px;color:var(--main);border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.is-how .seat-rules strong{font-size:16px;display:block}.is-how .seat-sub{color:var(--ink-2);margin-top:2px;font-size:14px;line-height:1.45;display:block}.is-how .books-dlg{background:var(--surface);width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow-pop);border:0;border-radius:20px;margin:auto;padding:0}.is-how .books-dlg::backdrop{background:#0f172a80}.is-how .books-in{padding:20px 24px 24px}.is-how .books-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.is-how .books-h{font-size:22px;font-weight:800}.is-how .books-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px;padding:0;list-style:none;display:grid}.is-how .books-list img{border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:10px;display:block}.is-how .books-name{margin-top:10px;font-weight:800}.is-how .books-foot{margin-top:16px}@media (max-width:640px){.is-how .books-list{gap:10px}.is-how .books-list .how-small{display:none}.is-how .books-in{padding:16px}}.is-how .rules-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:16px;overflow-x:auto}.is-how .rules{border-collapse:collapse;width:100%;font-size:15px}.is-how .rules th,.is-how .rules td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 14px}.is-how .rules thead th{color:var(--ink-2);white-space:nowrap;font-size:13px;font-weight:800}.is-how .rules tbody tr:last-child>*{border-bottom:0}@media (max-width:599px){.is-how .rules-wrap{display:none}}.is-how .protect{gap:12px;margin-top:14px;display:grid}.is-how .claim{text-align:left;cursor:default;background:0 0;border:0;grid-template-columns:9.5em minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:0;font-weight:800;display:grid}.is-how .claim .chip{order:-1;justify-self:start}.is-how .claim-says{margin:2px 0 0 calc(9.5em + 12px)}@media (max-width:599px){.is-how .protect{gap:8px}.is-how .protect li{border:1px solid var(--border);background:var(--surface);border-radius:14px}.is-how .claim{cursor:pointer;border-radius:14px;gap:10px;min-height:48px;padding:10px 14px;font-weight:700;display:flex}.is-how .claim .chip{flex:none;order:0}.is-how .claim:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;margin:0 3px 4px;transform:rotate(45deg)}.is-how .claim[aria-expanded=true]:after{margin-bottom:-4px;transform:rotate(-135deg)}.is-how .claim[aria-expanded=false]+.claim-says{display:none}.is-how .claim-says{margin:0;padding:0 14px 12px;line-height:1.5}}@media (max-width:599px) and (scripting:none){.is-how .claim[aria-expanded=false]+.claim-says{display:block}.is-how .claim:after{display:none}}.is-how .protect-name{flex:1;min-width:0}.is-how .protect-trace{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:16px}.is-how .protect-trace>summary{cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-weight:700;list-style:none;display:flex}.is-how .protect-trace>summary::-webkit-details-marker{display:none}.is-how .protect-trace>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;margin:0 3px 4px auto;transform:rotate(45deg)}.is-how .protect-trace[open]>summary:after{margin-bottom:-4px;transform:rotate(-135deg)}.is-how .protect-trace .icon{width:20px;height:20px;color:var(--main);flex:none}.is-how .protect-trace>p{margin:0;padding:0 14px 14px 44px;font-weight:600;line-height:1.5}.is-how .how-app{margin-top:14px}.is-how .refs ol{color:var(--ink-2);gap:8px;margin-top:12px;padding-left:22px;font-size:14px;list-style:decimal;display:grid}.is-how .refs cite{font-style:italic}.is-how .ref{font-weight:700;text-decoration:none}.is-how .how-credits{margin-top:16px}.is-how .how-credits a{text-underline-offset:3px;text-decoration:underline}@media (max-width:600px),(pointer:coarse){.is-how .demo-btn{min-height:44px}.is-how .how-books,.is-how .ref{position:relative}.is-how .how-books:after{content:"";position:absolute;inset:-10px -4px}.is-how .ref:after{content:"";position:absolute;inset:-12px}}@media (max-width:900px){.is-how .how-nav{display:none}.is-how .how-item{grid-template-columns:1fr;gap:16px;padding:20px}.is-how .how-cols{grid-template-columns:1fr}.is-how .how{padding:28px 16px 64px}.is-how .how-top-in{padding:10px 16px}}.is-how .how-item-reader{grid-template-rows:auto 1fr;grid-template-areas:"intro demo""claims demo";row-gap:0}.is-how .how-item-reader .reader-intro{grid-area:intro}.is-how .how-item-reader>.demo{grid-area:demo}.is-how .how-item-reader .reader-claims{grid-area:claims}@media (max-width:900px){.is-how .how-item-reader{grid-template-rows:none;grid-template-areas:"intro""demo""claims";row-gap:0}.is-how .how-item-reader>.demo{margin-top:16px}}@media (max-width:480px){.is-how .how-top-in{flex-wrap:wrap;gap:8px 12px}.is-how .how-open{min-height:40px;padding:0 12px;font-size:14px}.is-how .how-acts .btn{min-height:40px;padding:0 10px;font-size:14px}}@media (max-width:430px){.is-how .how-try-long{display:none}.is-how .how-try-short{display:inline}}@media (max-width:374px){.is-how .how-top-in{column-gap:8px}.is-how .how-acts{gap:4px}.is-how .how-acts .btn{padding:0 8px}}@media (max-width:359px){.is-how .how-acts{flex-basis:100%;gap:8px}.is-how .how-acts .btn{flex:1}}.is-how{isolation:isolate;position:relative}.is-how .how-waves{z-index:-1;pointer-events:none;position:absolute;left:0;right:0;overflow:hidden}.is-how .how-waves svg{width:100%;display:block}.is-how .how-waves .wv-t,.is-how .how-waves .wv-m,.is-how .how-waves-foot>.wv-p{display:none}.is-how .how-waves-top{height:660px;top:0}.is-how .how-waves-top .wv-d{height:660px}.is-how .how-waves-top .wv-t{height:700px}.is-how .how-waves-top .wv-m{height:780px}.is-how .how-waves-foot{height:300px;bottom:0}.is-how .how-waves-foot svg{height:100%}.is-how main.how{padding-bottom:300px}@supports (not (zoom:2)) or (font:-apple-system-body){@media (min-width:1921px){.is-how .how-waves-top,.is-how .how-waves-top .wv-d{height:34.375vw}.is-how .how-waves-foot{height:15.625vw}.is-how main.how{padding-bottom:15.625vw}}}@media (max-width:1279px){.is-how .how-waves-top{height:660px}}@media (max-width:900px){.is-how .how-waves-top .wv-d{display:none}.is-how .how-waves-top .wv-t{display:block}.is-how .how-waves-top{height:700px}.is-how .how-waves-foot{height:200px}.is-how .how-waves-foot>.wv-d{display:none}.is-how .how-waves-foot>.wv-p{height:200px;display:block;position:absolute;bottom:0;left:0}.is-how .how-waves-foot>.wv-p svg{overflow:visible}.is-how main.how{padding-bottom:200px}}@media (max-width:359px){.is-how .how-waves-foot>.wv-p>.wv-teal{transform:translate(-20px)}}@media (max-width:339px){.is-how .how-waves-foot>.wv-p>.wv-teal{transform:translate(-40px)}}@media (min-width:601px) and (max-width:720px){.is-how .how-waves-top .wv-t .wv-low{transform:translateY(50px)}}.is-how .how-hero-band{z-index:-1;pointer-events:none;width:100%;height:240px;margin-top:8px;display:none;position:absolute;left:0;right:0}@media (max-width:600px){.is-how .how-waves-top{display:none}.is-how .how-hero-band{display:block}}.is-how .how-books-fan{height:320px;margin:0;position:relative}.is-how .how-books-fan .hb{border-radius:6px;width:44%;max-width:188px;height:auto;position:absolute;bottom:8px;box-shadow:0 18px 40px #1b2a4a47,0 2px 6px #1b2a4a2e}.is-how .how-books-fan .hb-l{z-index:1;left:4%;transform:rotate(-9deg)}.is-how .how-books-fan .hb-c{z-index:3;width:48%;max-width:204px;left:50%;transform:translate(-50%)translateY(-16px)}.is-how .how-books-fan .hb-r{z-index:2;right:4%;transform:rotate(9deg)}@media (max-width:500px){.is-how .how-books-fan{height:0;padding-top:calc(65% + 30px)}}.is-how .how-hl{white-space:nowrap;position:relative}.is-how .how-draw{pointer-events:none;height:.34em;position:absolute;bottom:-.2em;left:-3%;right:-3%}.is-how .how-draw svg{width:100%;height:100%;display:block;overflow:visible}.is-how .how-draw path{fill:none;stroke:var(--main-deco);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.is-how .how-draw:after{content:"";background:var(--base);transform-origin:100%;animation:.9s cubic-bezier(.3,.7,.3,1) .3s both how-draw;position:absolute;inset:-4px -6px;transform:scaleX(0)}@keyframes how-draw{0%{transform:scaleX(1)}}.is-how .demo{--play:paused;min-width:0}.is-how .demo.is-run{--play:running}.is-how .how-card .demo{margin-top:8px}.is-how .demo-frame{aspect-ratio:760/620;width:100%;position:relative;overflow:hidden}.is-how .demo-e .demo-frame{aspect-ratio:760/540}.is-how .demo-phone .demo-frame{aspect-ratio:440/860;max-width:280px;margin:0 auto}.is-how .demo-canvas{width:760px;height:620px;transform:scale(var(--fit));transform-origin:0 0;position:absolute;top:0;left:0}@supports not (aspect-ratio:1 / 1){.is-how .demo-frame:before{content:"";padding-top:81.579%;display:block}.is-how .demo-e .demo-frame:before{padding-top:71.053%}.is-how .demo-phone .demo-frame:before{padding-top:195.455%}}.is-how .demo-e .demo-canvas{height:540px}.is-how .demo-phone .demo-canvas{width:440px;height:860px}.is-how .demo-frame{--fit:.27}.is-how .demo-phone .demo-frame{--fit:.468}@media (min-width:320px){.is-how .demo-frame{--fit:.323}.is-how .demo-phone .demo-frame{--fit:.559}}@media (min-width:360px){.is-how .demo-frame{--fit:.376}.is-how .demo-phone .demo-frame{--fit:.636}}@media (min-width:390px){.is-how .demo-frame{--fit:.415}.is-how .demo-phone .demo-frame{--fit:.636}}@media (min-width:430px){.is-how .demo-frame{--fit:.468}.is-how .demo-phone .demo-frame{--fit:.636}}@media (min-width:560px){.is-how .demo-frame{--fit:.639}.is-how .demo-phone .demo-frame{--fit:.636}}@media (min-width:768px){.is-how .demo-frame{--fit:.913}.is-how .demo-phone .demo-frame{--fit:.636}}@media (min-width:901px){.is-how .demo-frame{--fit:.603}.is-how .demo-e .demo-frame{--fit:.433}.is-how .demo-phone .demo-frame{--fit:.52}}@media (min-width:1120px){.is-how .demo-frame{--fit:.774}.is-how .demo-e .demo-frame{--fit:.556}.is-how .demo-phone .demo-frame{--fit:.636}}.is-how .demo-device{background:var(--base);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:16px;position:absolute;inset:20px;overflow:hidden}.is-how .demo-phone .demo-device,.is-how .demo-handset{border:10px solid var(--ink);border-radius:44px}.is-how .demo-phone .demo-device{inset:20px 15px}.is-how .demo-handset{width:380px;inset:20px auto 20px 20px}@media (prefers-reduced-motion:no-preference){.is-how .demo-device,.is-how .demo-admin{animation:demo-float 7s ease-in-out infinite var(--play)}.is-how .demo-admin{animation-duration:6s;animation-delay:-2.5s}}@keyframes demo-float{50%{transform:translateY(-6px)}}.is-how .demo-cap{color:var(--ink-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:10px;font-size:13px;display:flex}.is-how .demo-btn{min-width:96px}.is-how .demo-btn-t{text-align:left;min-width:2.9em;display:inline-block}.is-how .demo-btn:before{content:"";border-left:3.5px solid;border-right:3.5px solid;width:10px;height:12px}.is-how .demo-btn.is-paused:before{border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0}.is-how .demo i{font-style:normal}.is-how .demo .icon .icon{margin:0}.is-how .demo .pick-list{grid-template-columns:repeat(3,minmax(0,1fr))}.is-how .demo .t-nav{flex-basis:auto;order:0;overflow:visible}.is-how .demo .t-nav a{gap:8px;padding:9px 12px}.is-how .demo-handset .cred{grid-template-columns:1fr}.is-how .demo-phone .act-prompt{font-size:22px}.is-how .demo-phone .pairs,.is-how .demo-phone .pairs-col{gap:10px}.is-how .demo-phone .pair{min-height:64px;padding:10px 12px;font-size:15px}.is-how .demo-phone .pair>.ar{font-size:22px}.is-how .demo-phone .act-actions{justify-content:normal;align-items:normal;gap:10px;display:grid}.is-how .demo-phone .act-actions .btn-block{width:100%;min-width:0}.is-how .demo-swap{display:inline-grid}.is-how div.demo-swap{display:grid}.is-how .demo-swap>*{grid-area:1/1;align-self:start}.is-how .demo-bar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);height:60px;box-shadow:0 -6px 0 var(--surface);align-items:center;gap:20px;padding:0 18px;display:flex;position:relative}.is-how .demo-bar .t-nav{flex:none}.is-how .demo-page{padding:18px 24px}.is-how .demo-phone .demo-page{padding:16px}.is-how .demo-h{color:var(--ink-2);font-size:13px;font-weight:800}.is-how .demo-h1{letter-spacing:-.02em;margin-top:18px;font-size:26px;font-weight:800;line-height:1.15}.is-how .demo .opt>.input{font-size:16px;font-weight:600}.is-how .demo .input,.is-how .demo .comment-box{align-items:center;display:flex;position:relative}.is-how .demo-select{gap:18px}.is-how .demo-select:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:8px;height:8px;margin-top:-4px;transform:rotate(45deg)}.is-how .demo-toast{white-space:nowrap;position:absolute;bottom:18px}.is-how .demo .pick:before{content:"";border:2px solid var(--field-border);background:var(--surface);border-radius:50%;width:20px;height:20px;position:absolute;top:16px;left:14px}.is-how .demo-sel{border:1.5px solid var(--main);border-radius:inherit;background:var(--main-tint);box-shadow:inset 0 0 0 1px var(--main);position:absolute;inset:-1.5px}.is-how .demo .pick .demo-sel:after{content:"";background:radial-gradient(circle, var(--main) 0 4px, var(--surface) 4.6px 6.4px, var(--main) 7px);border-radius:50%;width:20px;height:20px;position:absolute;top:16px;left:14px}.is-how .demo .pick>span,.is-how .demo .pair>span,.is-how .demo .score-btns>span{position:relative}.is-how .demo .pick,.is-how .demo .pair{isolation:isolate}.is-how .demo .pick .demo-sel,.is-how .demo .pair .demo-sel{z-index:-1}.is-how .demo .pick:before{z-index:-2}.is-how .demo .score-btns .demo-sel{color:var(--main);justify-content:center;align-items:center;display:flex}.is-how .demo-tag{border-radius:inherit;background:var(--main);color:var(--surface);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.is-how .demo-focus{border:1.5px solid var(--main);border-radius:inherit;box-shadow:0 0 0 3px var(--main-tint);position:absolute;inset:-1.5px}.is-how .demo-type{vertical-align:top;white-space:nowrap;padding-right:3px;display:inline-block;position:relative;overflow:hidden}.is-how .demo-shut{background:var(--surface);width:100%;position:absolute;top:0;bottom:0;left:0}.is-how .demo-caret{background:var(--ink);width:2px;position:absolute;top:12%;bottom:12%;left:0}.is-how .demo-cur{z-index:60;opacity:0;pointer-events:none;position:absolute;top:0;left:0}.is-how .demo-cur-in{transform-origin:4.7px 2.9px;display:block}.is-how .demo-cur svg{width:28px;height:28px;display:block}.is-how .demo-cur path{fill:var(--ink);stroke:var(--surface);stroke-width:1.5px;stroke-linejoin:round}.is-how .demo-ring{border:3px solid var(--main-deco);opacity:0;border-radius:50%;width:34px;height:34px;position:absolute;top:-14.1px;left:-12.3px}.is-how .demo-fb{margin-top:20px}.is-how .demo-b .act-actions{position:relative}.is-how .demo-row2{justify-items:center}.is-how .demo-odo{vertical-align:top;font-variant-numeric:tabular-nums;height:1.2em;display:inline-block;overflow:hidden}.is-how .demo-odo>span{display:block}.is-how .b-fast{position:absolute;top:-12px;right:8px}.is-how .demo-after{position:relative}.is-how .b-end{position:absolute;top:0;left:0;right:0}.is-how .demo-legend{margin-right:6px;font-weight:800}.is-how .demo-pg{padding:20px;position:absolute;inset:0}.is-how .demo-d .brand{font-size:18px;display:flex}.is-how .demo-d .start-lead{margin-top:8px;font-size:16px}.is-how .demo-d .join-card{gap:14px;margin-top:16px;padding:18px}.is-how .demo-d .join-card .form-actions{flex-wrap:wrap;gap:10px 16px}.is-how .demo-d .join-ok{margin-top:6px}.is-how .demo-d .cred-card{margin-top:14px;padding:18px}.is-how .demo-d .d-pg3 .demo-h1{margin-top:8px}.is-how .demo-d .cred{gap:8px;margin:10px 0}.is-how .demo-d .cred-item{padding:8px 12px}.is-how .demo-d .cred-val{font-size:22px}.is-how .demo-d .d-pg3 .form-actions{margin-top:16px}.is-how .demo-admin{width:316px;padding:18px;position:absolute;top:100px;left:424px}.is-how .demo-org{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.is-how .demo-org-name{font-size:17px;font-weight:800}.is-how .demo-admin .big{font-size:40px}.is-how .demo-admin .seats-of{font-size:16px}.is-how .demo-admin .usage{min-width:0;display:flex}.is-how .demo-admin .usage-bar>span{transform-origin:0}.is-how .demo-admin .alert-list{margin-top:6px}.is-how .e-desk{box-shadow:none;color:#1b2a4a;background:#f4e4e8;border:0;border-radius:0;inset:0;overflow:hidden}.is-how .demo-e .e-desk{animation:none}.is-how .e-wall,.is-how .e-wall img{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.is-how .e-desk:before{content:"";z-index:1;background:#ffffff6b;position:absolute;inset:0}.is-how .e-win,.is-how .e-task{z-index:2}.is-how .e-tab:before,.is-how .e-bar:before,.is-how .e-rtitle:before{content:"";background:url(../media/olayn-mark-small.3lsxxmaz0oaja.svg) 50%/contain no-repeat;flex:none;width:16px;height:16px;display:block}.is-how .e-tabs:after,.is-how .e-rtitle:after,.is-how .e-shot-h:after{content:"— □ ✕";color:#444;flex:none;margin-left:auto;padding:0 12px;font:13px/1 Segoe UI,system-ui,sans-serif}.is-how .e-win{background:#fff;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #1b2a4ad1,0 8px 22px #00000047}.is-how .e-web:after,.is-how .e-reader:after{content:"";opacity:0;pointer-events:none;background:#10172685;position:absolute;inset:0}.is-how .e-web{width:372px;height:276px;top:22px;left:22px}.is-how .e-tabs{background:#e6e9ee;align-items:flex-end;height:38px;margin:0;padding:7px 8px 0;display:flex}.is-how .e-tab{background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:7px;height:31px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.is-how .e-tabs:after{padding-bottom:9px}.is-how .e-addr{background:#fff;border-bottom:1px solid #e3e6ea;align-items:center;height:32px;margin:0;padding:0 10px;display:flex}.is-how .e-url{color:#3b4252;background:#f1f3f5;border-radius:999px;flex:1;align-items:center;gap:7px;height:24px;padding:0 12px;font:600 12px/1 Segoe UI,Plus Jakarta Sans,sans-serif;display:flex}.is-how .e-url:before{content:"";width:12px;height:12px;-webkit-mask:var(--e-lock) center / contain no-repeat;-webkit-mask:var(--e-lock) center / contain no-repeat;mask:var(--e-lock) center / contain no-repeat;background:#3b4252}.is-how .e-desk{--e-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M8 11V7a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E");--e-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0'/%3E%3Cpath d='M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0'/%3E%3Cpath d='M3 6v13'/%3E%3Cpath d='M12 6v13'/%3E%3Cpath d='M21 6v13'/%3E%3C/svg%3E");--e-pen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 20h4l10.5-10.5a2.828 2.828 0 1 0-4-4L4 16v4'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E")}.is-how .e-home{background:#fffbee;height:206px;position:relative;overflow:hidden}.is-how .e-bar{letter-spacing:-.01em;background:#fff;border-bottom:1px solid #1b2a4a24;align-items:center;gap:7px;height:38px;margin:0;padding:0 14px;font-size:13px;font-weight:800;display:flex}.is-how .e-bar:before{width:22px;height:22px}.is-how .e-bar>span{margin-left:-3px;font-weight:400}.is-how .e-bar>b{color:#fff;background:#1b2a4a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:10px;font-weight:800;display:inline-flex}.is-how .e-field{color:#5e4000;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23CBF3A9' stop-opacity='0.95'/%3E%3Cstop offset='0.55' stop-color='%23A9F7BA' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%2394DEB8' stop-opacity='0.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0 18C70 4 150 32 230 26C300 21 350 4 390 10V72C300 86 200 76 120 82C70 86 30 82 0 86Z'/%3E%3C/svg%3E") 0 100%/100% 56px no-repeat,#fff3a9;height:96px;padding:12px 16px;position:relative}.is-how .e-field>p{margin:0;font-size:11px;font-weight:700}.is-how .e-field>.e-wk{letter-spacing:-.02em;margin-top:2px;font-size:22px;font-weight:800;line-height:1.15}.is-how .e-cover,.is-how .e-cover img{border-radius:3px;width:44px;height:60px;display:block;position:absolute;top:10px;right:16px}.is-how .e-cover img{position:static;box-shadow:0 2px 6px #1b2a4a40}.is-how .e-tiles{grid-template-columns:1fr 1fr;gap:10px;margin:-22px 0 0;padding:0 16px;display:grid}.is-how .e-tile{background:#fff;border-radius:14px;min-height:104px;padding:11px 12px;font-size:10px;font-weight:600;line-height:1.3;display:block;position:relative;box-shadow:0 1px 2px #1b2a4a0d,0 6px 16px #1b2a4a1f}.is-how .e-tile:before{content:"";width:18px;height:18px;-webkit-mask:var(--e-book) center / contain no-repeat;-webkit-mask:var(--e-book) center / contain no-repeat;mask:var(--e-book) center / contain no-repeat;background:currentColor;display:block}.is-how .e-tile>b{letter-spacing:-.01em;margin:14px 0 4px;font-size:14px;font-weight:800;line-height:1.2;display:block}.is-how .e-read{color:#fff;background:#c74f00}.is-how .e-prac:before{background:#006cab;border-radius:8px;width:16px;height:16px;padding:6px;box-shadow:inset 0 0 0 14px #e1f2f8;-webkit-mask:none;mask:none}.is-how .e-prac:after{content:"";width:16px;height:16px;-webkit-mask:var(--e-pen) center / contain no-repeat;-webkit-mask:var(--e-pen) center / contain no-repeat;mask:var(--e-pen) center / contain no-repeat;background:#006cab;position:absolute;top:17px;left:18px}.is-how .e-prac>b{margin-top:12px}.is-how .e-prac>i{color:#1b2a4a;background:#dceefa;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-style:normal;font-weight:700;display:inline-flex}.is-how .e-prac>i:before{content:"";background:#005f97;border-radius:50%;width:6px;height:6px}.is-how .e-reader{transform-origin:50% 100%;color:#e8eef5;background:#0c0f13;width:358px;height:448px;top:48px;left:380px;box-shadow:0 0 0 3px #1b2a4ad1,0 0 0 4px #ffffff2e,0 12px 28px #0000004d}.is-how .e-rtitle{background:#11161c;align-items:center;gap:8px;height:34px;margin:0;padding:0 0 0 12px;font-size:14px;font-weight:600;display:flex}.is-how .e-rtitle:before{width:18px;height:18px}.is-how .e-rtitle:after{color:#9fb0c4}.is-how .e-rbar{background:#11161c;border-top:1px solid #1c232c;border-bottom:1px solid #2a3340;align-items:center;gap:6px;height:36px;margin:0;padding:0 12px;display:flex}.is-how .e-rbar>span{color:#9fb0c4;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}.is-how .e-rbar>.is-on{color:#e8eef5;background:#2a3340;font-weight:700}.is-how .e-rbar>.e-pn{margin-left:auto;padding:0;font-size:12px}.is-how .e-room{background:linear-gradient(#0c0f13,#11161c);justify-content:center;align-items:center;height:334px;display:flex;position:relative}.is-how .e-room:before,.is-how .e-room:after{color:#e8eef5;background:#2a3340;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:-15px;font:700 18px/1 Segoe UI,sans-serif;display:flex;position:absolute;top:50%}.is-how .e-room:before{content:"‹";left:12px}.is-how .e-room:after{content:"›";right:12px}.is-how .e-paper{background:#fff;width:232px;height:313px;display:block;position:relative;box-shadow:0 8px 22px #00000080}.is-how .e-pg,.is-how .e-pg img{width:232px;height:313px;display:block}.is-how .e-mark{color:#5b6477;letter-spacing:.04em;text-align:center;background:#ffffffd6;padding:3px 0;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.is-how .e-strip{color:#9fb0c4;background:#11161c;border-top:1px solid #2a3340;align-items:center;height:44px;margin:0;padding:0 12px 0 14px;font-size:11px;font-weight:600;display:flex}.is-how .e-strip:after{content:"";background:linear-gradient(90deg,#2a3340 18px,#0000 18px 24px,#2a3340 24px 42px,#0000 42px 48px,#2a3340 48px 66px,#0000 66px 72px,#fff 72px 90px,#0000 90px 96px,#2a3340 96px 114px,#0000 114px 120px,#2a3340 120px 138px);width:138px;height:24px;margin-left:auto}.is-how .e-task{background:#f3f3f3f0;border-top:1px solid #00000014;justify-content:center;align-items:center;height:44px;display:flex;position:absolute;bottom:0;left:0;right:0}.is-how .e-task:before{content:"";background-color:#0000;background-image:linear-gradient(#0067c0,#0067c0),linear-gradient(#0067c0,#0067c0),linear-gradient(#0067c0,#0067c0),linear-gradient(#0067c0,#0067c0),radial-gradient(circle,#0000 5px,#1b2a4a 5px 7.5px,#0000 7.5px),linear-gradient(#f6cf57,#e9b52a),conic-gradient(from 200deg,#0a84ff,#2dd4bf 50%,#0a84ff),url(../media/olayn-mark-small.3lsxxmaz0oaja.svg),linear-gradient(#0067c0,#0067c0);background-position:4px 4px,16px 4px,4px 16px,16px 16px,40px 0,84px 4px,124px 2px,164px 2px,169px 31px;background-repeat:no-repeat;background-size:10px 10px,10px 10px,10px 10px,10px 10px,30px 30px,26px 22px,26px 26px,26px 26px,16px 3px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;width:194px;height:34px;display:block}.is-how .e-task:after{content:"10:24\a 9/10/2026";white-space:pre;text-align:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 16' fill='none' stroke='%231b2a4a' stroke-width='1.1'%3E%3Cpath d='M1.3 6a10.7 10.7 0 0 1 13.4 0M3.7 8.3a7.3 7.3 0 0 1 8.6 0M6 10.7a3.3 3.3 0 0 1 4 0'/%3E%3Ccircle cx='8' cy='12.7' r='.7' fill='%231b2a4a'/%3E%3Cpath d='M30.7 6.7v2.6h2.6l3.4 2.7V4l-3.4 2.7zM38.7 6a2.7 2.7 0 0 1 0 4'/%3E%3Crect x='58' y='4.7' width='10.7' height='6.6' rx='1.3'/%3E%3Cpath d='M68.7 6.7H70v2.6h-1.3'/%3E%3Crect x='59.3' y='6' width='6.7' height='4' fill='%231b2a4a' stroke='none'/%3E%3C/svg%3E") 0/72px 16px no-repeat;align-items:center;padding-left:84px;font:600 11px/1.25 Segoe UI,Plus Jakarta Sans,sans-serif;display:flex;position:absolute;top:0;bottom:0;right:12px}.is-how .e-desk:after{content:"";z-index:5;opacity:0;background:#fff;position:absolute;inset:0}.is-how .e-snip{z-index:4;color:#e8eef5;white-space:nowrap;background:#1f1f1f;border-radius:10px;align-items:center;gap:12px;height:38px;margin:0;padding:0 14px;font-size:13px;font-weight:700;display:flex;position:absolute;top:10px;left:50%;translate:-50%;box-shadow:0 6px 18px #00000059}.is-how .e-snip:before{content:"";border:2px dashed #e8eef5;border-radius:3px;width:18px;height:13px}.is-how .e-snip:after{content:"✕";color:#9fb0c4}.is-how .e-sel{z-index:3;opacity:0;pointer-events:none;width:0;height:0;position:absolute;top:14px;right:16px;box-shadow:inset 0 0 0 2px #fff,0 0 0 1200px #0a0e1480}.is-how .e-shot{width:368px;height:277px;top:206px;left:10px}.is-how .e-shot-h{background:#f3f3f3;align-items:center;height:30px;margin:0;padding:0 0 0 12px;font-size:13px;font-weight:700;display:flex}.is-how .e-mini{border:1px solid #1b2a4a33;border-radius:4px;height:231px;margin:8px;position:relative;overflow:hidden}.is-how .e-mini>.e-wall{width:364.4px;height:258.9px;inset:-6.7px auto auto -6.7px}.is-how .e-mini:before{content:"";z-index:1;background:#ffffff6b;position:absolute;inset:0}.is-how .e-mini:after{content:"";z-index:2;background-color:#e6e9ee;background-image:linear-gradient(#5e4000bf,#5e4000bf),linear-gradient(#5e40008c,#5e40008c),linear-gradient(#1b2a4abf,#1b2a4abf),linear-gradient(#2f6fa8,#2f6fa8),radial-gradient(circle closest-side,#1b2a4a 92%,#0000),radial-gradient(circle closest-side,#0067c0 92%,#0000),linear-gradient(#fff,#fff),linear-gradient(#f1f3f5,#f1f3f5),linear-gradient(#c74f00,#c74f00),linear-gradient(#fff,#fff),linear-gradient(#e3dcc6,#e3dcc6),linear-gradient(90deg,#cbf3a9,#a9f7ba 55%,#94deb8),linear-gradient(#fff3a9,#fff3a9),linear-gradient(#fffbee,#fffbee),linear-gradient(#fff,#fff),none;background-position:7.7px 67px,7.7px 58.5px,20.6px 40.5px,149.6px 56.6px,160.1px 36.9px,6.7px 37.4px,3.84px 3.36px,4.8px 20.14px,7.67px 87.26px,91.58px 87.26px,91.1px 86.8px,0 75.8px,0 51.78px,0 51.78px,0 18.22px,0 0;background-repeat:no-repeat;background-size:96px 6.5px,26.5px 3.5px,46.5px 4.5px,21.1px 28.8px,11.5px 11.5px,10.5px 10.5px,72.4px 14.86px,168.8px 11.5px,79.1px 46px,79.1px 46px,80.1px 46.5px,100% 22px,100% 46.03px,100% 81px,100% 33.56px,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:3px;width:178.4px;height:132.3px;position:absolute;top:3.8px;left:3.8px;box-shadow:0 0 0 1.5px #1b2a4ad1,0 4px 10px #0000002e}.is-how .e-gone{z-index:2;border:2px dashed #1b2a4a80;border-radius:6px;width:171.6px;height:216px;position:absolute;top:16.3px;left:175.5px}.is-how .e-none{z-index:3;color:#1b2a4a;text-align:center;background:#ffffffeb;border-radius:8px;width:160px;padding:8px 10px;font-size:17px;font-weight:800;line-height:1.25;position:absolute;top:93.5px;left:181.3px}.is-how .demo-a{--t:10s}@media (prefers-reduced-motion:no-preference){.is-how .a-l1{animation:a-l1 var(--t) linear infinite var(--play)}.is-how .a-l2{animation:a-l2 var(--t) linear infinite var(--play)}.is-how .a-scroll{animation:a-scroll var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .a-k1{animation:a-k1 var(--t) linear infinite var(--play)}.is-how .a-k2{animation:a-k2 var(--t) linear infinite var(--play)}.is-how .a-o1{animation:a-o1 var(--t) linear infinite var(--play)}.is-how .a-o2{animation:a-o2 var(--t) linear infinite var(--play)}.is-how .a-toast{animation:a-toast var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .a-cur{animation:a-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .a-tap{animation:a-tap var(--t) linear infinite var(--play)}.is-how .a-ring{animation:a-ring var(--t) linear infinite var(--play)}}.is-how .a-l1{opacity:0}.is-how .a-l2{opacity:1}.is-how .a-scroll{transform:translateY(-265px)}.is-how .a-k1{opacity:0}.is-how .a-k2{opacity:1}.is-how .a-o1{opacity:0}.is-how .a-o2{opacity:1}.is-how .a-toast{opacity:1;transform:translate(-50%)}.is-how .a-cur{opacity:0}.is-how .a-tap{transform:scale(1)}.is-how .a-ring{opacity:0;transform:scale(1.5)}@keyframes a-l1{0%,12%,97.5%,to{opacity:1}14.5%,94%{opacity:0}}@keyframes a-l2{0%,12%,97.5%,to{opacity:0}14.5%,94%{opacity:1}}@keyframes a-scroll{0%,15%,97.5%,to{transform:translateY(0)}22%,94%{transform:translateY(-265px)}}@keyframes a-k1{0%,30%,97.5%,to{opacity:1}32.5%,94%{opacity:0}}@keyframes a-k2{0%,30%,97.5%,to{opacity:0}32.5%,94%{opacity:1}}@keyframes a-o1{0%,30%,97.5%,to{opacity:1}32.5%,94%{opacity:0}}@keyframes a-o2{0%,30%,97.5%,to{opacity:0}32.5%,94%{opacity:1}}@keyframes a-toast{0%,42.5%,71%,to{opacity:0;transform:translate(-50%)translateY(14px)}45.5%,68.5%{opacity:1;transform:translate(-50%)}}@keyframes a-cur{0%,to{opacity:0;transform:translate(555.3px,467.1px)}3.5%{opacity:1;transform:translate(555.3px,467.1px)}10%,23%{opacity:1;transform:translate(354.3px,269.1px)}28%,32%{opacity:1;transform:translate(354.3px,236.1px)}39%,44%{opacity:1;transform:translate(121.3px,522.1px)}52%,94%{opacity:1;transform:translate(295.3px,417.1px)}97%{opacity:0;transform:translate(295.3px,417.1px)}}@keyframes a-tap{0%,10.5%,13.3%,28.5%,31.3%,39.5%,42.3%,to{transform:scale(1)}11.5%,29.5%,40.5%{transform:scale(.8)}}@keyframes a-ring{0%,11.4%,29.4%,40.4%,97.5%,to{opacity:0;transform:scale(.3)}11.5%,29.5%,40.5%{opacity:.7;transform:scale(.3)}16%,34%,45%,94%{opacity:0;transform:scale(1.5)}}.is-how .demo-b{--t:15s}@media (prefers-reduced-motion:no-preference){.is-how .b-p1{animation:b-p1 var(--t) linear infinite var(--play)}.is-how .b-m1{animation:b-m1 var(--t) linear infinite var(--play)}.is-how .b-v1{animation:b-v1 var(--t) linear infinite var(--play)}.is-how .b-p2{animation:b-p2 var(--t) linear infinite var(--play)}.is-how .b-m2{animation:b-m2 var(--t) linear infinite var(--play)}.is-how .b-v3a{animation:b-v3a var(--t) linear infinite var(--play)}.is-how .b-p3{animation:b-p3 var(--t) linear infinite var(--play)}.is-how .b-m3{animation:b-m3 var(--t) linear infinite var(--play)}.is-how .b-v2a{animation:b-v2a var(--t) linear infinite var(--play)}.is-how .b-v2b{animation:b-v2b var(--t) linear infinite var(--play)}.is-how .b-v3b{animation:b-v3b var(--t) linear infinite var(--play)}.is-how .b-btn1{animation:b-btn1 var(--t) linear infinite var(--play)}.is-how .b-miss{animation:b-miss var(--t) linear infinite var(--play)}.is-how .b-btn2{animation:b-btn2 var(--t) linear infinite var(--play)}.is-how .b-try1{animation:b-try1 var(--t) linear infinite var(--play)}.is-how .b-try2{animation:b-try2 var(--t) linear infinite var(--play)}.is-how .b-fb1{animation:b-fb1 var(--t) linear infinite var(--play)}.is-how .b-act{animation:b-act var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .b-btn3{animation:b-btn3 var(--t) linear infinite var(--play)}.is-how .b-ghost{animation:b-ghost var(--t) linear infinite var(--play)}.is-how .b-fast{animation:b-fast var(--t) linear infinite var(--play)}.is-how .b-odo{animation:b-odo var(--t) linear infinite var(--play)}.is-how .b-btn4{animation:b-btn4 var(--t) linear infinite var(--play)}.is-how .b-line{animation:b-line var(--t) linear infinite var(--play)}.is-how .b-end{animation:b-end var(--t) linear infinite var(--play)}.is-how .b-btn5{animation:b-btn5 var(--t) linear infinite var(--play)}.is-how .b-cur{animation:b-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .b-tap{animation:b-tap var(--t) linear infinite var(--play)}.is-how .b-ring{animation:b-ring var(--t) linear infinite var(--play)}}.is-how .b-p1{opacity:0}.is-how .b-m1,.is-how .b-v1{opacity:1}.is-how .b-p2{opacity:0}.is-how .b-m2{opacity:1}.is-how .b-v3a,.is-how .b-p3{opacity:0}.is-how .b-m3{opacity:1}.is-how .b-v2a{opacity:0}.is-how .b-v2b,.is-how .b-v3b{opacity:1}.is-how .b-btn1,.is-how .b-miss,.is-how .b-btn2,.is-how .b-try1,.is-how .b-try2,.is-how .b-fb1{opacity:0}.is-how .b-act{transform:translateY(30px)}.is-how .b-btn3,.is-how .b-ghost,.is-how .b-fast{opacity:0}.is-how .b-odo{transform:translateY(-6em)}.is-how .b-btn4,.is-how .b-line{opacity:0}.is-how .b-end,.is-how .b-btn5{opacity:1}.is-how .b-cur{opacity:0}.is-how .b-tap{transform:scale(1)}.is-how .b-ring{opacity:0;transform:scale(1.5)}@keyframes b-p1{0%,7%,13.33%,to{opacity:0}8.67%,11.67%{opacity:1}}@keyframes b-m1{0%,11.67%,98.33%,to{opacity:0}13.33%,96%{opacity:1}}@keyframes b-v1{0%,11.67%,98.33%,to{opacity:0}13.33%,96%{opacity:1}}@keyframes b-p2{0%,16.33%,22.67%,41.67%,48%,to{opacity:0}18%,21%,43.33%,46.33%{opacity:1}}@keyframes b-m2{0%,21%,98.33%,to{opacity:0}22.67%,96%{opacity:1}}@keyframes b-v3a{0%,21%,48%,to{opacity:0}22.67%,46.33%{opacity:1}}@keyframes b-p3{0%,25.67%,32%,51%,57.33%,to{opacity:0}27.33%,30.33%,52.67%,55.67%{opacity:1}}@keyframes b-m3{0%,30.33%,48%,55.67%,98.33%,to{opacity:0}32%,46.33%,57.33%,96%{opacity:1}}@keyframes b-v2a{0%,30.33%,48%,to{opacity:0}32%,46.33%{opacity:1}}@keyframes b-v2b{0%,46.33%,98.33%,to{opacity:0}48%,96%{opacity:1}}@keyframes b-v3b{0%,55.67%,98.33%,to{opacity:0}57.33%,96%{opacity:1}}@keyframes b-btn1{0%,30.33%,98.33%,to{opacity:1}32%,96%{opacity:0}}@keyframes b-miss{0%,30.33%,98.33%,to{opacity:1}32%,96%{opacity:0}}@keyframes b-btn2{0%,30.33%,38%,to{opacity:0}32%,36.33%{opacity:1}}@keyframes b-try1{0%,36.33%,98.33%,to{opacity:1}38%,96%{opacity:0}}@keyframes b-try2{0%,36.33%,64.67%,to{opacity:0}38%,63%{opacity:1}}@keyframes b-fb1{0%,36.33%,64.67%,to{opacity:0}38%,63%{opacity:1}}@keyframes b-act{0%,36.33%,98.33%,to{transform:translateY(-110px)}38.67%,63%{transform:translateY(0)}65.33%,96%{transform:translateY(30px)}}@keyframes b-btn3{0%,36.33%,60%,to{opacity:0}38%,58.33%{opacity:1}}@keyframes b-ghost{0%,36.33%,60%,to{opacity:0}38%,58.33%{opacity:1}}@keyframes b-fast{0%,36.33%,60%,to{opacity:0}38%,58.33%{opacity:1}}@keyframes b-odo{0%,40%,98.33%,to{transform:translateY(0)}40.8%,43.67%{transform:translateY(-1.2em)}44.47%,47.33%{transform:translateY(-2.4em)}48.13%,51%{transform:translateY(-3.6em)}51.8%,54.67%{transform:translateY(-4.8em)}55.47%,96%{transform:translateY(-6em)}}@keyframes b-btn4{0%,58.33%,64.67%,to{opacity:0}60%,63%{opacity:1}}@keyframes b-line{0%,63%,98.33%,to{opacity:1}64.67%,96%{opacity:0}}@keyframes b-end{0%,63%,98.33%,to{opacity:0}64.67%,96%{opacity:1}}@keyframes b-btn5{0%,63%,98.33%,to{opacity:0}64.67%,96%{opacity:1}}@keyframes b-cur{0%,to{opacity:0;transform:translate(295.3px,600.4px)}2.33%{opacity:1;transform:translate(295.3px,600.4px)}6%,7.67%{opacity:1;transform:translate(98.3px,219.6px)}10.67%,12.33%{opacity:1;transform:translate(282.3px,367.9px)}15.33%,17%,40.67%,42.33%{opacity:1;transform:translate(98.3px,293.7px)}20%,21.67%,54.67%,56.33%{opacity:1;transform:translate(282.3px,293.7px)}24.67%,26.33%,50%,51.67%{opacity:1;transform:translate(98.3px,367.9px)}29.33%,31%,45.33%,47%{opacity:1;transform:translate(282.3px,220.1px)}35%,37.33%{opacity:1;transform:translate(190.3px,497.4px)}61.33%,64%{opacity:1;transform:translate(190.3px,607.4px)}69.33%,96%{opacity:1;transform:translate(315.3px,670.4px)}98%{opacity:0;transform:translate(315.3px,670.4px)}}@keyframes b-tap{0%,6%,7.87%,10.67%,12.53%,15.33%,17.2%,20%,21.87%,24.67%,26.53%,29.33%,31.2%,35.33%,37.2%,40.67%,42.53%,45.33%,47.2%,50%,51.87%,54.67%,56.53%,62%,63.87%,to{transform:scale(1)}6.67%,11.33%,16%,20.67%,25.33%,30%,36%,41.33%,46%,50.67%,55.33%,62.67%{transform:scale(.8)}}@keyframes b-ring{0%,6.6%,11.27%,15.93%,20.6%,25.27%,29.93%,35.93%,41.27%,45.93%,50.6%,55.27%,62.6%,98.33%,to{opacity:0;transform:scale(.3)}6.67%,11.33%,16%,20.67%,25.33%,30%,36%,41.33%,46%,50.67%,55.33%,62.67%{opacity:.7;transform:scale(.3)}9.67%,14.33%,19%,23.67%,28.33%,33%,39%,44.33%,49%,53.67%,58.33%,65.67%,96%{opacity:0;transform:scale(1.5)}}.is-how .demo-d{--t:14s}@media (prefers-reduced-motion:no-preference){.is-how .d-f1{animation:d-f1 var(--t) linear infinite var(--play)}.is-how .d-type1{animation:d-type1 var(--t) linear infinite var(--play)}.is-how .d-pg1{animation:d-pg1 var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-pg2{animation:d-pg2 var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-f2{animation:d-f2 var(--t) linear infinite var(--play)}.is-how .d-type2{animation:d-type2 var(--t) linear infinite var(--play)}.is-how .d-pg3{animation:d-pg3 var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-a1{animation:d-a1 var(--t) linear infinite var(--play)}.is-how .d-a2{animation:d-a2 var(--t) linear infinite var(--play)}.is-how .d-bar{animation:d-bar var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-old{animation:d-old var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-new{animation:d-new var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-cur{animation:d-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .d-tap{animation:d-tap var(--t) linear infinite var(--play)}.is-how .d-ring{animation:d-ring var(--t) linear infinite var(--play)}}.is-how .d-f1{opacity:0}.is-how .d-type1{transform:translate(0)}.is-how .d-pg1,.is-how .d-pg2{opacity:0;transform:translate(-24px)}.is-how .d-f2{opacity:0}.is-how .d-type2{transform:translate(0)}.is-how .d-pg3{opacity:1;transform:translate(0)}.is-how .d-a1{opacity:0}.is-how .d-a2{opacity:1}.is-how .d-bar{transform:scaleX(1)}.is-how .d-old{transform:translateY(0)}.is-how .d-new{opacity:1;transform:translateY(0)}.is-how .d-cur{opacity:0}.is-how .d-tap{transform:scale(1)}.is-how .d-ring{opacity:0;transform:scale(1.5)}@keyframes d-f1{0%,7.86%,24.64%,to{opacity:0}9.64%,22.86%{opacity:1}}@keyframes d-type1{0%,28.93%,to{transform:translate(0)}9.29%{animation-timing-function:steps(10,end);transform:translate(0)}18.57%,28.57%{transform:translate(calc(100% - 3px))}}@keyframes d-pg1{0%,23.21%,98.21%,to{opacity:1;transform:translate(0)}25.71%,95.71%{opacity:0;transform:translate(-24px)}}@keyframes d-pg2{0%,23.57%,98.21%,to{opacity:0;transform:translate(24px)}26.07%,43.93%{opacity:1;transform:translate(0)}46.43%,95.71%{opacity:0;transform:translate(-24px)}}@keyframes d-f2{0%,29.64%,45.36%,to{opacity:0}31.43%,43.57%{opacity:1}}@keyframes d-type2{0%,48.93%,to{transform:translate(0)}31.07%{animation-timing-function:steps(8,end);transform:translate(0)}38.21%,48.57%{transform:translate(calc(100% - 3px))}}@keyframes d-pg3{0%,44.29%,98.21%,to{opacity:0;transform:translate(24px)}46.79%,95.71%{opacity:1;transform:translate(0)}}@keyframes d-a1{0%,49.29%,98.21%,to{opacity:1}51.07%,95.71%{opacity:0}}@keyframes d-a2{0%,49.29%,98.21%,to{opacity:0}51.07%,95.71%{opacity:1}}@keyframes d-bar{0%,49.29%,98.21%,to{transform:scaleX(.98)}52.86%,95.71%{transform:scaleX(1)}}@keyframes d-old{0%,57.86%,98.21%,to{transform:translateY(-117px)}61.07%,95.71%{transform:translateY(0)}}@keyframes d-new{0%,59.64%,98.21%,to{opacity:0;transform:translateY(-10px)}62.86%,95.71%{opacity:1;transform:translateY(0)}}@keyframes d-cur{0%,to{opacity:0;transform:translate(245.3px,477.1px)}2.5%{opacity:1;transform:translate(245.3px,477.1px)}6.79%,8.57%{opacity:1;transform:translate(203.3px,243.1px)}11.43%,17.86%,32.86%,38.57%{opacity:1;transform:translate(295.3px,327.1px)}21.43%,23.57%{opacity:1;transform:translate(102.3px,354.1px)}28.57%,30.36%{opacity:1;transform:translate(203.3px,241.1px)}42.14%,44.29%{opacity:1;transform:translate(104.3px,348.1px)}50%,95.71%{opacity:1;transform:translate(315.3px,517.1px)}97.86%{opacity:0;transform:translate(315.3px,517.1px)}}@keyframes d-tap{0%,6.79%,8.79%,21.79%,23.79%,28.57%,30.57%,42.5%,44.5%,to{transform:scale(1)}7.5%,22.5%,29.29%,43.21%{transform:scale(.8)}}@keyframes d-ring{0%,7.43%,22.43%,29.21%,43.14%,98.21%,to{opacity:0;transform:scale(.3)}7.5%,22.5%,29.29%,43.21%{opacity:.7;transform:scale(.3)}10.71%,25.71%,32.5%,46.43%,95.71%{opacity:0;transform:scale(1.5)}}.is-how .demo-e{--t:10s}@media (prefers-reduced-motion:no-preference){.is-how .e-web:after{animation:e-dim-web var(--t) cubic-bezier(.33, 0, .2, 1) infinite var(--play)}.is-how .e-reader:after{animation:e-dim-reader var(--t) cubic-bezier(.33, 0, .2, 1) infinite var(--play)}.is-how .e-read{animation:e-press var(--t) ease-out infinite var(--play)}.is-how .e-reader{animation:e-reader var(--t) cubic-bezier(.22, 1, .36, 1) infinite var(--play)}.is-how .e-sel{animation:e-sel var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .e-snip{animation:e-snip var(--t) cubic-bezier(.22, 1, .36, 1) infinite var(--play)}.is-how .e-desk:after{animation:e-flash var(--t) linear infinite var(--play)}.is-how .e-shot{animation:e-shot var(--t) cubic-bezier(.22, 1, .36, 1) infinite var(--play)}.is-how .e-none{animation:e-none var(--t) linear infinite var(--play)}.is-how .e-cur{animation:e-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .e-tap{animation:e-tap var(--t) linear infinite var(--play)}.is-how .e-ring{animation:e-ring var(--t) linear infinite var(--play)}}.is-how .e-web:after{opacity:1}.is-how .e-snip,.is-how .e-sel,.is-how .e-desk:after{opacity:0}.is-how .e-shot{opacity:1;transform:none}.is-how .e-none{opacity:1}.is-how .e-cur{opacity:0}.is-how .e-tap{transform:scale(1)}.is-how .e-ring{opacity:0;transform:scale(1.5)}@keyframes e-dim-web{0%,16%,38%,59.3%,90.5%,to{opacity:0}19.5%,35.5%,61.3%,88%{opacity:1}}@keyframes e-dim-reader{0%,59.3%,90.5%,to{opacity:0}61.3%,87.5%{opacity:1}}@keyframes e-press{0%,12.6%,15%,to{transform:none}13.3%{transform:scale(.96)}}@keyframes e-reader{0%,15.5%{opacity:0;transform:translateY(14px)scale(.94)}20.5%,87.5%{opacity:1;transform:none}90.5%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes e-sel{0%,35.5%{opacity:0;width:0;height:0}38%,46.5%{opacity:1;width:0;height:0}58.5%,59.3%{opacity:1;width:730px;height:478px}60.1%,to{opacity:0;width:730px;height:478px}}@keyframes e-snip{0%,35.5%{opacity:0;transform:translateY(-12px)}38.5%,59.3%{opacity:1;transform:none}60.1%,to{opacity:0;transform:none}}@keyframes e-flash{0%,59.3%,62.5%,to{opacity:0}59.8%{opacity:.5}}@keyframes e-shot{0%,61%{opacity:0;transform:translateY(18px)scale(.97)}64.5%,85.5%{opacity:1;transform:none}87.5%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes e-none{0%,64%{opacity:0}66.5%,85%{opacity:1}86.5%,to{opacity:0}}@keyframes e-cur{0%,2%{opacity:0;transform:translate(232px,150px)}4%{opacity:1;transform:translate(232px,150px)}12%,15%{opacity:1;transform:translate(115.3px,255.1px)}17.5%{opacity:0;transform:translate(115.3px,255.1px)}35.5%{opacity:0;transform:translate(615.3px,167.1px)}38.5%{opacity:1;transform:translate(615.3px,167.1px)}45%,46.5%{opacity:1;transform:translate(739.3px,11.1px)}58.5%,59.8%{opacity:1;transform:translate(9.3px,489.1px)}62.5%{opacity:0;transform:translate(9.3px,489.1px)}to{opacity:0;transform:translate(232px,150px)}}@keyframes e-tap{0%,12.6%,14%,45.8%,59.4%,to{transform:scale(1)}13.2%{transform:scale(.8)}46.5%,58.8%{transform:scale(.86)}}@keyframes e-ring{0%,13.1%,to{opacity:0;transform:scale(.3)}13.2%{opacity:.7;transform:scale(.3)}17.5%{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.is-how .demo *,.is-how .how-draw:after{animation:none!important}.is-how .demo-btn{display:none}}@media (min-width:1921px){@supports (zoom:2) and (not (font:-apple-system-body)){.how-fit{container-type:inline-size}.is-how{--how-z:clamp(1, 1 + tan(atan2(100cqw - 1920px, 1152px)), 2.6667);zoom:var(--how-z)}.is-how .books-dlg{width:min(880px, calc((100vw - 32px) / var(--how-z)));max-height:calc((100dvh - 32px) / var(--how-z))}}}.is-how .demo-stage{position:relative}.is-how .enlarge{z-index:2;color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:12px;justify-content:flex-end;align-items:flex-end;margin:0;padding:10px;display:flex;position:absolute;inset:0}.is-how .enlarge-cue{color:#fff;background:#1b2a4adb;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:13px;font-weight:700;line-height:1.2;display:none}.is-how .enlarge-cue .icon,.is-how .big-close .icon,.is-how .big-zb .icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.is-how .enlarge-cue .icon{width:15px;height:15px}@media (hover:none) and (pointer:coarse){.is-how .enlarge-cue{display:inline-flex}}.is-how .big-dlg{width:calc((100vw - 24px) / var(--how-z,1));height:calc((100dvh - 24px) / var(--how-z,1));background:var(--surface);max-width:none;max-height:none;color:var(--ink);box-shadow:var(--shadow-pop);border:0;border-radius:16px;margin:auto;padding:0;overflow:hidden}.is-how .big-dlg[open]{flex-direction:column;display:flex}.is-how .big-dlg::backdrop{background:#0f172ab8}.is-how .big-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.is-how .big-t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.is-how .big-close:focus-visible{outline-offset:-4px}.is-how .big-stage{background:var(--base);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:zoom-in;flex:1;min-height:0;position:relative;overflow:hidden}.is-how .big-stage.is-zoomed{cursor:grab}.is-how .big-stage.is-zoomed:active{cursor:grabbing}.is-how .big-layer{transform-origin:0 0;position:absolute;top:0;left:0}.is-how .big-layer:not(.is-set){visibility:hidden}@media (prefers-reduced-motion:no-preference){.is-how .big-layer.is-glide{transition:transform .2s ease-out}}.is-how .big-layer .demo{width:100%;height:100%;margin:0}.is-how .big-layer .demo-frame{width:100%;height:100%}.is-how .big-layer .demo-canvas{transform:none}.is-how .big-zoom{border-top:1px solid var(--border);justify-content:center;padding:8px;display:flex}.is-how .big-zoom-in{background:var(--ink);color:#fff;border-radius:999px;align-items:center;padding:2px;display:flex}.is-how .big-zb{min-width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.is-how .big-zb .icon{width:20px;height:20px}.is-how .big-zb[aria-disabled=true]{opacity:.45;cursor:default}.is-how .big-zb:focus-visible{outline-offset:-4px;outline-color:#fff}.is-how .big-pct{text-align:center;font-variant-numeric:tabular-nums;min-width:54px;font-size:14px;font-weight:700}@media (orientation:landscape) and (max-height:560px){.is-how .demo-stage{max-width:calc(122.581svh - 159.355px);margin-inline:auto}.is-how .demo-e .demo-stage{max-width:calc(140.741svh - 182.963px)}.is-how .demo-phone .demo-frame{max-width:min(280px,57.8947svh - 75.2632px)}.is-how .shot.phone img{max-width:min(260px,54.1667svh - 70.4167px)}}@media (max-width:359px){.is-how .claim{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mark""chip mark";gap:6px 10px;display:grid}.is-how .claim .protect-name{grid-area:name}.is-how .claim .chip{grid-area:chip;justify-self:start}.is-how .claim:after{grid-area:mark;align-self:center}}.is-how [id^=ref-]{scroll-margin-top:84px}@media (max-width:359px){.is-how .how-sec,.is-how [id^=ref-]{scroll-margin-top:136px}}.is-how .demo-phone .demo-frame{aspect-ratio:440/760}.is-how .demo-phone .demo-canvas{height:760px}@supports not (aspect-ratio:1 / 1){.is-how .demo-phone .demo-frame:before{padding-top:172.727%}}@media (max-width:600px),(pointer:coarse){.is-how .how-top .brand,.is-how .how-open,.is-how .how-acts .btn{min-height:44px}}.is-how .demo-ap{--t:10s}.is-how .demo-dp{--t:14s}.is-how .demo-still{display:contents}.is-how .demo-still img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.is-how .demo-duo.is-live .demo-still img{display:none}@media (scripting:enabled){.is-how .demo-duo:not(.is-first):not(.is-wait) .demo-still img{display:none}}.is-how .demo-still-big{display:block}.is-how .demo-e.is-live .demo-still img{display:none}@media (scripting:enabled){.is-how .demo-e:not(.is-wait) .demo-still img{display:none}}@media (max-width:599px){.is-how .demo-duo .demo-frame{aspect-ratio:440/560;width:min(100% + 40px,440px);max-width:none;margin-inline:calc(50% + min(100% + 40px,440px)/-2)}.is-how .demo-duo .demo-canvas{width:440px;height:560px}.is-how .demo-duo .demo-stage{max-width:none;margin-inline:0}.is-how .demo-duo .demo-frame{--fit:.65}}@supports not (aspect-ratio:1 / 1){@media (max-width:599px){.is-how .demo-duo .demo-frame:before{padding-top:127.273%}}}@media (min-width:360px) and (max-width:599px){.is-how .demo-duo .demo-frame{--fit:.74}}@media (min-width:390px) and (max-width:599px){.is-how .demo-duo .demo-frame{--fit:.809}}@media (min-width:430px) and (max-width:599px){.is-how .demo-duo .demo-frame{--fit:.9}}@media (min-width:474px) and (max-width:599px){.is-how .demo-duo .demo-frame{--fit:1}}@media (max-width:900px){.is-how .how-join{row-gap:0}}@media (min-width:901px){.is-how .how-join{grid-template-rows:auto 1fr;grid-template-areas:"intro demo""more demo";row-gap:0}.is-how .how-join>.join-intro{grid-area:intro}.is-how .how-join>.demo{grid-area:demo}.is-how .how-join>.join-more{grid-area:more}}.is-how .ph-screen{background:var(--base);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:22px;flex-direction:column;font-size:16px;display:flex;position:absolute;inset:0;overflow:hidden}.is-how .ph-scene{flex-direction:column;display:flex;position:absolute;inset:0}.is-how .ph-top{background:var(--surface);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.is-how .ph-top .brand{font-size:18px}.is-how .ph-top-end{color:var(--ink-2);align-items:center;gap:12px;display:inline-flex}.is-how .ph-top-end .icon{width:24px;height:24px}.is-how .ph-av{background:var(--ink);width:38px;height:38px;color:var(--surface);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:inline-grid}.is-how .ph-view{flex:1;min-height:0;position:relative;overflow:hidden}.is-how .ph-page{position:absolute;top:0;left:0;right:0}.is-how .ph-band{color:#083a2b;background:#88d6b5;border-radius:0 0 50% 50%/0 0 22px 22px;padding:14px 18px 38px}.is-how .ph-admin .ph-band{color:#2f4706;background:#d3f4a9}.is-how .ph-eyebrow{font-size:14px;font-weight:600}.is-how .ph-link{text-decoration:underline}.is-how .ph-h1{letter-spacing:-.02em;margin-top:2px;font-size:30px;font-weight:800;line-height:1.15}.is-how .ph-line{margin-top:6px;font-size:15px}.is-how .ph-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0 14px 12px;padding:14px 16px}.is-how .ph-band+.ph-card{margin-top:-24px;position:relative}.is-how .ph-step{font-size:17px;font-weight:800}.is-how .demo-ap .pick-list{grid-template-columns:1fr;gap:8px;margin-top:10px}.is-how .demo-ap .pick{padding:10px 14px 10px 44px}.is-how .demo-ap .pick-title{font-size:16px}.is-how .demo-ap .pick-sub{font-size:14px}.is-how .ph-actions{padding:2px 14px 16px}.is-how .ph-tabs{z-index:3;background:var(--surface);border-top:1px solid var(--border);flex:none;height:64px;display:flex;position:relative}.is-how .ph-tab{color:var(--ink-2);flex:1;align-content:center;justify-items:center;gap:3px;display:grid;position:relative}.is-how .ph-tab .icon{width:24px;height:24px}.is-how .ph-tab-t{font-size:14px}.is-how .ph-tab.is-here{color:var(--main)}.is-how .ph-tab.is-here:before{content:"";background:var(--main);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-1px;left:30%;right:30%}.is-how .ph-count{background:var(--ink);min-width:22px;height:22px;color:var(--surface);border-radius:999px;place-items:center;padding:0 5px;font-size:14px;font-weight:700;display:grid;position:absolute;top:4px;left:calc(50% + 4px)}.is-how .demo-ap .demo-toast{bottom:80px}.is-how .ph-join .demo-pg{padding:16px}.is-how .ph-join .demo-h1{margin-top:4px;font-size:24px}.is-how .ph-join .start-lead{margin-top:6px;font-size:15px}.is-how .ph-join .join-card,.is-how .ph-join .cred-card{gap:12px;margin-top:14px;padding:16px}.is-how .ph-join .opt .opt-note,.is-how .ph-join .cred dt,.is-how .ph-join .small{font-size:14px}.is-how .ph-join .join-ok{margin-top:4px}.is-how .ph-join .cred-val{font-size:22px}.is-how .ph-join .cred{grid-template-columns:1fr 1fr;margin:10px 0}.is-how .ph-join .cred-item{padding:8px 12px}.is-how .ph-join .cred-warn{padding:8px 10px}.is-how .ph-join .d-pg3 .form-actions{margin-top:12px}.is-how .ph-seats .ph-big{font-size:30px;font-weight:800}.is-how .ph-seats .ph-of{font-size:18px;font-weight:700}.is-how .ph-seats .ph-tile-t{color:var(--ink-2);font-size:15px}.is-how .ph-seats .usage{min-width:0;margin-top:10px;display:flex}.is-how .ph-alert{justify-items:start;gap:4px;display:grid}.is-how .ph-alert .alert-text{font-size:16px}.is-how .ph-alert .alert-meta,.is-how .demo-dp .chip{font-size:14px}@media (prefers-reduced-motion:no-preference){.is-how .ap-scroll{animation:ap-scroll var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .ap-cur{animation:ap-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .cp-cur{animation:cp-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .dp-cur{animation:dp-cur var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .dp-s1{animation:dp-s1 var(--t) ease infinite var(--play)}.is-how .dp-s2{animation:dp-s2 var(--t) ease infinite var(--play)}.is-how .dp-a1{animation:dp-a1 var(--t) linear infinite var(--play)}.is-how .dp-a2{animation:dp-a2 var(--t) linear infinite var(--play)}.is-how .dp-bar{animation:dp-bar var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .dp-new{animation:dp-new var(--t) cubic-bezier(.45, 0, .2, 1) infinite var(--play)}}.is-how .ap-scroll{transform:translateY(-270px)}.is-how .ap-cur,.is-how .cp-cur,.is-how .dp-cur,.is-how .dp-s1{opacity:0}.is-how .dp-s2{opacity:1}.is-how .dp-a1{opacity:0}.is-how .ph-join .demo-pg{transform:none}.is-how .dp-bar{background:var(--main-deco);transform-origin:0;border-radius:999px;height:100%;display:block}@keyframes ap-scroll{0%,15%,97.5%,to{transform:translateY(0)}22%,94%{transform:translateY(-270px)}}@keyframes dp-s1{0%,57%,98.2%,to{opacity:1;transform:translate(0)}59.5%,96%{opacity:0;transform:translate(-24px)}}@keyframes dp-s2{0%,57%,98.2%,to{opacity:0;transform:translate(24px)}59.5%,96%{opacity:1;transform:translate(0)}}@keyframes dp-a1{0%,66%,98.2%,to{opacity:1}67.5%,96%{opacity:0}}@keyframes dp-a2{0%,66%,98.2%,to{opacity:0}67.5%,96%{opacity:1}}@keyframes dp-bar{0%,66%,98.2%,to{transform:scaleX(.98)}69%,96%{transform:scaleX(1)}}@keyframes dp-new{0%,72%,98.2%,to{opacity:0;transform:translateY(-10px)}75.5%,96%{opacity:1;transform:translateY(0)}}@keyframes ap-cur{0%,to{opacity:0;transform:translate(330px,470px)}3.5%{opacity:1;transform:translate(330px,470px)}10%,23%{opacity:1;transform:translate(205.3px,289.7px)}28%,32%{opacity:1;transform:translate(205.3px,341.7px)}39%,44%{opacity:1;transform:translate(205.3px,439.7px)}52%,94%{opacity:1;transform:translate(330px,360px)}97%{opacity:0;transform:translate(330px,360px)}}@keyframes cp-cur{0%,to{opacity:0;transform:translate(380px,250px)}3.18%{opacity:1;transform:translate(380px,250px)}9.09%,11.82%{opacity:1;transform:translate(225.8px,326.6px)}16.82%,20%{opacity:1;transform:translate(205.3px,384.6px)}24.55%,35.45%{opacity:1;transform:translate(380px,470px)}41.82%,44.55%{opacity:1;transform:translate(103.3px,444.6px)}51.82%,94.55%{opacity:1;transform:translate(360px,300px)}97.27%{opacity:0;transform:translate(360px,300px)}}@keyframes dp-cur{0%,to{opacity:0;transform:translate(330px,470px)}2.5%{opacity:1;transform:translate(330px,470px)}6.79%,8.57%{opacity:1;transform:translate(205.3px,206.2px)}11.43%,17.86%,32.86%,38.57%{opacity:1;transform:translate(330px,300px)}21.43%,23.57%{opacity:1;transform:translate(87.1px,318.2px)}28.57%,30.36%{opacity:1;transform:translate(205.3px,229.8px)}42.14%,44.29%{opacity:1;transform:translate(89px,337.8px)}50%,55%{opacity:1;transform:translate(330px,420px)}58%{opacity:0;transform:translate(330px,420px)}}.is-how .on-phone{display:none}@media (max-width:599px){.is-how .off-phone{display:none}.is-how p.on-phone{display:block}.is-how .rows{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.is-how .rows>li{min-width:0}.is-how .rows details,.is-how .rows-row{border:1px solid var(--border);background:var(--surface);border-radius:14px}.is-how .rows summary,.is-how .rows-row{align-items:center;gap:12px;min-height:52px;padding:8px 14px 8px 8px;font-weight:700;line-height:1.3;display:flex}.is-how .rows summary{cursor:pointer;border-radius:14px;list-style:none}.is-how .rows summary::-webkit-details-marker{display:none}.is-how .rows summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);flex:none;width:8px;height:8px;margin:0 4px 4px auto;transform:rotate(45deg)}.is-how .rows details[open]>summary:after{margin-bottom:-4px;transform:rotate(-135deg)}.is-how .rows details>p{margin:0;padding:0 14px 12px 56px;line-height:1.5}.is-how .rows-ic{background:var(--main-tint);width:36px;height:36px;color:var(--main);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.is-how .rows-ic:before{content:"";width:20px;height:20px;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;background:currentColor;flex:none}.is-how .rows-label{flex:1;min-width:0}.is-how .said-after>.how-text{display:contents}.is-how .said-after .said{order:1;margin-top:0}.is-how .gains{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.is-how .gains li{min-width:0;padding:54px 12px 14px}.is-how .gains li:before{top:14px;left:12px}.is-how .gains strong{font-size:15.5px;font-weight:800;line-height:1.25;display:block}.is-how .g-more{display:none}.is-how .g-line{color:var(--ink-2);margin-top:6px;font-size:13.5px;font-weight:600;line-height:1.4;display:block}.is-how .g-line:first-letter{text-transform:uppercase}.is-how .g-line .ref:after{inset:-14px -12px}.is-how .steps{background:var(--neutral-tint);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:14px;padding:4px;display:grid}.is-how .step{min-height:44px;color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.is-how .step b{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-flex}.is-how .step[aria-current]{background:var(--surface);color:var(--main);box-shadow:var(--shadow-card)}.is-how .step[aria-current] b{background:var(--main);color:var(--surface)}.is-how .how-cols.how-steps{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin:12px -16px 0;padding:4px 16px 14px;scroll-padding-inline:16px;display:flex;position:relative;overflow-x:auto}.is-how .how-steps::-webkit-scrollbar{display:none}.is-how .how-steps>.how-card{scroll-snap-align:start;flex:0 0 min(314px,100vw - 38px);gap:6px;padding:16px;scroll-margin-top:150px}.is-how .how-steps>.how-card>h3{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-how .how-steps>.how-card>p{font-size:15px;line-height:1.45}.is-how .how-steps .shot.phone img{max-width:min(100%,390px)}.is-how .rules-pick{margin-top:14px;display:block}.is-how button.step{cursor:pointer;background:0 0;border:0;width:100%}.is-how .step[aria-pressed=true]{background:var(--surface);color:var(--main);box-shadow:var(--shadow-card)}.is-how .step[aria-pressed=true] b{background:var(--main);color:var(--surface)}.is-how .rules-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:6px -16px -10px;padding:4px 16px 10px;scroll-padding-inline:16px;display:flex;position:relative;overflow-x:auto}.is-how .rules-row::-webkit-scrollbar{display:none}.is-how .rules-one{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);scroll-snap-align:start;scroll-snap-stop:always;border-radius:16px;flex:0 0 100%;padding:4px 16px}.is-how .rules-one h3{padding-top:10px;font-size:16px;font-weight:800}.is-how .rules-one dl{margin:0}.is-how .rules-one dl>div{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:11px 0;display:grid}.is-how .rules-one dl>div:first-child{border-top:0}.is-how .rules-one dt{color:var(--ink-2);font-size:14px;font-weight:700}.is-how .rules-one dd{text-align:right;margin:0;font-size:16px;font-weight:800}.is-how .rules-pick .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.is-how .rules-coming{border:1px dashed var(--field-border);color:var(--ink-2);border-radius:14px;margin-top:10px;padding:8px 14px;font-weight:700;line-height:1.35}.is-how p.rules-line{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:8px 14px 8px 8px;font-weight:700;line-height:1.3;display:flex}.is-how .refs-fold>summary{border:1.5px solid var(--main);min-height:44px;color:var(--main);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 18px;font-weight:700;list-style:none;display:inline-flex}.is-how .refs-fold>summary::-webkit-details-marker{display:none}.is-how .refs-fold>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:0 2px 3px;transform:rotate(45deg)}.is-how .refs-fold[open]>summary:after{margin-bottom:-3px;transform:rotate(-135deg)}}@media (max-width:599px) and (scripting:none){.is-how .rules-pick{display:none}.is-how .rules-wrap{display:block}}.is-how{--lead:clamp(40px, 5vw, 72px);--pad-b:clamp(64px, 9vw, 120px);--tear-h:48px}@media (min-width:901px){.is-how{--lead:clamp(40px, 4vw, 56px);--pad-b:clamp(56px, 6vw, 80px)}}.is-how .how>.how-sec{position:relative}.is-how .how>.rd-bold{margin-top:calc(var(--lead) + var(--tear-h) + clamp(40px, 6vw, 80px));padding-bottom:var(--pad-b)}.is-how .how>.rd-bold+.how-sec{margin-top:calc(var(--tear-h) + clamp(40px, 6vw, 80px))}.is-how .rd-blue{--field:#006cab}.is-how .rd-teal{--field:#2a9ebb}.is-how .rd-butter{--field:#ffe885}.is-how .how>.rd-bold:before{content:"";z-index:-2;top:calc(-1 * var(--lead));border-image:linear-gradient(var(--field), var(--field)) fill 0 / 0 / 0 100vmax;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.is-how .rd-tear{z-index:-1;height:var(--tear-h);border-image:var(--tear) fill 0 / 0 / 0 100vmax repeat;pointer-events:none;position:absolute;left:0;right:0}.is-how .rd-tear-top{--tear:var(--tear-top);top:calc(-1 * var(--lead) - var(--tear-h) + 1px);filter:drop-shadow(0 -1px 3px #1b2a4a38);clip-path:inset(-16px -100vmax 0)}.is-how .rd-tear-bottom{--tear:var(--tear-bottom);bottom:calc(-1 * var(--tear-h) + 1px);filter:drop-shadow(0 3px 4px #1b2a4a3d);clip-path:inset(0 -100vmax -16px)}.is-how .how>.rd-bold>h2{background:var(--base);rotate:var(--note-turn);border-radius:3px;padding:.1em .45em .18em;display:table;box-shadow:0 2px #0000001f,0 10px 24px -12px #00000059}.is-how #students{--note-turn:-1deg}.is-how #reader{--note-turn:.8deg}.is-how #gains{--note-turn:-.8deg}@media (max-width:599px){.is-how .rd-blue .steps{background:#1a7bb3}.is-how .rd-blue .step{color:#fff}.is-how .rd-blue .step b,.is-how .rd-blue .step[aria-current]{color:var(--main);background:#fff}.is-how .rd-blue .step[aria-current] b{background:var(--main);color:#fff}}.is-how .rd-art{--w:clamp(76px, 10vw, 124px);--hang:.42;z-index:1;width:var(--w);aspect-ratio:var(--ar);rotate:var(--tilt,0deg);scale:var(--kx) var(--ky);pointer-events:none;display:block;position:absolute}.is-how .rd-art>img{width:100%;height:100%;display:block}.is-how .rd-scholar{--ar:264 / 303;--kx:1.1818;--ky:1.396}.is-how .rd-quran{--ar:224 / 265;--kx:1.2857;--ky:1.4528}.is-how .rd-books{--ar:248 / 219;--kx:1.2581;--ky:1.5479}.is-how .rd-padlock{--ar:248 / 249;--kx:1.2581;--ky:1.4819}.is-how .rd-laptop{--ar:248 / 199;--kx:1.2581;--ky:1.603}.is-how .rd-trophy{--ar:248 / 273;--kx:1.2581;--ky:1.4396}.is-how .rd-certificate{--ar:248 / 301;--kx:1.2581;--ky:1.3987}.is-how .rd-globe{--ar:224 / 278;--kx:1.2857;--ky:1.4317}.is-how .rd-flower{--ar:208 / 244;--kx:1.3077;--ky:1.4918}.is-how .rd-bold>.rd-art-tr{top:calc(-1 * var(--lead) - var(--tear-h) * .5 - var(--w) * .62);right:3%}.is-how .rd-bold>.rd-art-bl{bottom:calc(-1 * var(--tear-h) * .5 - var(--w) * var(--hang));left:2%}.is-how .rd-bold>.rd-art-br{bottom:calc(-1 * var(--tear-h) * .5 - var(--w) * var(--hang));right:3%}.is-how .rd-quran{--w:clamp(64px, 8vw, 112px)}.is-how .rd-books{--tilt:6deg}.is-how .rd-padlock{--tilt:-10deg}.is-how .rd-laptop{--tilt:6deg}.is-how .rd-trophy{--tilt:9deg}.is-how .rd-certificate{--tilt:-12deg;--hang:.55}.is-how #teachers{--scholar:clamp(60px, 9.2vw, 132px)}.is-how .rd-scholar{--w:var(--scholar);--tilt:-4deg}.is-how .rd-globe{--w:clamp(56px, 8vw, 112px);--tilt:-6deg;top:calc(-1 * var(--w) * .72);right:1%}@media (max-width:379px){.is-how .rd-globe{top:auto;bottom:calc(100% + 4px)}}.is-how .rd-flower{--w:clamp(60px, 7vw, 104px);--tilt:3deg;bottom:calc(-1 * var(--w) - 28px);right:6%}@media (max-width:599px){.is-how .rd-art{--w:92px}.is-how #teachers{--scholar:98px}.is-how .rd-quran,.is-how .rd-globe,.is-how .rd-flower{--w:88px}.is-how .rd-certificate{display:none}.is-how .rd-globe{--w:76px;top:calc(-1 * var(--w) * .92)}}@media (max-width:379px){.is-how .rd-globe{top:auto;bottom:calc(100% + 14px)}}.is-how .i-list{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11'/%3E%3Cpath d='M9 12h11'/%3E%3Cpath d='M9 18h11'/%3E%3Cpath d='M5 6v.01'/%3E%3Cpath d='M5 12v.01'/%3E%3Cpath d='M5 18v.01'/%3E%3C/svg%3E")}.is-how .i-marks{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2'/%3E%3Cpath d='M9 14l2 2l4 -4'/%3E%3C/svg%3E")}.is-how .i-clock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E")}.is-how .i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E")}.is-how .i-table{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M10 3v18'/%3E%3C/svg%3E")}.is-how .i-palette{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25'/%3E%3Cpath d='M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3C/svg%3E")}.is-how .i-arrowsH{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8l-4 4l4 4'/%3E%3Cpath d='M17 8l4 4l-4 4'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E")}.is-how .i-eyeOff{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}.is-how .i-key{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0z'/%3E%3Cpath d='M15 9h.01'/%3E%3C/svg%3E")}.is-how .i-teacher{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9l-10 -4l-10 4l10 4l10 -4v6'/%3E%3Cpath d='M6 10.6v5.4a6 3 0 0 0 12 0v-5.4'/%3E%3C/svg%3E")}.is-how .i-building{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M9 8h1'/%3E%3Cpath d='M9 12h1'/%3E%3Cpath d='M9 16h1'/%3E%3Cpath d='M14 8h1'/%3E%3Cpath d='M14 12h1'/%3E%3Cpath d='M14 16h1'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E")}.is-how .i-pencil{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E")}.is-how .i-lock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0'/%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E")}.is-how .i-flag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1 -7 0a5 5 0 0 0 -7 0v-9z'/%3E%3Cpath d='M5 21v-7'/%3E%3C/svg%3E")}.is-how .i-hourglass{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 7h11'/%3E%3Cpath d='M6.5 17h11'/%3E%3Cpath d='M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z'/%3E%3Cpath d='M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z'/%3E%3C/svg%3E")}.is-how .said{gap:8px;margin-top:12px;display:grid}.is-how .said .sep{display:none}.is-how .said>[class^=i-]{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-content:center;min-height:52px;padding:14px 14px 14px 56px;font-size:17px;font-weight:700;line-height:1.3;display:block;position:relative}.is-how .said>[class^=i-]:first-letter,.is-how .said-lead:first-letter{text-transform:uppercase}.is-how .said>[class^=i-]:before,.is-how .said>[class^=i-]:after{content:"";position:absolute;top:50%}.is-how .said>[class^=i-]:before{background:var(--main-tint);border-radius:11px;width:36px;height:36px;margin-top:-18px;left:8px}.is-how .said>[class^=i-]:after{background:var(--main);width:20px;height:20px;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;margin-top:-10px;left:16px}.is-how .said-lead{font-size:18px;font-weight:800;line-height:1.35}.is-how .said-kicker{letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:14px;font-weight:800}.is-how .said-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-how .said-grid>.said-lead{grid-column:1/-1;margin-top:2px}.is-how .said-grid>[class^=i-]{min-height:48px;padding:12px 10px 12px 44px;font-size:15px}.is-how .said-grid>[class^=i-]:before{border-radius:9px;width:30px;height:30px;margin-top:-15px;left:6px}.is-how .said-grid>[class^=i-]:after{width:18px;height:18px;margin-top:-9px;left:12px}.is-how .said-chips{flex-wrap:wrap;display:flex}.is-how .said-chips>.said-lead,.is-how .said-chips>.said-kicker{flex-basis:100%}.is-how .said-chips>[class^=i-]{background:var(--main-tint);border:0;border-radius:999px;min-height:0;padding:8px 12px 8px 32px;font-size:14px;line-height:1.25}.is-how .said-chips>[class^=i-]:before{display:none}.is-how .said-chips>[class^=i-]:after{width:17px;height:17px;margin-top:-8.5px;left:10px}@media (min-width:600px){.is-how .said{gap:10px;margin-top:14px}.is-how .said>[class^=i-]{min-height:58px;padding-left:64px}.is-how .said>[class^=i-]:before{border-radius:12px;width:40px;height:40px;margin-top:-20px;left:10px}.is-how .said>[class^=i-]:after{left:20px}.is-how .said-grid>[class^=i-]{min-height:54px;padding:12px 12px 12px 54px;font-size:16px}.is-how .said-grid>[class^=i-]:before{border-radius:11px;width:36px;height:36px;margin-top:-18px;left:9px}.is-how .said-grid>[class^=i-]:after{width:20px;height:20px;margin-top:-10px;left:17px}.is-how .said-chips>[class^=i-]{padding:9px 14px 9px 36px;font-size:15px}.is-how .said-chips>[class^=i-]:after{width:18px;height:18px;margin-top:-9px;left:12px}}.is-how #teachers{--t1:#ffe885;--t2:#c9f29a;--t3:#3fbf92;--t4:#2a9ebb;--t5:#e8f6ff;--snap:cubic-bezier(.16, 1, .3, 1);--bounce:cubic-bezier(.34, 1.56, .64, 1);--line:2px;--pen:#d93a2e;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;display:grid}.is-how #teachers>h2{grid-area:1/1}.is-how #teachers>.rd-teach{grid-area:2/1/auto/-1;min-width:0}.is-how .rd-tabs{z-index:2;margin:18px calc(var(--scholar) + 28px) calc(-1 * var(--line)) 0;padding:10px 6px var(--line) 20px;align-items:flex-end;gap:6px;display:flex;position:relative}.is-how .rd-tab{border:var(--line) solid var(--ink);background:var(--tab);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:min-height .28s var(--bounce), translate .2s var(--snap), background-color .2s ease;border-bottom:0;border-radius:12px 12px 0 0;flex:none;align-items:center;padding:0 18px;font-size:16px;font-weight:700;line-height:1;display:inline-flex;position:relative}.is-how .rd-tab:first-child{--tab:var(--t1)}.is-how .rd-tab:nth-child(2){--tab:var(--t2)}.is-how .rd-tab:nth-child(3){--tab:var(--t3)}.is-how .rd-tab:nth-child(4){--tab:var(--t4)}.is-how .rd-tab:nth-child(5){--tab:var(--t5)}.is-how .rd-radio{border-radius:inherit;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.is-how .rd-radio:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@supports (hanging-punctuation:first){.is-how .rd-radio:focus{outline:3px solid var(--ink);outline-offset:4px}}@media (hover:hover){.is-how .rd-tab:hover{translate:0 -2px}}.is-how .rd-tab:has(.rd-radio:checked){min-height:52px;margin-bottom:calc(-1 * var(--line));padding-bottom:var(--line);z-index:1;font-weight:800;translate:0}@media (min-width:901px) and (max-width:1199px){.is-how .rd-tab{padding:0 13px;font-size:15px}}@media (min-width:901px) and (max-width:1023px){.is-how .rd-tabs{gap:4px;padding-left:12px}.is-how .rd-tab{padding:0 10px;font-size:14px}}.is-how .rd-stage{isolation:isolate;position:relative}.is-how .rd-cards>.how-item{z-index:1;border:var(--line) solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:0 18px 18px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:28px 32px;padding:28px;display:none;position:relative}:is(.is-how .rd-teach:has(.rd-tab:first-child .rd-radio:checked) .rd-cards>.how-item:first-child,.is-how .rd-teach:has(.rd-tab:nth-child(2) .rd-radio:checked) .rd-cards>.how-item:nth-child(2),.is-how .rd-teach:has(.rd-tab:nth-child(3) .rd-radio:checked) .rd-cards>.how-item:nth-child(3),.is-how .rd-teach:has(.rd-tab:nth-child(4) .rd-radio:checked) .rd-cards>.how-item:nth-child(4),.is-how .rd-teach:has(.rd-tab:nth-child(5) .rd-radio:checked) .rd-cards>.how-item:nth-child(5)){display:grid}.is-how .rd-cards>.how-item:first-child{--tool:var(--t1)}.is-how .rd-cards>.how-item:nth-child(2){--tool:var(--t2)}.is-how .rd-cards>.how-item:nth-child(3){--tool:var(--t3)}.is-how .rd-cards>.how-item:nth-child(4){--tool:var(--t4)}.is-how .rd-cards>.how-item:nth-child(5){--tool:var(--t5)}.is-how .rd-stage .how-text>h3{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-how .rd-stage .how-text>h3+.said{margin-top:0}.is-how .rd-stage .how-text{min-width:0}.is-how .rd-cards>.how-item>figure{min-width:0;margin:0}@media (min-width:901px){.is-how .rd-cards>.how-item{min-height:584px}}.is-how .rd-stage .said{gap:12px}.is-how .rd-stage .said>[class^=i-]{border:var(--line) solid var(--ink);background:var(--tool);min-height:66px;box-shadow:4px 4px 0 var(--ink);letter-spacing:-.005em;border-radius:14px;padding:14px 16px 14px 70px;font-size:18px;font-weight:800;line-height:1.25}.is-how .rd-stage .said>[class^=i-]:before{box-sizing:border-box;border:var(--line) solid var(--ink);width:42px;height:42px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:11px;margin-top:-21px;left:12px}.is-how .rd-stage .said>[class^=i-]:after{background:var(--ink);width:20px;height:20px;margin-top:-10px;left:23px}.is-how .rd-cards>.how-item:nth-child(4) .said>[class^=i-]{background:#c3e2e7}.is-how .rd-stage .said-lead{letter-spacing:-.015em;font-size:23px;font-weight:800;line-height:1.2}.is-how .rd-stage .said-kicker{letter-spacing:.08em;color:var(--ink-2);margin-top:6px;font-size:13px}.is-how .rd-stage .said-grid{gap:10px}.is-how .rd-stage .said-grid>[class^=i-]{min-height:58px;padding:10px 12px 10px 58px;font-size:16px}.is-how .rd-stage .said-grid>[class^=i-]:before{border-radius:10px;width:36px;height:36px;margin-top:-18px;left:10px}.is-how .rd-stage .said-grid>[class^=i-]:after{width:18px;height:18px;margin-top:-9px;left:19px}.is-how .rd-stage .said-grid>.said-lead{margin-top:6px}.is-how .rd-stage .said-chips{gap:10px 8px}.is-how .rd-stage .said-chips>[class^=i-]{border:var(--line) solid var(--ink);background:var(--tool);min-height:40px;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 14px 8px 38px;font-size:15px;font-weight:700}.is-how .rd-stage .said-chips>[class^=i-]:before{display:none}.is-how .rd-stage .said-chips>[class^=i-]:after{width:18px;height:18px;margin-top:-9px;left:13px}.is-how .rd-stage .said-chips>.said-lead{margin:2px 0 6px}.is-how .rd-stage .demo-cap>span:not(.rd-step){font-family:var(--font-face-hand,sans-serif);color:var(--pen);align-items:flex-end;gap:4px;font-size:18px;font-weight:400;line-height:1.2;display:inline-flex;rotate:-1.5deg}.is-how .rd-stage .demo-cap>span:not(.rd-step):before{content:"";background:var(--pen);flex:none;width:20px;height:28px;margin-bottom:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 26c-4-7-3-15 6-22'/%3E%3Cpath d='M7.1 5.2L14 4l-2.9 6.4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 26c-4-7-3-15 6-22'/%3E%3Cpath d='M7.1 5.2L14 4l-2.9 6.4'/%3E%3C/svg%3E") 50%/contain no-repeat}.is-how .rd-mm{z-index:-1;pointer-events:none;height:auto;position:absolute;overflow:visible}.is-how .rd-mm-zig{width:150px;bottom:-30px;left:-14px;rotate:-6deg}.is-how .rd-mm-edge{fill:none;stroke:var(--ink);stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.is-how .rd-mm-fill{fill:none;stroke:#3fbf92;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}.is-how .rd-mm-half{width:96px;top:56%;right:-42px}@media (max-width:1160px){.is-how .rd-mm-half{right:-18px}}@media (max-width:900px){.is-how .rd-mm-half{right:-12px}}.is-how .rd-mm-half circle{fill:#ffe885;stroke:var(--ink);stroke-width:3px}.is-how .rd-mm-confetti{width:118px;bottom:-46px;right:38px}.is-how .rd-mm-teal{fill:#2a9ebb;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.is-how .rd-mm-lime{fill:#c9f29a;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.is-how .rd-mm-dot{fill:var(--ink)}.is-how .rd-teach{padding-bottom:36px}@media (min-width:901px){.is-how #teachers>.rd-scholar{z-index:3;margin:calc(87px - var(--scholar) * 303 / 264) 18px 0 0;grid-area:2/1/auto/-1;place-self:start end;position:relative;top:auto;right:auto}}@media (max-width:900px){.is-how #teachers>.rd-scholar{grid-area:1/2;margin-top:6px;position:relative;top:auto;right:auto}.is-how #teachers>h2{align-self:center;margin-top:6px}}.is-how #teachers{--rd-head:0px;scroll-margin-top:calc(84px + var(--rd-head))}.is-how #teachers .rd-radio{scroll-margin-top:calc(84px + var(--rd-head) + 70px)}@media (min-width:901px){.is-how #teachers{--rd-head:max(0px, var(--scholar) * 1.182 - 113.6px)}}@media (max-width:900px){.is-how #teachers .rd-radio{scroll-margin-top:274px}}@media (max-width:359px){.is-how #teachers{scroll-margin-top:136px}.is-how #teachers .rd-radio{scroll-margin-top:326px}}@media (max-width:900px){.is-how .rd-tabs{flex-wrap:wrap;align-items:stretch;gap:8px;margin:14px 0 16px;padding:0}.is-how .rd-tab{border:var(--line) solid #1b2a4a52;white-space:normal;text-align:center;border-radius:12px;flex:30%;justify-content:center;min-height:44px;padding:6px 12px;font-size:15px;line-height:1.15}.is-how .rd-tab:first-child{flex:none;padding-inline:16px}.is-how .rd-tab:nth-child(n+4){flex-basis:40%}.is-how .rd-tab:has(.rd-radio:checked){border-color:var(--ink);min-height:44px;box-shadow:4px 4px 0 var(--ink);margin:0;padding-bottom:6px;translate:-2px -2px}.is-how .rd-cards>.how-item{border-radius:18px;grid-template-columns:1fr;gap:20px;padding:20px}}@media (min-width:600px) and (max-width:900px){.is-how .rd-tabs{row-gap:4px}.is-how .rd-tabs:before{content:"";flex-basis:100%;order:1;height:0}.is-how .rd-tab,.is-how .rd-tab:first-child,.is-how .rd-tab:nth-child(n+4){white-space:nowrap;flex:none;padding-inline:16px}.is-how .rd-tab:nth-child(n+4){order:2}}@media (max-width:599px){.is-how .rd-tabs{gap:6px;margin-top:12px}.is-how .rd-tab{padding:6px 8px;font-size:14.5px}.is-how .rd-tab:first-child{padding-inline:12px}.is-how .rd-cards>.how-item{box-shadow:6px 6px 0 var(--ink);border-radius:14px;padding:16px}.is-how .rd-stage .said{gap:10px}.is-how .rd-stage .said>[class^=i-]{min-height:58px;box-shadow:3px 3px 0 var(--ink);padding:12px 14px 12px 62px;font-size:16px}.is-how .rd-stage .said>[class^=i-]:before{border-radius:10px;width:38px;height:38px;margin-top:-19px;left:10px}.is-how .rd-stage .said>[class^=i-]:after{width:20px;height:20px;margin-top:-10px;left:19px}.is-how .rd-stage .said-lead{font-size:20px}.is-how .rd-stage .said-grid>[class^=i-]{min-height:52px;padding:8px 10px 8px 50px;font-size:15px}.is-how .rd-stage .said-grid>[class^=i-]:before{border-radius:9px;width:32px;height:32px;margin-top:-16px;left:8px}.is-how .rd-stage .said-grid>[class^=i-]:after{width:18px;height:18px;margin-top:-9px;left:15px}.is-how .rd-stage .said-chips>[class^=i-]{min-height:38px;box-shadow:2px 2px 0 var(--ink);padding:7px 12px 7px 34px;font-size:14px}.is-how .rd-stage .said-chips>[class^=i-]:after{width:17px;height:17px;margin-top:-8.5px;left:11px}.is-how .rd-stage .demo-cap>span:not(.rd-step){font-size:17px}.is-how .rd-mm-zig{width:112px;bottom:-24px;left:-10px}.is-how .rd-mm-half{width:72px;top:auto;bottom:-34px;right:-8px}.is-how .rd-mm-confetti{width:96px;bottom:-40px;right:24px}.is-how .rd-teach{padding-bottom:30px}}@media (max-width:359px){.is-how .rd-tabs{gap:5px}.is-how .rd-tab{padding-inline:6px;font-size:14px}.is-how .rd-tab:first-child{padding-inline:10px}.is-how .rd-stage .said-grid{grid-template-columns:1fr}}@media (max-width:900px){.is-how .rd-cards>.how-item:first-child .said>:is(.i-list,.i-marks),.is-how .rd-cards>.how-item:nth-child(2) .said>:is(.i-check:nth-child(n+5),.said-lead),.is-how .rd-cards>.how-item:nth-child(4) .said>:is(.i-arrowsH,.i-eyeOff),.is-how .rd-cards>.how-item:nth-child(5) .said>:is(.i-lock,.i-flag){display:none}}.is-how .rd-foot{display:none}@media (max-width:900px){.is-how .rd-teach.is-swipe .rd-stage{display:flow-root}.is-how .rd-teach.is-swipe .rd-cards{--rd-pad:20px;--rd-foot:44px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;transition:height .3s var(--snap);align-items:flex-start;gap:16px;margin:0 -16px -10px;padding:0 16px 10px;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.is-how .rd-teach.is-swipe .rd-cards::-webkit-scrollbar{display:none}.is-how .rd-teach.is-swipe .rd-cards>.how-item{scroll-snap-align:start;scroll-snap-stop:always;padding-bottom:calc(var(--rd-pad) * 2 + var(--rd-foot));flex:0 0 100%;align-content:start;display:grid}.is-how .rd-teach.is-swipe .rd-foot{z-index:2;left:calc(var(--line) + 20px);right:calc(var(--line) + 20px);bottom:calc(var(--line) + 20px);align-items:stretch;gap:10px;display:flex;position:absolute}.is-how .rd-foot button{border:var(--line) solid var(--ink);min-height:44px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:12px;align-items:center;padding:6px 14px;font-size:15px;font-weight:800;line-height:1.2;display:inline-flex}.is-how .rd-foot button[hidden]{display:none}.is-how .rd-foot .rd-prev{white-space:nowrap;flex:none}.is-how .rd-foot .rd-next{text-align:right;justify-content:flex-end;margin-left:auto}.is-how .rd-foot button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.is-how .rd-foot button:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}}.is-how .rd-step{display:none}@media (max-width:599px){.is-how .rd-teach.is-swipe .rd-foot>button{display:none}.is-how .rd-teach.is-swipe .rd-cards>.how-item{padding-bottom:var(--rd-pad)}.is-how .rd-teach.is-swipe .rd-cards{--rd-pad:16px}.is-how .rd-teach.is-swipe .rd-stage .demo-cap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"cap cap cap""back pause on";align-items:center;gap:8px;display:grid}.is-how .rd-teach.is-swipe .rd-stage .demo-cap>span:not(.rd-step){grid-area:cap}.is-how .rd-teach.is-swipe .rd-stage .demo-cap>.demo-btn{grid-area:pause;justify-self:center}.is-how .rd-teach.is-swipe .rd-step{display:flex}.is-how .rd-step-back{grid-area:back;justify-content:flex-start}.is-how .rd-step-on{grid-area:on;justify-content:flex-end}.is-how .rd-step button{border:var(--line) solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.is-how .rd-step button svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.is-how .rd-step button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.is-how .rd-step button:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}}@media (prefers-reduced-motion:no-preference){.is-how .rd-stage .said>*{animation:rd-row .22s var(--snap) both}.is-how .rd-stage .said>:nth-child(3){animation-delay:30ms}.is-how .rd-stage .said>:nth-child(5){animation-delay:60ms}.is-how .rd-stage .said>:nth-child(7){animation-delay:90ms}.is-how .rd-stage .said>:nth-child(9){animation-delay:.12s}.is-how .rd-stage .said>:nth-child(11){animation-delay:.15s}.is-how .rd-stage .said>:nth-child(13){animation-delay:.18s}.is-how .rd-stage .said>:nth-child(15){animation-delay:.21s}.is-how .rd-cards>.how-item>figure{animation:rd-rise .26s var(--snap) both;animation-delay:90ms}.is-how .rd-scholar{animation:5.2s ease-in-out infinite rd-breathe}}@keyframes rd-row{0%{opacity:0;clip-path:inset(0 100% 0 0 round 14px);translate:-12px}99%{clip-path:inset(0 -6px -6px 0 round 14px)}to{opacity:1;clip-path:none;translate:0}}@keyframes rd-rise{0%{opacity:0;translate:0 12px}}@keyframes rd-breathe{50%{translate:0 -5px;rotate:-2.5deg}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.is-how .rd-teach{view-timeline:--rd-teach block}.is-how .rd-tab{animation:linear both rd-fan;animation-timeline:--rd-teach;animation-range:entry var(--f0,0%) entry var(--f1,18%)}.is-how .rd-tab:nth-child(2){--f0:4%;--f1:22%}.is-how .rd-tab:nth-child(3){--f0:8%;--f1:26%}.is-how .rd-tab:nth-child(4){--f0:12%;--f1:30%}.is-how .rd-tab:nth-child(5){--f0:16%;--f1:34%}.is-how .rd-stage{animation:linear both rd-settle;animation-timeline:--rd-teach;animation-range:entry 5% entry 40%}.is-how .rd-mm{animation:linear both rd-pop;animation-timeline:--rd-teach;animation-range:entry 30% entry 75%}}}@keyframes rd-fan{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes rd-settle{0%{opacity:.4;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes rd-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@supports not selector(:has(*)){.is-how .rd-tabs{display:none}.is-how .rd-stage{gap:24px;margin-top:20px;display:grid}.is-how .rd-cards>.how-item{border-radius:18px;display:grid}.is-how .rd-stage .how-text>h3{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.is-how .rd-stage .how-text>h3+.said{margin-top:10px}}.is-how .rd-ic{vertical-align:-.12em;width:1em;height:1em;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.is-how .rd-demo .t-nav a{align-items:center;gap:6px;display:inline-flex}.is-how .rd-demo .t-nav .rd-ic{width:18px;height:18px}.is-how .rd-demo .demo-device{animation:none}.is-how .rd-demo .t-h1{margin-top:2px}@media (max-width:599px){.is-how .rd-stage .demo-duo .demo-frame,.is-how .rd-stage .rd-demo-queue .demo-frame,.is-how .rd-stage .rd-demo-grade .demo-frame,.is-how .rd-stage .rd-demo-own .demo-frame{width:min(100% + 24px,440px);margin-inline:calc(50% + min(100% + 24px,440px)/-2)}}@media (min-width:901px){.is-how .rd-stage .rd-demo-mark .demo-frame{max-width:264px}}.is-how .rd-stage .demo-frame{--fit:.536}.is-how .rd-stage .rd-demo-mark .demo-frame{--fit:.481}@media (min-width:320px){.is-how .rd-stage .demo-frame{--fit:.627}.is-how .rd-stage .rd-demo-mark .demo-frame{--fit:.572}}@media (min-width:360px){.is-how .rd-stage .demo-frame{--fit:.718}.is-how .rd-stage .rd-demo-mark .demo-frame{--fit:.663}}@media (min-width:388px){.is-how .rd-stage .rd-demo-mark .demo-frame{--fit:.727}}@media (min-width:390px){.is-how .rd-stage .demo-frame{--fit:.786}}@media (min-width:430px){.is-how .rd-stage .demo-frame{--fit:.877}}@media (min-width:484px){.is-how .rd-stage .demo-frame{--fit:1}}@media (min-width:600px){.is-how .rd-stage .demo-frame{--fit:.689}}@media (min-width:768px){.is-how .rd-stage .demo-frame{--fit:.91}}@media (min-width:901px){.is-how .rd-stage .demo-frame{--fit:.584}.is-how .rd-stage .rd-demo-mark .demo-frame{--fit:.6}}@media (min-width:1120px){.is-how .rd-stage .demo-frame{--fit:.752}}.is-how .rd-demo-mark .demo-frame{aspect-ratio:440/780;max-width:320px;margin:0 auto}.is-how .rd-demo-mark .demo-canvas{width:440px;height:780px}.is-how .mk{border:10px solid var(--ink);background:var(--surface);border-radius:44px;inset:20px 15px}.is-how .mk-top{justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.is-how .mk-top .brand{font-size:16px}.is-how .mk-top .brand-logo{width:28px;height:28px}.is-how .mk-me{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.is-how .mk-head{background:#ffe885;padding:14px 16px 40px;position:relative}.is-how .mk-head .act-head{margin:0}.is-how .mk-head .back{margin:0;padding:0;font-size:15px}.is-how .mk-head .act-title{margin-top:12px}.is-how .mk-head .act-prompt{margin-top:2px;font-size:21px}.is-how .mk-head .act-source{margin-top:6px;font-size:12px;font-weight:600}.is-how .mk-wave{width:100%;height:34px;position:absolute;bottom:-1px;left:0;right:0}.is-how .mk-list{gap:5px;padding:8px 14px 0;display:grid}.is-how .mk-row{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:5px 10px 5px 14px;font-size:14px;font-weight:600;display:grid}.is-how .mk-q{min-width:0;line-height:1.3}.is-how .mk-seg{border:1.5px solid var(--field-border);color:var(--ink-2);border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.is-how .mk-seg>span{text-align:center;min-width:52px;padding:7px 10px}.is-how .mk-seg>span+span{border-left:1.5px solid var(--field-border)}.is-how .mk-seg>.is-on{background:var(--main);color:var(--surface)}.is-how .mk-ok{transform-origin:0;opacity:0;grid-column:1/-1}.is-how .mk-ok .part-fb{margin:0;font-size:14px}.is-how .mk-ok .rd-ic{width:18px;height:18px}.is-how .mk-foot{padding:12px 14px 0;position:relative}.is-how .mk-check{border-radius:14px}.is-how .mk-result{border:1.5px solid var(--done);opacity:0;padding:14px 16px;position:absolute;top:12px;left:14px;right:14px}.is-how .mk-result .fb-head{gap:8px 10px;font-size:17px}.is-how .mk-result .rd-ic{width:22px;height:22px}.is-how .mk-result .fb-score{align-items:baseline;gap:4px;display:inline-flex}.is-how .mk-odo{vertical-align:top;font-variant-numeric:tabular-nums;height:1.2em;display:inline-block;overflow:hidden}.is-how .mk-odo>span{line-height:1.2;display:block}.is-how .mk-self{opacity:0;margin-left:auto}@media (prefers-reduced-motion:no-preference){.is-how .mk-odo>span{animation:mk-odo 9s linear infinite var(--play)}}@keyframes mk-odo{0%,36.7%{transform:translateY(0)}38%{transform:translateY(-1.2em)}39.3%{transform:translateY(-2.4em)}40.7%{transform:translateY(-3.6em)}42%{transform:translateY(-4.8em)}43.3%,93.3%{transform:translateY(-6em)}96.7%,to{transform:translateY(0)}}.is-how .q .demo-page{padding-top:14px;position:relative}.is-how .q-count{display:inline-grid;position:relative}.is-how .q-count>span,.is-how .q-left>span>span{grid-area:1/1}.is-how .q-left{gap:.3em;font-size:14px;font-weight:600;display:inline-flex}.is-how .q-left>span{display:inline-grid}.is-how .q-n2{opacity:0}.is-how .q-queue{gap:8px;margin-top:12px;display:grid;position:relative}.is-how .q-card{background:var(--surface);border:1px solid var(--border);min-height:58px;box-shadow:var(--shadow-card);transform-origin:50%;opacity:0;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.is-how .q-card .rd-ic{background:var(--main-tint);width:36px;height:36px;color:var(--main);border-radius:10px;position:relative;-webkit-mask:none;mask:none}.is-how .q-card .rd-ic:after{content:"";-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;background:currentColor;position:absolute;inset:7px}.is-how .q-who{display:grid}.is-how .q-who b{font-size:16px;font-weight:800}.is-how .q-what{color:var(--ink-2);font-size:13px}.is-how .q-form{opacity:0;margin:0;padding:18px 22px;position:absolute;top:78px;left:24px;right:24px}.is-how .q-form .rv-name{font-size:24px}.is-how .q-form .prov{margin-top:2px}.is-how .q-form .answer-text,.is-how .q-form .score-row{margin-top:12px}.is-how .q-form .field-label{margin-top:10px}.is-how .q-comment{max-width:none;min-height:46px}.is-how .q-type{font-weight:600}.is-how .q-focus,.is-how .q-focus2,.is-how .q-caret,.is-how .q-caret2{opacity:0}.is-how .q-caret2{top:25%;bottom:25%;left:12px}.is-how .q-form .rv-actions{margin-top:12px}.is-how .q-two{position:relative}.is-how .q-sel,.is-how .q-sel2{opacity:0}.is-how .q-trace{border:1px solid var(--border);background:var(--surface) linear-gradient(var(--border), var(--border)) 50% 68px / calc(100% - 32px) 1.5px no-repeat;border-radius:14px;height:92px;margin-top:12px;position:relative}.is-how .q-trace:before,.is-how .q-trace:after{content:"ا ب ت ث";word-spacing:.35em;direction:rtl;justify-content:center;align-items:center;font-family:Geeza Pro,Segoe UI,Tahoma,Arial,sans-serif;font-size:50px;line-height:1;display:flex;position:absolute;inset:0 16px}.is-how .q-trace:before{color:#0000;-webkit-text-stroke:1.5px #9aa6b8}.is-how .q-trace:after{color:var(--main);opacity:.85;translate:1.5px -1px;rotate:-1.2deg}.is-how .q-toast{opacity:0;inset:434px 46px auto auto;transform:translateY(14px)}.is-how .gb-page{padding:14px 24px 0}.is-how .gb-page .t-head{align-items:center}.is-how .gb-review{min-height:40px;font-size:14px}.is-how .gb-card{margin-top:12px;padding:0;position:relative;overflow:hidden}.is-how .gb-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.is-how .gb-hint{color:var(--ink-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.is-how .gb-hint .rd-ic{width:16px;height:16px;color:var(--main)}.is-how .gb-pick{align-items:center;gap:6px;font-weight:700;display:inline-flex}.is-how .gb-pick b{margin-right:4px}.is-how .gb-tick{white-space:nowrap;border:1.5px solid var(--main);color:var(--main);background:var(--main-tint);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.is-how .gb-tick i{background:currentColor url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5l10 -10' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/11px no-repeat;border-radius:3px;width:13px;height:13px}.is-how .gb-arrows{gap:6px;display:inline-flex}.is-how .gb-arrow{border:1.5px solid var(--field-border);width:30px;height:30px;color:var(--main);border-radius:9px;justify-content:center;align-items:center;font-size:20px;font-weight:800;line-height:1;display:inline-flex}.is-how .gb-prev{color:var(--border);border-style:dashed}.is-how .gb-scroll{position:relative;overflow:hidden}.is-how .gb-table{grid-template-columns:124px repeat(10,68px);width:max-content;font-size:12px;display:grid}.is-how .gb-head{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.is-how .gb-tr{grid-template-columns:subgrid;border-top:1px solid var(--border);grid-column:1/-1;min-height:34px;display:grid}.is-how .gb-tr:nth-child(odd){background:#f8f9fb}.is-how .gb-stu{z-index:2;background:var(--surface);border-right:1px solid var(--border);box-shadow:-4px 0 0 var(--surface);white-space:nowrap;align-items:center;padding:0 10px;font-weight:700;display:flex;position:sticky;left:0}.is-how .gb-tr:nth-child(odd) .gb-stu{background:#f8f9fb;box-shadow:-4px 0 #f8f9fb}.is-how .gb-stuh{align-items:flex-end;padding-bottom:8px;font-weight:800}.is-how .gb-band{border-top:4px solid var(--band);background:var(--band-tint);grid-column:span 4;grid-template-rows:auto 1fr;display:grid;position:relative}.is-how .gb-b1{grid-column:span 2}.is-how .gb-b2{--band:#e9a23b;--band-tint:#fff7dc}.is-how .gb-b1,.is-how .gb-b3{--band:#249cec;--band-tint:#eef7fd}.is-how .gb-band:before{content:"";z-index:1;transform-origin:100%;background:#eceef2;position:absolute;inset:-4px 0 0;transform:scaleX(0)}.is-how .gb-lesson{flex-wrap:wrap;grid-area:1/1;align-items:center;gap:2px 8px;padding:6px 8px 4px;font-weight:800;line-height:1.25;display:flex}.is-how .gb-lesson em{color:var(--ink-2);font-style:normal;font-weight:600}.is-how .gb-cols{grid-area:2/1;grid-template-columns:repeat(4,68px);display:grid}.is-how .gb-b1 .gb-cols{grid-template-columns:repeat(2,68px)}.is-how .gb-cols>span{text-align:right;align-content:end;justify-items:end;gap:1px;padding:4px 8px 6px;font-weight:800;line-height:1.15;display:grid}.is-how .gb-cols small{color:var(--ink-2);font-size:10px;font-weight:600}.is-how .gb-cols .rd-ic{width:10px;height:10px;color:var(--ink-2);margin-right:2px}.is-how .gb-total{background:#1b2a4a0f}.is-how .gb-c{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;padding:0 8px;display:flex}.is-how .gb-c:nth-child(5){background:#e9a23b1f;font-weight:800}.is-how .gb-chip{padding:2px 8px;font-size:11px}.is-how .gb-warm{color:#7a4b00;background:#fff1c2}.is-how .gb-due{background:var(--due-tint);color:var(--due)}.is-how .gb-done{background:var(--done-tint);color:var(--done)}.is-how .gb-tiles,.is-how .gb-parts{display:none}.is-how .gb-shade{pointer-events:none;background:linear-gradient(90deg,#1b2a4a00,#1b2a4a2e);width:36px;position:absolute;top:0;bottom:0;right:0}@media (prefers-reduced-motion:no-preference){.is-how .gb-b2:before{animation:gb-fill2 11s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}.is-how .gb-b1:before{animation:gb-fill1 11s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}.is-how .gb-b3:before{animation:gb-fill3 11s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}.is-how .gb-table{animation:gb-slide 11s cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .gb-tick3{animation:gb-untick 11s linear infinite var(--play)}.is-how .gb-shade{animation:gb-shade 11s linear infinite var(--play)}}@keyframes gb-fill2{0%,3.6%{transform:scaleX(1)}9.1%,94%{transform:scaleX(0)}96%,to{transform:scaleX(1)}}@keyframes gb-fill1{0%,6.4%{transform:scaleX(1)}11.8%,94%{transform:scaleX(0)}96%,to{transform:scaleX(1)}}@keyframes gb-fill3{0%,8.2%{transform:scaleX(1)}13.6%,94%{transform:scaleX(0)}96%,to{transform:scaleX(1)}}@keyframes gb-slide{0%,40%{transform:translate(0)}45.5%,59.091%{transform:translate(-272px)}64.545%,to{transform:translate(0)}}@keyframes gb-shade{0%,40%{opacity:1}45.5%,96%{opacity:0}to{opacity:1}}@keyframes gb-untick{0%,54.5%{background:var(--main-tint);border-color:var(--main);color:var(--main)}55.5%,94.5%{background:var(--surface);border-color:var(--field-border);color:var(--ink-2)}to{background:var(--main-tint);border-color:var(--main);color:var(--main)}}@media (prefers-reduced-motion:no-preference){.is-how .gb-table .gb-stu{animation:gb-hold 11s cubic-bezier(.45, 0, .2, 1) infinite var(--play)}}@keyframes gb-hold{0%,40%{transform:translate(0)}45.5%,59.091%{transform:translate(272px)}64.545%,to{transform:translate(0)}}.is-how .o-me{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.is-how .o-me b{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:inline-flex}.is-how .o-page{padding-top:14px;position:relative}.is-how .o-cols{grid-template-columns:minmax(0,1fr) 228px;gap:12px;margin-top:12px;display:grid}.is-how .o-page .form-card{margin:0;padding:14px 16px}.is-how .o-card{transform-origin:20% 0;opacity:0}.is-how .o-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.is-how .o-head .step-title{font-size:17px}.is-how .o-acts{color:var(--main);gap:12px;font-size:12px;font-weight:700;display:inline-flex}.is-how .o-label{margin-top:10px;font-size:12px;font-weight:800}.is-how .rd-demo .o-types{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.is-how .o-pick{opacity:0;padding:8px 8px 8px 30px}.is-how .o-pick .pick-title{font-size:12.5px}.is-how .o-pick .pick-sub{font-size:11px;line-height:1.3}.is-how .rd-demo .o-pick:before{width:14px;height:14px;top:10px;left:9px}.is-how .o-sel{opacity:0}.is-how .o-sel:after{background:radial-gradient(circle, var(--main) 0 3px, var(--surface) 3.4px 4.6px, var(--main) 5px)!important;width:14px!important;height:14px!important;top:10px!important;left:9px!important}.is-how .o-ql,.is-how .o-q,.is-how .o-ol,.is-how .o-on,.is-how .o-opt,.is-how .o-side,.is-how .o-yourq{opacity:0}.is-how .o-q{min-height:40px;margin-top:6px;font-size:12.5px;font-weight:600;overflow:hidden}.is-how .o-type{max-width:100%}.is-how .o-shut{background:var(--surface);transform:translate(0)}.is-how .o-on{margin-top:2px;font-size:11px}.is-how .o-opts{gap:6px;margin-top:6px;display:grid}.is-how .o-opt{align-items:center;gap:8px;display:flex}.is-how .o-opt i{border:2px solid var(--field-border);background:var(--surface);border-radius:50%;flex:none;width:16px;height:16px}.is-how .o-right i{border-color:var(--main);background:radial-gradient(circle, var(--main) 0 3.5px, var(--surface) 4px)}.is-how .o-opt .input{flex:1;min-height:34px;font-size:13px}.is-how .o-side{transform-origin:0 20%}.is-how .o-side .step-title{font-size:15px}.is-how .o-sel-in{min-height:34px;margin-top:4px;font-size:12.5px;font-weight:700}.is-how .o-short{width:110px}.is-how .o-page-in{min-height:34px;margin-top:4px;font-size:13px;font-weight:700}.is-how .o-side .opt-note{margin-top:4px;font-size:11px}.is-how .o-inthis{border-top:1px solid var(--border);padding-top:10px}.is-how .o-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.is-how .o-chips .chip{padding:2px 8px 2px 6px;font-size:11px}.is-how .o-chips .rd-ic{width:12px;height:12px}.is-how .o-printed{align-items:center;gap:5px;margin-top:8px;display:flex}.is-how .o-page{--o-scroll:-136px}.is-how .o-page .o-more{opacity:0;justify-content:space-between;align-items:center;width:calc(100% - 240px);margin-top:8px;padding:12px 16px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.is-how .o-shut{animation:o-type 12s linear infinite var(--play)}.is-how .o-page{animation:o-scroll 12s cubic-bezier(.45, 0, .2, 1) infinite var(--play)}}@keyframes o-type{0%,15.8%{transform:translate(0)}15.81%{animation-timing-function:steps(52,end);transform:translate(0)}25%,94.5%{transform:translate(calc(100% - 3px))}to{transform:translate(0)}}@keyframes o-scroll{0%,45.833%{transform:translateY(0)}54.167%,95%{transform:translateY(var(--o-scroll))}to{transform:translateY(0)}}@media (max-width:599px){.is-how .rd-demo-queue{--h:556}.is-how .rd-demo-grade{--h:608}.is-how .rd-demo-own{--h:640}.is-how .rd-demo-queue .demo-frame,.is-how .rd-demo-grade .demo-frame,.is-how .rd-demo-own .demo-frame{aspect-ratio:440 / var(--h)}.is-how .rd-demo-queue .demo-canvas,.is-how .rd-demo-grade .demo-canvas,.is-how .rd-demo-own .demo-canvas{width:440px;height:calc(var(--h) * 1px)}.is-how .rd-demo-queue .demo-device,.is-how .rd-demo-grade .demo-device,.is-how .rd-demo-own .demo-device{border-radius:14px;inset:12px}.is-how .rd-demo .demo-bar{gap:10px;padding:0 12px}.is-how .rd-demo .demo-bar .brand-name{display:none}.is-how .rd-demo .t-nav a{padding:8px 6px;font-size:13px}.is-how .rd-demo .demo-page{padding:12px 14px}.is-how .q .demo-page{padding-top:10px}.is-how .q-form{padding:12px 14px;top:72px;left:14px;right:14px}.is-how .q-form .rv-name{font-size:20px}.is-how .q-form .answer-text{margin-top:10px;padding:10px 12px}.is-how .q-form .score-row{margin-top:10px}.is-how .q-form .score-btns span{height:42px}.is-how .q-form .field-label{margin-top:8px}.is-how .q-comment{min-height:42px}.is-how .q-form .rv-actions{margin-top:10px}.is-how .q-toast{gap:6px;padding:5px 9px;font-size:13px;top:406px;right:14px}.is-how .o-me{display:none}.is-how .o-cols{grid-template-columns:minmax(0,1fr)}.is-how .o-page .o-card{padding-inline:12px}.is-how .o-q{padding-inline:10px;font-size:11.5px}.is-how .o-side{display:none}.is-how .o-page{--o-scroll:-84px}.is-how .o-page .o-more{width:100%}.is-how .gb-page .t-head{flex-wrap:nowrap;gap:8px}.is-how .gb-page .demo-h{font-size:12px}.is-how .gb-review{flex:none;min-height:36px;padding-inline:12px;font-size:13px}.is-how .gb-tools{border-bottom:0;padding:12px 14px 0}.is-how .gb-hint,.is-how .gb-arrows,.is-how .gb-pick>b,.is-how .gb-tick i,.is-how .gb-shade{display:none}.is-how .gb-pick{gap:8px}.is-how .gb-tick,.is-how .gb-tick3{border:1.5px solid var(--field-border);background:var(--surface);min-height:36px;color:var(--ink);padding:0 14px;font-size:14px;animation:none}.is-how .gb-tick:nth-child(3){border-color:var(--ink);background:var(--ink);color:var(--surface)}.is-how .gb-scroll{overflow:visible}.is-how .gb-table,.is-how .gb-head{width:auto;font-size:15px;display:block}.is-how .gb-table,.is-how .gb-table .gb-stu{animation:none;transform:none}.is-how .gb-stuh,.is-how .gb-b1,.is-how .gb-b3,.is-how .gb-b2>.gb-cols,.is-how .gb-band:before{display:none}.is-how .gb-b2{background:0 0;border:0;padding:12px 14px 0;display:block}.is-how .gb-b2 .gb-lesson{white-space:normal;padding:0;font-size:19px;line-height:1.3;display:block}.is-how .gb-b2 .gb-lesson em{margin-right:8px;font-size:14px}.is-how .gb-b2 .gb-lesson em:before{content:"\a ";white-space:pre}.is-how .gb-b2 .gb-chip{vertical-align:1px;padding:3px 10px;font-size:12px}.is-how .gb-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 14px;display:grid}.is-how .gb-tiles>b{background:var(--neutral-tint);font-variant-numeric:tabular-nums;border-radius:12px;gap:2px;padding:8px 10px;font-size:20px;font-weight:800;line-height:1.15;display:grid}.is-how .gb-tiles>b:after{color:var(--ink-2);font-size:12px;font-weight:700;line-height:1.3}.is-how .gb-tiles>b:first-child:after{content:"Class average"}.is-how .gb-tiles>b:nth-child(2):after{content:"To review"}.is-how .gb-tiles>b:nth-child(3):after{content:"Missing"}.is-how .gb-tr,.is-how .gb-tr:nth-child(odd){background:var(--surface);align-items:center;gap:10px;min-height:44px;padding:0 12px 0 14px;display:flex;position:relative}.is-how .gb-stu,.is-how .gb-tr:nth-child(odd) .gb-stu{min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding:0;font-weight:700;position:static}.is-how .gb-tr>.gb-c{display:none}.is-how .gb-tr>.gb-c:nth-child(5){background:0 0;flex:none;padding:0;font-size:16px;font-weight:800;display:flex}.is-how .gb-tr .gb-chip{padding:3px 10px;font-size:12px}.is-how .gb-tr:after{content:"";background:var(--ink-2);width:16px;height:16px;-webkit-mask:var(--chev) center / contain no-repeat;-webkit-mask:var(--chev) center / contain no-repeat;mask:var(--chev) center / contain no-repeat;flex:none}.is-how .gb-table{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");--gb-open:132px}.is-how .gb-parts{z-index:1;height:var(--gb-open);background:var(--neutral-tint);grid-auto-rows:38px;gap:5px;padding:2px 14px 6px;display:grid;position:absolute;top:100%;left:0;right:0}.is-how .gb-parts>span{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:0 12px 0 5px;font-size:15px;font-weight:600;display:flex}.is-how .gb-parts b{background:var(--main-tint);width:28px;height:28px;color:var(--main);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.is-how .gb-parts em{color:var(--ink-2);margin-left:auto;font-size:14px;font-style:normal;font-weight:700}.is-how .gb-parts .gb-wait{background:#fff1c2;border-color:#0000}.is-how .gb-parts .gb-wait b{background:var(--surface)}.is-how .gb-parts .gb-wait em{color:#7a4b00;align-items:center;gap:4px;font-weight:800;display:inline-flex}.is-how .gb-parts .gb-wait em:before{content:"";width:15px;height:15px;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;background:currentColor}.is-how .gb-parts .gb-wait em{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E")}.is-how .gb-tr:nth-child(2){background:var(--neutral-tint)}.is-how .gb-tr:nth-child(2):after{rotate:180deg}.is-how .gb-tr:nth-child(n+7){display:none}.is-how .gb-tr:nth-child(n+3){transform:translateY(var(--gb-open))}.is-how .gb-tr:nth-child(n+4){opacity:0}}@media (max-width:599px) and (prefers-reduced-motion:no-preference){.is-how .gb-tr:nth-child(2){animation:gb-row 11s linear infinite var(--play)}.is-how .gb-tr:nth-child(2):after{animation:gb-chev 11s cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .gb-parts{animation:gb-parts 11s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}.is-how .gb-tr:nth-child(n+3){animation:gb-push 11s cubic-bezier(.45, 0, .2, 1) infinite var(--play)}.is-how .gb-tr:nth-child(n+4){animation-name:gb-push-out}}@keyframes gb-row{0%,40%{background-color:var(--surface)}41%,to{background-color:var(--neutral-tint)}}@keyframes gb-chev{0%,40%{rotate:none}45.5%,94.5%{rotate:180deg}to{rotate:none}}@keyframes gb-parts{0%,43.5%{opacity:0;transform:translateY(-8px)}48%,to{opacity:1;transform:none}}@keyframes gb-push{0%,40%{transform:none}45.5%,to{transform:translateY(var(--gb-open))}}@keyframes gb-push-out{0%,40%{opacity:1;transform:none}45.5%,to{transform:translateY(var(--gb-open));opacity:0}}@supports not (aspect-ratio:1 / 1){.is-how .rd-demo-mark .demo-frame:before{padding-top:177.273%}@media (max-width:599px){.is-how .rd-demo-queue .demo-frame:before,.is-how .rd-demo-grade .demo-frame:before,.is-how .rd-demo-own .demo-frame:before{padding-top:calc(var(--h) / 440 * 100%)}}}@media (orientation:landscape) and (max-height:560px){.is-how .rd-demo-mark .demo-frame{max-width:min(320px,56.4103svh - 73.3333px)}}@media (prefers-reduced-motion:reduce){.is-how .mk-check{opacity:0}.is-how .mk-ok,.is-how .mk-result,.is-how .mk-self{opacity:1}.is-how .mk-odo>span{transform:translateY(-6em)}.is-how .q-queue{opacity:0}.is-how .q-form:not(.q-form2),.is-how .q-sel,.is-how .q-focus{opacity:1}.is-how .q-shut{transform:translate(calc(100% - 3px))}.is-how .gb-tr>.gb-c:nth-child(n+8),.is-how .gb-b3,.is-how .gb-shade{opacity:0}.is-how .gb-tick3{background:var(--surface);border-color:var(--field-border);color:var(--ink-2)}.is-how .o-card,.is-how .o-pick,.is-how .o-sel,.is-how .o-ql,.is-how .o-q,.is-how .o-ol,.is-how .o-on,.is-how .o-opt,.is-how .o-side,.is-how .o-yourq,.is-how .o-page .o-more{opacity:1}.is-how .o-shut{transform:translate(calc(100% - 3px))}.is-how .o-page{transform:translateY(var(--o-scroll))}}@media (prefers-reduced-motion:no-preference){.is-how .mk-check{animation:mk-check 9s linear infinite var(--play)}@keyframes mk-check{0%,12.222%{opacity:1;transform:scale(1)}13.111%{opacity:1;transform:scale(.94)}14%,32.222%{opacity:1;transform:scale(1)}35%,93.333%{opacity:0}96.667%,to{opacity:1}}.is-how .mk-r0 .mk-ok{animation:mk-ok0 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-ok0{0%,15.556%{opacity:0;transform:scale(.6)}18.667%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .mk-r1 .mk-ok{animation:mk-ok1 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-ok1{0%,18%{opacity:0;transform:scale(.6)}21.111%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .mk-r2 .mk-ok{animation:mk-ok2 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-ok2{0%,20.444%{opacity:0;transform:scale(.6)}23.556%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .mk-r3 .mk-ok{animation:mk-ok3 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-ok3{0%,22.889%{opacity:0;transform:scale(.6)}26%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .mk-r4 .mk-ok{animation:mk-ok4 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-ok4{0%,25.333%{opacity:0;transform:scale(.6)}28.444%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .mk-result{animation:mk-result 9s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes mk-result{0%,33.333%{opacity:0;transform:translateY(14px)}37.778%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:translateY(14px)}}.is-how .mk-self{animation:mk-self 9s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes mk-self{0%,43.333%{opacity:0;transform:scale(.6)}46.667%,93.333%{opacity:1;transform:none}96.667%,to{opacity:0;transform:scale(.6)}}.is-how .q-queue{animation:q-queue 10s linear infinite var(--play)}@keyframes q-queue{0%,17%{opacity:1}20%,92.5%{opacity:0}93.5%,to{opacity:1}}.is-how .q-c0{animation:q-c0 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-c0{0%,14.5%{opacity:1;transform:none}15.3%{opacity:1;transform:scale(.97)}16.1%,20%{opacity:1;transform:none}21%,93%{opacity:0;transform:translate(240px,80px)rotate(8deg)scale(.9)}96%,to{opacity:1;transform:none}}.is-how .q-c1{animation:q-c1 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-c1{0%,20%{opacity:1;transform:none}21%,94%{opacity:0;transform:translate(240px,80px)rotate(8deg)scale(.9)}97%,to{opacity:1;transform:none}}.is-how .q-c2{animation:q-c2 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-c2{0%,20%{opacity:1;transform:none}21%,95%{opacity:0;transform:translate(240px,80px)rotate(8deg)scale(.9)}98%,to{opacity:1;transform:none}}.is-how .q-form{animation:q-form 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-form{0%,17%{opacity:0;transform:translateY(14px)}21%,52%{opacity:1;transform:none}55%,to{opacity:0;transform:translateY(-14px)}}.is-how .q-sel{animation:q-sel 10s linear infinite var(--play)}@keyframes q-sel{0%,25%{opacity:0}26.5%,60%{opacity:1}61%,to{opacity:0}}.is-how .q-focus{animation:q-focus 10s linear infinite var(--play)}@keyframes q-focus{0%,28.5%{opacity:0}29.5%,50.5%{opacity:1}51.5%,to{opacity:0}}.is-how .q-shut{animation:q-type 10s linear infinite var(--play)}@keyframes q-type{0%,30%{transform:translate(0)}30.01%{animation-timing-function:steps(17,end);transform:translate(0)}43%,60%{transform:translate(calc(100% - 3px))}61%,to{transform:translate(0)}}.is-how .q-save{animation:q-save 10s linear infinite var(--play)}@keyframes q-save{0%,49.5%{transform:scale(1)}50.3%{transform:scale(.94)}51%,to{transform:scale(1)}}.is-how .q-toast{animation:q-toast 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-toast{0%,51%{opacity:0;transform:translateY(14px)}54%,70%{opacity:1;transform:none}73%,to{opacity:0;transform:translateY(14px)}}.is-how .q-form2{animation:q-form2 10s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes q-form2{0%,51.5%{opacity:0;transform:translateY(14px)}55.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(14px)}}.is-how .q-sel2{animation:q-sel2 10s linear infinite var(--play)}@keyframes q-sel2{0%,63%{opacity:0}64.5%,96%{opacity:1}97%,to{opacity:0}}.is-how .q-focus2{animation:q-focus2 10s linear infinite var(--play)}@keyframes q-focus2{0%,70%{opacity:0}71%,92%{opacity:1}93%,to{opacity:0}}.is-how .q-caret{animation:q-caret 10s step-end infinite var(--play)}@keyframes q-caret{0%,30%{opacity:0}30.1%,44.5%,46.5%,48.5%{opacity:1}45.5%,47.5%,49.5%,to{opacity:0}}.is-how .q-caret2{animation:q-caret2 10s step-end infinite var(--play)}@keyframes q-caret2{0%,71%{opacity:0}71.1%,81%,91%{opacity:1}76%,86%,92%,to{opacity:0}}.is-how .q-n1{animation:q-n1 10s linear infinite var(--play)}@keyframes q-n1{0%,51%{opacity:1}52%,93.5%{opacity:0}94.5%,to{opacity:1}}.is-how .q-n2{animation:q-n2 10s linear infinite var(--play)}@keyframes q-n2{0%,51%{opacity:0}52%,93.5%{opacity:1}94.5%,to{opacity:0}}.is-how .gb-card{animation:gb-card 11s linear infinite var(--play)}@keyframes gb-card{0%{opacity:0}2.727%,94.545%{opacity:1}98.182%,to{opacity:0}}.is-how .gb-tr>.gb-c:nth-child(n+8){animation:gb-l3 11s linear infinite var(--play)}@keyframes gb-l3{0%,55.455%{opacity:1}58.636%,to{opacity:0}}.is-how .gb-next{animation:gb-next 11s linear infinite var(--play)}@keyframes gb-next{0%,39.091%{transform:scale(1)}39.818%{transform:scale(.9)}40.545%,to{transform:scale(1)}}.is-how .gb-b3{animation:gb-b3 11s linear infinite var(--play)}@keyframes gb-b3{0%,55.455%{opacity:1}58.636%,to{opacity:0}}.is-how .o-card{animation:o-card 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-card{0%,2.5%{opacity:0;transform:translateY(14px)}5.833%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translateY(14px)}}.is-how .o-p0{animation:o-p0 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-p0{0%,5%{opacity:0;transform:translate(-24px)scale(.9)}7.5%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-p1{animation:o-p1 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-p1{0%,6.167%{opacity:0;transform:translate(-24px)scale(.9)}8.667%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-p2{animation:o-p2 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-p2{0%,7.333%{opacity:0;transform:translate(-24px)scale(.9)}9.833%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-p3{animation:o-p3 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-p3{0%,8.5%{opacity:0;transform:translate(-24px)scale(.9)}11%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-sel{animation:o-sel 12s linear infinite var(--play)}@keyframes o-sel{0%,11.667%{opacity:0}12.917%,95%{opacity:1}97.5%,to{opacity:0}}.is-how .o-ql,.is-how .o-q{animation:o-q 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-q{0%,14.167%{opacity:0;transform:translateY(14px)}16.667%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translateY(14px)}}.is-how .o-ol,.is-how .o-on{animation:o-opts 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-opts{0%,27.5%{opacity:0;transform:translateY(14px)}30%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translateY(14px)}}.is-how .o-o0{animation:o-o0 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-o0{0%,28.333%{opacity:0;transform:translate(-24px)scale(.9)}30.833%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-o1{animation:o-o1 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-o1{0%,29.5%{opacity:0;transform:translate(-24px)scale(.9)}32%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(-24px)scale(.9)}}.is-how .o-side{animation:o-side 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-side{0%,31.667%{opacity:0;transform:translate(28px)}35.417%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translate(28px)}}.is-how .o-yourq{animation:o-yourq 12s cubic-bezier(.34, 1.56, .64, 1) infinite var(--play)}@keyframes o-yourq{0%,38.333%{opacity:0;transform:scale(.6)}40.833%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:scale(.6)}}.is-how .o-dup{animation:o-dup 12s linear infinite var(--play)}@keyframes o-dup{0%,45%{transform:scale(1)}45.667%{transform:scale(.9)}46.333%,to{transform:scale(1)}}.is-how .o-q2{animation:o-q2 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-q2{0%,46.667%{opacity:0;transform:translateY(14px)}50%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translateY(14px)}}.is-how .o-q3{animation:o-q3 12s cubic-bezier(.16, 1, .3, 1) infinite var(--play)}@keyframes o-q3{0%,50.833%{opacity:0;transform:translateY(14px)}54.167%,95%{opacity:1;transform:none}97.5%,to{opacity:0;transform:translateY(14px)}}}.is-how .film{z-index:0;aspect-ratio:16/9;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:18px;margin-top:0;position:relative;overflow:hidden}.is-how .film-pic img,.is-how .film video{width:100%;height:100%;position:absolute;inset:0}.is-how .film-pic img{display:block}.is-how .film-pic img,.is-how .film video{object-fit:cover}.is-how .film video{z-index:1}@media (scripting:enabled){.is-how .film:not(.is-on) video{opacity:0}}.is-how .film-tall{display:none}@media (max-width:599px){.is-how .film{aspect-ratio:9/16;width:min(100%,43.875svh);box-shadow:6px 6px 0 var(--ink);border-radius:14px;margin-inline:auto}.is-how .film-wide{display:none}.is-how .film-tall{display:block}}.is-how .film-go{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.is-how .film-go-dot{--go:clamp(64px, 9.5%, 96px);width:var(--go);aspect-ratio:1;height:auto;margin:calc(var(--go) / -2) 0 0 calc(var(--go) / -2);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#c74f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 5.8v12.4l9.6-6.2z' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 56%/46% no-repeat;border-radius:50%;transition:translate .15s,box-shadow .15s,background-color .15s;position:absolute;top:55%;left:84.5%}.is-how .film-go:hover .film-go-dot{box-shadow:6px 6px 0 var(--ink);background-color:#b54700;translate:-2px -2px}.is-how .film-go:active .film-go-dot{box-shadow:1px 1px 0 var(--ink);background-color:#a34000;translate:3px 3px}.is-how .film-go:focus-visible{outline:0}.is-how .film-go:focus-visible .film-go-dot{outline:3px solid var(--ink);outline-offset:4px}@media (max-width:599px){.is-how .film-go-dot{--go:76px;box-shadow:3px 3px 0 var(--ink);top:80.25%;left:50%}}@media (prefers-reduced-motion:no-preference){.is-how .film-go-dot{animation:2.8s ease-in-out infinite film-breath}}@keyframes film-breath{0%,to{scale:1}50%{scale:1.06}}.is-how .film-cc{z-index:3;color:#fff;text-align:center;white-space:pre-line;pointer-events:none;background:#1b2a4ae0;border-radius:8px;width:fit-content;max-width:90%;margin:0 auto;padding:.18em .55em;font-size:20px;font-weight:600;line-height:1.35;position:absolute;bottom:clamp(56px,11%,76px);left:5%;right:5%}.is-how .film-cc-small{font-size:17px}.is-how .film-cc-large{font-size:24px}@media (max-width:1119px){.is-how .film-cc{font-size:18px}.is-how .film-cc-small{font-size:15px}.is-how .film-cc-large{font-size:21px}}@media (max-width:599px){.is-how .film-cc{max-width:94%;font-size:16px;left:3%;right:3%}.is-how .film-cc-small{font-size:14px}.is-how .film-cc-large{font-size:18px}}.is-how .film-tools{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.is-how .film-tool{border:2px solid var(--ink);min-width:48px;min-height:44px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);letter-spacing:.02em;cursor:pointer;background:#fff;border-radius:12px;padding:0 12px;font-size:15px;font-weight:800}.is-how .film-tool[aria-pressed=true]{background:var(--ink);color:#fff}.is-how .film-tool:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.is-how .film-tool:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (max-width:599px){.is-how .film-tools{width:min(100%,43.875svh);margin-inline:auto}}