.tutor-landing{--tl-blue:var(--primary,#0170ff);--tl-ink:#0e2145;--tl-muted:#53647d;color:var(--tl-ink);background:#fff;font-size:16px;line-height:1.8;overflow:hidden}.tutor-landing *{box-sizing:border-box}.tutor-landing h1,.tutor-landing h2,.tutor-landing h3,.tutor-landing p{margin:0}.tutor-landing h1,.tutor-landing h2,.tutor-landing h3{color:inherit}.tl-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.tl-hero{padding:88px 0 78px;background:radial-gradient(ellipse at 90% 15%,#dfeeff 0,transparent 55%),linear-gradient(135deg,#fff,#f5f9ff)}.tl-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.tl-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--tl-blue);margin-bottom:22px}.tl-eyebrow>span{margin-right:8px}.tutor-landing h1{font-size:clamp(36px,4.1vw,56px);line-height:1.4;font-weight:700;letter-spacing:-1.5px}.tutor-landing h1 em{font-style:normal;color:var(--tl-blue)}.tl-lead{font-size:17px;line-height:1.95;color:var(--tl-muted);margin-top:24px!important}.tl-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.tl-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 25px;border-radius:12px;font-size:16px;font-weight:700;background:#fff;color:var(--tl-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.tl-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0e214520;color:var(--tl-ink)}.tl-primary,.tl-primary:hover{color:#fff;background:var(--tl-blue)}.tl-text-link{font-size:14px;font-weight:600;color:var(--tl-ink);text-decoration:none}.tl-text-link span{margin-left:10px}.tl-note{margin-top:19px!important;font-size:12px;color:var(--tl-muted)}.tl-studio{position:relative;border:1px solid #dbe6f5;border-radius:24px;padding:20px;background:#ffffffdf;box-shadow:0 24px 70px #173c7215;transform:rotate(2deg)}.tl-studio-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:700;padding:0 2px 18px}.tl-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#40b98a;margin-right:7px}.tl-board{position:relative;padding:28px;border-radius:15px;color:#fff;background:var(--tl-ink);overflow:hidden}.tl-board-label{font-size:11px;color:#cbdcf5}.tl-board-title{font-size:clamp(26px,3vw,39px);font-weight:700;line-height:1.35;margin-top:25px;letter-spacing:-1px}.tl-board-title>span{color:#91bdff}.tl-board-art{display:flex;gap:12px;align-items:center;justify-content:center;padding:34px 0}.tl-board-art span{display:grid;place-items:center;width:80px;height:85px;font-size:40px;border-radius:18px;background:#e9f2ff;color:#24589f;transform:rotate(-12deg)}.tl-board-art span:nth-child(2){background:#a9cfff;transform:rotate(8deg);margin-top:-12px}.tl-board-art span:nth-child(3){background:#ffe4aa;transform:rotate(-6deg);font-size:30px}.tl-board-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:17px;font-size:11px;color:#cbdcf5}.tl-studio-bottom{display:flex;gap:12px;align-items:center;padding:18px 0 4px;font-size:12px}.tl-studio-bottom strong,.tl-floating strong{display:block}.tl-studio-bottom div>span,.tl-floating div>span{display:block;font-size:11px;color:var(--tl-muted);margin-top:2px}.tl-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf2ff;color:#2365bd;font-size:12px;font-weight:700;flex-shrink:0}.tl-floating{position:absolute;right:-24px;bottom:92px;display:flex;align-items:center;gap:12px;background:#fff;padding:15px 20px;border:1px solid #e8eef5;border-radius:14px;box-shadow:0 10px 30px #102b4920;transform:rotate(-5deg);font-size:13px}.tl-floating-icon{font-size:25px;color:var(--tl-blue)}.tl-preview-label{position:absolute;bottom:-30px;right:10px;font-size:10px;color:var(--tl-muted)}.tl-subjects{border-block:1px solid #e9eef5;padding:22px 0}.tl-subjects .tl-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}.tl-subjects span{font-size:12px;color:var(--tl-muted)}.tl-subjects strong{font-weight:500}.tl-section{padding-block:88px}.tutor-landing h2{font-size:clamp(27px,3vw,36px);line-height:1.5;font-weight:700;letter-spacing:-.7px}.tl-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.tl-section-heading p,.tl-format-intro p,.tl-center p,.tl-faq-grid>div>p{color:var(--tl-muted);font-size:15px;margin-top:15px}.tl-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tl-card{border:1px solid #e4eaf3;border-radius:18px;padding:27px 23px;display:flex;flex-direction:column;align-items:flex-start}.tl-icon{display:grid;place-items:center;background:#edf4ff;color:var(--tl-blue);width:49px;height:49px;border-radius:14px;font-size:27px;margin-bottom:24px}.tutor-landing h3{font-size:18px;font-weight:700;line-height:1.6}.tl-card p,.tl-format-card p,.tl-steps p{font-size:14px;color:var(--tl-muted);margin-top:12px;line-height:1.9}.tl-card-tag{font-size:11px;padding-top:23px;margin-top:auto;color:var(--tl-blue)}.tl-formats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;background:#f3f7fc;border-radius:24px;padding:40px}.tl-format-intro .tl-text-link{display:inline-block;margin-top:24px}.tl-format-card{padding:28px;background:#fff;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start}.tl-format-number{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--tl-blue);margin-bottom:28px}.tl-format-pill{border:1px solid #e4eaf3;border-radius:30px;padding:6px 13px;font-size:11px;margin-top:24px}.tl-center{text-align:center}.tl-center .tl-eyebrow{margin-bottom:12px}.tl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;padding:0;margin:44px 0 0;counter-reset:steps}.tl-steps li>span{display:block;font-size:32px;font-weight:700;color:var(--tl-blue);padding-bottom:16px;border-bottom:1px solid #dae5f5;margin-bottom:22px}.tl-faq-section{background:#f7f9fc;padding:64px 0}.tl-faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.tl-faq details{border-bottom:1px solid #dfe6ef}.tl-faq summary{position:relative;padding:20px 36px 20px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.tl-faq summary::-webkit-details-marker{display:none}.tl-faq summary:after{content:'+';position:absolute;right:4px;color:var(--tl-blue);font-size:22px;top:14px}.tl-faq details[open] summary:after{content:'−'}.tl-faq details p{padding:0 28px 22px 0;font-size:14px;color:var(--tl-muted)}.tl-faq a{text-decoration:underline;color:var(--tl-blue)}.tl-final-wrap{padding-block:72px}.tl-final{padding:55px 24px;text-align:center;border-radius:24px;background:var(--tl-blue);color:#fff}.tl-final .tl-eyebrow{color:inherit;opacity:.85;font-size:10px;margin-bottom:14px}.tl-final h2{font-size:clamp(29px,3.3vw,42px)}.tl-final>p{margin:18px 0 25px;font-size:15px}.tl-final .tl-login{font-size:12px;margin-bottom:0}.tl-login a{color:#fff;text-decoration:underline}.tutor-landing a:focus-visible,.tl-faq summary:focus-visible{outline:3px solid #efad31;outline-offset:5px}
@media(min-width:1600px){.tl-hero{padding-block:100px}}@media(max-width:1100px){.tl-hero-grid{gap:35px}.tl-benefit-grid{grid-template-columns:repeat(2,1fr)}.tl-formats{padding:28px;gap:18px}.tl-format-card{padding:22px}.tl-floating{right:-12px}.tl-desktop-break{display:none}}@media(max-width:767px){.tl-wrap{width:calc(100% - 40px)}.tl-hero{padding:44px 0 60px}.tl-hero-grid{grid-template-columns:1fr;gap:45px}.tutor-landing h1{font-size:39px}.tl-lead{font-size:15px}.tl-studio{max-width:470px;width:calc(100% - 14px);margin:0 auto}.tl-board-title{font-size:35px}.tl-floating{right:-12px;bottom:90px;padding:12px}.tl-subjects .tl-wrap{justify-content:center;gap:12px 22px}.tl-subjects span{width:100%;text-align:center}.tl-subjects strong{font-size:12px}.tl-section{padding-block:54px}.tl-section-heading{display:block}.tl-benefit-grid{gap:14px}.tl-card{padding:22px 18px}.tl-formats{grid-template-columns:1fr;padding:25px}.tl-format-intro{padding:5px 0 10px}.tl-format-intro br{display:none}.tl-steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.tl-steps li{position:relative;padding-left:57px}.tl-steps li>span{position:absolute;left:0;top:0;font-size:25px;border:0}.tl-steps p{margin-top:7px}.tl-faq-section{padding:45px 0}.tl-faq-grid{grid-template-columns:1fr;gap:20px}.tl-faq-grid h2 br{display:none}.tl-final-wrap{padding-block:45px}.tl-final{padding:40px 20px}.tl-final>p{font-size:14px}.tl-eyebrow{margin-bottom:14px}}@media(max-width:420px){.tl-benefit-grid{grid-template-columns:1fr}.tutor-landing h1{font-size:34px}.tl-actions{gap:18px}.tl-button{padding:13px 19px;font-size:15px}.tl-board{padding:22px}.tl-board-title{font-size:29px}.tl-board-art span{width:65px;height:72px}.tl-studio-bottom strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.tl-button{transition:none}.tl-button:hover{transform:none}}
/* Raised subject cards */
.tl-subjects{position:relative;padding:32px 0 36px;border:0;background:linear-gradient(180deg,#f4f8ff 0%,#fff 100%)}
.tl-subjects .tl-wrap{gap:32px;flex-wrap:nowrap;align-items:center}
.tl-subjects-intro{flex:0 0 176px}
.tl-subjects .tl-subjects-intro>span{display:block;font-size:11px;color:var(--tl-muted);margin-bottom:7px}
.tl-subjects .tl-subjects-intro>strong{display:block;font-size:21px;line-height:1.6;font-weight:700}
.tl-subject-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;flex:1;list-style:none;margin:0;padding:0}
.tl-subject-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:137px;padding:20px 10px;background:linear-gradient(145deg,#fff 45%,#f1f6ff);border:1px solid #e2eaf7;border-top-color:#fff;border-radius:18px;box-shadow:0 4px 0 #e8effa,0 12px 24px -10px #234e8530,inset 0 1px 0 #fff;transition:transform .22s ease,box-shadow .22s ease}
.tl-subject-item:hover{transform:translateY(-5px);box-shadow:0 4px 0 #dce8f9,0 20px 30px -12px #234e8540,inset 0 1px 0 #fff}
.tl-subjects .tl-subject-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,#e9f3ff,#c8dfff);color:#2362b0;font-size:26px;font-weight:700;line-height:1;box-shadow:inset 0 1px 1px #fff,0 5px 9px #326aba18;transform:rotate(-6deg)}
.tl-subject-item:nth-child(2) .tl-subject-icon{color:#218278;background:linear-gradient(140deg,#e7faf5,#c6eae3);transform:rotate(5deg)}
.tl-subject-item:nth-child(3) .tl-subject-icon{color:#7560ac;background:linear-gradient(140deg,#f2edff,#dfd5f7);font-size:21px}
.tl-subject-item:nth-child(4) .tl-subject-icon{color:#a47321;background:linear-gradient(140deg,#fff7e7,#f9e4b8);font-size:21px;transform:rotate(5deg)}
.tl-subject-item:nth-child(5) .tl-subject-icon{color:#b76649;background:linear-gradient(140deg,#fff0e9,#f7d6c8)}
.tl-subjects .tl-subject-item>strong{font-size:13px;font-weight:600;white-space:nowrap}
@media(max-width:1000px){.tl-subjects .tl-wrap{gap:22px;flex-direction:column}.tl-subjects-intro{flex:auto;text-align:center}.tl-subjects-intro br{display:none}.tl-subject-list{width:100%;gap:12px}}
@media(max-width:600px){.tl-subjects{padding:26px 0 30px}.tl-subject-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.tl-subject-item{grid-column:span 2;min-height:119px;padding:15px 6px;border-radius:15px}.tl-subject-item:nth-child(4){grid-column:2 / span 2}.tl-subjects .tl-subject-icon{width:43px;height:43px;font-size:23px}.tl-subjects .tl-subject-item>strong{font-size:12px}.tl-subjects .tl-subjects-intro>span{width:auto}}
@media(prefers-reduced-motion:reduce){.tl-subject-item{transition:none}.tl-subject-item:hover{transform:none}}
/* Tutor toolkit */
.tl-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-tool{display:flex;align-items:flex-start;gap:18px;padding:28px 24px;border:1px solid #e2eaf5;border-radius:20px;background:linear-gradient(145deg,#fff 60%,#f5f9ff);box-shadow:0 4px 0 #f0f4fa,0 12px 26px -18px #234e8540}
.tl-tool-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;color:var(--tl-blue);background:linear-gradient(145deg,#eff6ff,#dceaff);box-shadow:inset 0 1px 0 #fff,0 4px 8px #234e8510;font-size:25px;line-height:1}
.tl-tool-category{display:block;color:var(--tl-blue);font-size:11px;margin:0 0 8px}
.tl-tool h3{font-size:17px}
.tl-tool p{font-size:14px;line-height:1.9;color:var(--tl-muted);margin-top:10px}
.tl-tools-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.tl-tools-footer p{font-size:12px;color:var(--tl-muted)}
.tl-tools + .tl-section{padding-top:12px}
@media(max-width:1100px){.tl-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tl-tools-grid{grid-template-columns:1fr;gap:16px}.tl-tool{padding:23px 20px}.tl-tools-footer{align-items:flex-start;flex-direction:column;gap:12px}}
/* Connected onboarding journey */
.tl-journey{position:relative;margin-bottom:28px}
.tl-journey .tl-center .tl-eyebrow{padding:7px 16px;border:1px solid #dce9fb;border-radius:30px;background:#f3f8ff;font-size:10px;letter-spacing:1.8px}
.tl-journey .tl-steps{position:relative;gap:26px;margin-top:40px;isolation:isolate}
.tl-journey .tl-steps:before{content:'';position:absolute;z-index:-1;inset:-28px -26px;background:radial-gradient(ellipse at 50% 80%,#e8f2ff 0%,transparent 70%);pointer-events:none}
.tl-journey .tl-steps li{position:relative;padding:28px 27px 32px;border:1px solid #e0e9f5;border-radius:22px;background:linear-gradient(150deg,#fff 45%,#f6f9ff);box-shadow:0 5px 0 #edf2f9,0 18px 35px -24px #254e8545;transition:transform .2s,box-shadow .2s}
.tl-journey .tl-steps li:hover{transform:translateY(-4px);box-shadow:0 5px 0 #e6eef9,0 23px 38px -22px #254e8545}
.tl-journey .tl-steps li:not(:last-child):after{content:'→';position:absolute;z-index:2;right:-30px;top:54px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #dbe7f7;border-radius:50%;background:#fff;color:var(--tl-blue);font-size:17px;box-shadow:0 4px 10px #234e8510}
.tl-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.tl-step-number{color:var(--tl-blue);font-size:42px;font-weight:700;line-height:1;letter-spacing:-2px}
.tl-step-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:linear-gradient(145deg,#edf5ff,#dae9ff);color:var(--tl-blue);box-shadow:inset 0 1px 0 #fff,0 5px 10px #1e569917;transform:rotate(5deg)}
.tl-step-icon svg{width:28px;height:28px;transform:rotate(-5deg)}
.tl-journey .tl-steps li>.tl-step-caption{display:block;position:static;border:0;padding:0;margin:0 0 9px;color:var(--tl-muted);font-size:11px;font-weight:400;letter-spacing:.2px}
.tl-journey .tl-steps h3{font-size:19px}
.tl-journey .tl-steps p{margin-top:12px;font-size:14px}
@media(max-width:767px){.tl-journey .tl-steps{gap:24px;margin-top:28px}.tl-journey .tl-steps li{padding:24px}.tl-step-top{margin-bottom:20px}.tl-step-number{font-size:36px}.tl-journey .tl-steps li:not(:last-child):after{content:'↓';top:auto;bottom:-29px;right:calc(50% - 16px)}.tl-journey{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.tl-journey .tl-steps li{transition:none}.tl-journey .tl-steps li:hover{transform:none}}