:root{--ink:#29104e;--purple:#7138cc;--blue:#275bdc;--muted:#71677f;--line:#e7e0ef;--paper:#fcfaf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2861df;outline-offset:6px}.wrap{max-width:1192px;width:calc(100% - 96px);margin:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:31px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-dot{color:var(--purple);margin-left:-9px}.app-icon{height:40px;width:40px;background:#f1e9ff;border:1px solid #d8c2fb;border-radius:12px;display:grid;place-content:center;font-size:28px;color:var(--purple);position:relative}.app-icon span{position:absolute;right:3px;top:0;font-size:16px;color:#168641}nav{display:flex;gap:32px;font-size:13px;font-weight:600}.nav-cta{font-size:13px;border:1px solid #dcd3e5;padding:13px 18px;border-radius:8px}.nav-cta span{margin-left:18px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:655px;align-items:center;padding:38px 0 66px;gap:25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--purple);border-radius:50%}h1{font-size:clamp(54px,5.8vw,79px);line-height:1.02;letter-spacing:-4px;margin:26px 0 26px;position:relative;width:max-content}em{font-style:normal;color:var(--purple)}h1 svg{position:absolute;width:95%;bottom:-14px;left:0;fill:none;stroke:#c3a8ec;stroke-width:3}p{font-size:15px;line-height:1.7;color:var(--muted)}.hero-copy>p:first-of-type{font-size:19px;line-height:1.5;color:var(--ink);margin-top:33px}.intro{max-width:360px}.button{display:inline-flex;background:var(--purple);color:white;border-radius:9px;padding:17px 23px;font-size:13px;font-weight:700;align-items:center;gap:32px;box-shadow:0 6px 16px #7138cc19;transition:transform .2s,background .2s}.button:hover{background:#5823af;transform:translateY(-2px)}.hero .button{margin-top:12px}.hero-note{display:flex;gap:15px;font-size:10px;color:var(--muted);margin-top:23px}.hero-note span::first-letter{color:var(--purple)}.hero-art{position:relative;padding:90px 0 65px;background-image:linear-gradient(#e7e0f144 1px,transparent 1px),linear-gradient(90deg,#e7e0f144 1px,transparent 1px);background-size:23px 23px;border-radius:50%;margin-top:25px}.tablet{position:relative;background:#242127;border-radius:29px;padding:15px 13px;transform:rotate(-5deg);box-shadow:2px 22px 32px #37214729,0 0 0 2px #97949c;max-width:520px}.camera{position:absolute;top:5px;left:50%;width:5px;height:5px;background:#050507;border-radius:50%}.screen{background:#f8f6fc;overflow:hidden;border-radius:17px;padding:9px 12px}.status{display:flex;justify-content:space-between;font-size:6px;color:#26212e}.appbar{display:flex;align-items:center;gap:12px;padding:15px 0 10px;font-size:8px}.appbar span:first-of-type{background:var(--purple);color:white;padding:5px 8px;border-radius:4px}.toolbar{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #ddd0ec}.toolbar b{background:#652695;color:white;width:22px;height:21px;text-align:center;border-radius:4px}.toolbar span{margin-left:auto;font-size:15px;color:#784695}.operation{border:1px solid #b2bce6;border-radius:7px;background:#edf1fc;margin-top:10px;padding:17px 40px}.operation small{display:block;font-size:8px;margin-bottom:12px;color:#716489}.digits{display:flex;gap:5px;margin:7px 0;position:relative}.digits i{font-style:normal;font-weight:600;flex:1;aspect-ratio:1/1;display:grid;place-content:center;border-radius:5px;border:2px solid white;background:#ffdedd;color:#2460d9;font-size:23px}.digits i:nth-of-type(3n + 2){background:#fff0b9}.digits i:nth-of-type(3n){background:#dcefd3}.digits i:nth-of-type(4){background:#d9eef4}.digits strong{position:absolute;left:-25px;top:7px;font-size:21px}.operation hr{border:0;border-top:2px solid #8f6aa8;margin:8px 0}.screen-footer{font-size:8px;padding-top:10px;color:#7c6b8e;display:flex;justify-content:space-between}.screen-footer span{font-size:15px}.sticky{position:absolute;right:0;top:7px;z-index:2;background:#ffec9e;padding:23px 25px;transform:rotate(10deg);font-family:Georgia,serif;font-size:19px;line-height:1.3;box-shadow:2px 4px 0 #dcca8040}.sticky:before{content:'';position:absolute;top:-9px;left:34px;width:48px;height:20px;background:#ddd0f4a8;transform:rotate(-15deg)}.sticky span{position:absolute;right:9px;bottom:8px}.scribble{font-family:monospace;font-size:17px;color:#8c81db;position:absolute;top:9px;left:65px;transform:rotate(-10deg);letter-spacing:4px;text-align:right}.sum>span{border-top:1px solid}.round-note{position:absolute;bottom:39px;right:-17px;background:#275bdc;color:white;border-radius:50%;width:125px;height:125px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:12px;line-height:1.5;transform:rotate(9deg);border:3px solid var(--paper)}.round-note span{position:absolute;top:-18px;right:6px;color:#d4aa31;font-size:30px}.art-caption{display:block;font-size:10px;text-align:center;color:#8b8194;margin-top:38px}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f2fb}.benefits>.wrap{display:flex;justify-content:space-between;padding:25px 0;gap:18px;font-size:12px;font-weight:600}.benefits b{font-size:19px;color:var(--purple);margin-right:10px}.section{padding-top:92px;padding-bottom:85px}h2{font-size:39px;line-height:1.15;letter-spacing:-1.6px;margin:17px 0 22px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-top>p{font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border-radius:16px;padding:28px;background:#f0eaf9;border:1px solid #e7ddf6}.feature.blue{background:#eaf0fc;border-color:#dce6fc}.feature.green{background:#eaf3e9;border-color:#dae9d9}.card-heading{display:flex;align-items:center;justify-content:space-between;color:var(--purple)}.card-heading>span{font-size:11px;border:1px solid #cbb5e9;border-radius:50%;padding:8px}.card-heading>b{font-size:25px}.feature h3{font-size:26px;line-height:1.13;letter-spacing:-.8px;margin:23px 0 15px}.feature p{font-size:13px;min-height:66px}.blue .card-heading,.blue h3{color:#2655b4}.green .card-heading,.green h3{color:#236640}.mini{height:137px;background:#fffdfd;border-radius:9px;margin:25px 0 20px;border:1px solid #ded9e9;box-shadow:0 4px 12px #29104e05}.math{padding:13px 40px;text-align:right;letter-spacing:8px;font-size:22px;font-weight:600;line-height:1.5;color:#7444b8}.math hr{margin:2px 0;border:0;border-top:1px solid #8e74bb}.math .result{color:#3466ce}.grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;font-size:9px}.grid span{display:grid;place-content:center;border-right:1px solid #ded9e9;border-bottom:1px solid #ded9e9}.grid span:nth-child(-n+3){background:#eeeaf9;color:#654497;font-weight:bold}.grid span:nth-child(5){color:#3564d9}.grid span:last-child{color:#ce718d}.conversion{padding:22px 12px}.conversion>strong{font-size:10px}.conversion>div{display:grid;grid-template-columns:repeat(7,1fr);margin-top:9px}.conversion b,.conversion span{border:1px solid #e5e2ed;text-align:center;font-size:8px;padding:8px 0}.conversion b{background:#52217a;color:white}.tag{font-size:10px;font-weight:600}.illustration-note{text-align:center;font-size:10px;margin:18px 0 0;color:#918999}.lesson-section{background:#f1edf6;border-block:1px solid #e8e0ef}.lesson{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding:75px 0;align-items:center}.lesson>div>p{font-size:14px;max-width:405px}.lesson-visual{position:relative;padding:10px 30px}.notebook{background-color:#fffefa;background-image:linear-gradient(#cfd9ef66 1px,transparent 1px);background-size:100% 26px;border:1px solid #e3dce9;box-shadow:0 15px 35px #3721470b;min-height:365px;border-radius:6px;padding:35px;transform:rotate(-5deg)}.notebook-label{font-size:8px;letter-spacing:1px;color:#8b7b9c}.notebook h3{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#6c43b4;margin-top:26px}.notebook p{font-size:11px}.paper-sum{font-family:monospace;font-size:28px;letter-spacing:10px;text-align:right;max-width:190px;margin:20px auto;color:#6551b0}.paper-sum hr{margin:6px 0;border:0;border-top:1px solid #8874bf}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#7b61b3}.export-chip{position:absolute;bottom:26px;right:0;padding:14px 20px;color:var(--blue);background:white;border:1px solid #dfd9e8;border-radius:8px;box-shadow:0 5px 14px #34214f08;font-size:12px;font-weight:bold;transform:rotate(4deg)}.steps{list-style:none;padding:0;margin-top:28px}.steps li{display:flex;gap:17px;margin-top:20px}.steps li>span{background:white;border:1px solid #d8cce8;border-radius:50%;height:30px;min-width:30px;display:grid;place-content:center;font-size:12px;color:var(--purple)}.steps h3{font-size:14px;margin:4px 0}.steps p{font-size:12px;margin:0}.privacy{display:grid;grid-template-columns:160px 1fr;max-width:870px;gap:45px;align-items:center;padding-top:85px;padding-bottom:85px}.privacy-icon{background:#efe7fa;border-radius:36px;width:130px;height:130px;display:grid;place-content:center;color:var(--purple);font-size:75px;transform:rotate(-8deg)}.privacy h2{font-size:32px}.privacy p{font-size:13px}.text-link{font-size:12px;font-weight:600;display:inline-block;border-bottom:1px solid #c8b5e6;padding-bottom:5px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:60px}.faqs details{border-bottom:1px solid var(--line);padding:21px 0}.faqs summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faqs summary:after{content:'+';color:var(--purple);font-size:19px}.faqs details[open] summary:after{content:'−'}.faqs p{font-size:13px;max-width:520px}.closing{background:#eee6f7;border:1px solid #e2d5f2;border-radius:20px;padding:50px 55px;position:relative;overflow:hidden}.closing h2{font-size:39px}.closing>div{display:flex;align-items:center;gap:26px;margin-top:28px}.closing-star{position:absolute;right:60px;top:62px;font-size:135px;color:#b99adc;transform:rotate(15deg)}footer{display:flex;align-items:center;gap:35px;padding-top:43px;padding-bottom:40px}footer p{font-size:11px;margin-right:auto}footer small{font-size:10px}footer>a:not(.brand){font-size:11px}.skip{position:absolute;top:-70px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1450px){.hero{min-height:720px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:15px}h1{font-size:60px}.operation{padding:15px 25px}.digits i{font-size:18px}.appbar{gap:7px;font-size:6px}.feature{padding:22px}.lesson{gap:40px}.closing-star{right:30px;font-size:95px}.hero-note{gap:8px;font-size:9px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{height:85px;gap:15px}.nav nav{display:none}.brand{font-size:27px}.nav-cta{font-size:11px;padding:11px}.nav-cta span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:9px}h1{font-size:62px;letter-spacing:-3px;margin:25px auto}.hero-copy>p:first-of-type{font-size:18px}.intro{margin:15px auto;font-size:14px}.hero-note{justify-content:center;font-size:10px;gap:15px}.hero-art{max-width:510px;width:100%;margin:22px auto 0;padding:90px 9px 60px}.tablet{transform:rotate(-4deg)}.sticky{font-size:15px;right:12px;padding:15px 22px;top:10px}.sum{left:45px}.round-note{right:-5px;bottom:35px;width:102px;height:102px;font-size:10px}.art-caption{font-size:8px}.benefits>.wrap{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding:20px 0;gap:18px}.benefits b{font-size:15px;margin-right:5px}.section{padding-top:55px;padding-bottom:50px}.section-top{display:block}h2{font-size:32px}.section-top>p{font-size:12px}.cards{grid-template-columns:1fr;gap:15px}.feature{padding:26px}.feature h3 br{display:none}.feature h3{font-size:25px}.feature p{min-height:0;max-width:370px}.mini{max-width:340px;margin:22px auto}.tag{display:block;text-align:center}.lesson{grid-template-columns:1fr;gap:35px;padding:48px 0}.lesson-visual{max-width:390px;width:100%;margin:auto;order:2}.lesson h2{font-size:33px}.privacy{grid-template-columns:1fr;gap:15px;padding:55px 0}.privacy-icon{width:65px;height:65px;font-size:40px;border-radius:17px}.privacy h2{font-size:29px}.faq-section{grid-template-columns:1fr;gap:10px}.closing{padding:32px 25px}.closing h2{font-size:29px;position:relative;z-index:1}.closing .eyebrow{font-size:8px;max-width:210px}.closing-star{font-size:60px;right:15px;top:15px;opacity:.5}.closing>div{flex-direction:column;align-items:flex-start;gap:22px}footer{flex-wrap:wrap;gap:20px}footer p{width:calc(100% - 135px);margin-right:0}footer>a:not(.brand){font-size:11px}.operation{padding:15px 33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-logo{display:block;width:88px;height:88px;object-fit:contain;border-radius:10px}footer .brand-logo{width:80px;height:80px}@media(max-width:720px){.nav .brand-logo{width:70px;height:70px}}

.app-capture-link{display:block;border-radius:17px;overflow:hidden}.app-capture{display:block;width:100%;height:auto}.hero-art .tablet{max-width:none}.hero-art .sticky{top:-15px}.hero-art .round-note{bottom:12px}.hero-art .art-caption{max-width:75%;margin-left:auto;margin-right:auto}@media(max-width:720px){.hero-art .sticky{top:0}.hero-art .round-note{bottom:8px}.app-capture-link{border-radius:12px}}