/* Fontes: os mesmos arquivos do Google Fonts (Bricolage Grotesque, Newsreader itálico, Fraunces), servidos pelo próprio site. */ @font-face{font-family:'Bricolage Grotesque'; font-style:normal; font-weight:200 800; font-stretch:75% 100%; font-display:swap; src:url(media/ap-20261012/fonts/bricolage-grotesque-vietnamese.woff2) format('woff2'); unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:'Bricolage Grotesque'; font-style:normal; font-weight:200 800; font-stretch:75% 100%; font-display:swap; src:url(media/ap-20261012/fonts/bricolage-grotesque-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Bricolage Grotesque'; font-style:normal; font-weight:200 800; font-stretch:75% 100%; font-display:swap; src:url(media/ap-20261012/fonts/bricolage-grotesque-latin.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Fraunces'; font-style:normal; font-weight:700; font-display:swap; src:url(media/ap-20261012/fonts/fraunces-vietnamese.woff2) format('woff2'); unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:'Fraunces'; font-style:normal; font-weight:700; font-display:swap; src:url(media/ap-20261012/fonts/fraunces-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Fraunces'; font-style:normal; font-weight:700; font-display:swap; src:url(media/ap-20261012/fonts/fraunces-latin.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Newsreader'; font-style:italic; font-weight:300 600; font-display:swap; src:url(media/ap-20261012/fonts/newsreader-italic-vietnamese.woff2) format('woff2'); unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:'Newsreader'; font-style:italic; font-weight:300 600; font-display:swap; src:url(media/ap-20261012/fonts/newsreader-italic-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Newsreader'; font-style:italic; font-weight:300 600; font-display:swap; src:url(media/ap-20261012/fonts/newsreader-italic-latin.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Layout: opens with a short "film" (photo scenes animated in WebGL, not a video), then dark summary, paper sheets for the course: 2 live conversation room · 3 the real platform in a phone · 4 the method · proof · plan · questions. */ :root{ --paper:#f3ede4; --paper-2:#e8dfd2; --ink:#22161b; --ink-2:#5c4a51; --line:rgba(34,22,27,.14); --crimson:#be193c; --crimson-hover:#a11232; --on-crimson:#fff6f1; --accent-text:#b0163a; --rose-soft:#efc0aa; --leaf:#2f6b2a; --card:#fbf8f3; --shadow:0 1px 0 rgba(255,255,255,.6) inset,0 18px 50px -24px rgba(60,20,30,.35); --night:#10050a; --night-fg:#f7ede5; --night-fg-2:rgba(247,237,229,.72); --night-line:rgba(247,237,229,.16); --night-glass:rgba(255,236,226,.07); --night-glass-2:rgba(255,236,226,.13); --gold:#f2c46d; --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif; --f-voice:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif; --t-hero:clamp(42px,6vw,96px); --t-h2:clamp(32px,4.4vw,68px); --t-lead:clamp(16.5px,1.3vw,20px); --gutter:clamp(16px,4vw,56px); --maxw:1280px; --radius-sheet:clamp(22px,3vw,40px); color-scheme:light; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --paper:#1a1216;--paper-2:#231920;--ink:#f2e9e1;--ink-2:#b9a7ad;--line:rgba(242,233,225,.14); --crimson:#c81f44;--crimson-hover:#de2a52;--accent-text:#ff8197;--rose-soft:#5a3a33;--leaf:#8fc27a;--card:#21171c; --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px -24px rgba(0,0,0,.7); color-scheme:dark; } } :root[data-theme="dark"]{ --paper:#1a1216;--paper-2:#231920;--ink:#f2e9e1;--ink-2:#b9a7ad;--line:rgba(242,233,225,.14); --crimson:#c81f44;--crimson-hover:#de2a52;--accent-text:#ff8197;--rose-soft:#5a3a33;--leaf:#8fc27a;--card:#21171c; --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px -24px rgba(0,0,0,.7); color-scheme:dark; } *,*::before,*::after{box-sizing:border-box} body{background:var(--paper);color:var(--ink);font-family:var(--f-display);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased} a{color:inherit} img,video{max-width:100%;display:block} button{font:inherit;color:inherit} :focus-visible{outline:2.5px solid var(--crimson);outline-offset:3px;border-radius:6px} ::selection{background:var(--crimson);color:var(--on-crimson)} h1,h2,h3,h4,p{margin:0} h1,h2,h3{text-wrap:balance;font-weight:650;letter-spacing:-.02em;line-height:1.04} .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ---------- night backdrop (summary and closing) ---------- */ #nightBg{position:fixed;inset:0;z-index:0;background:radial-gradient(42% 52% at 72% 44%,rgba(190,25,60,.30),transparent 72%),radial-gradient(30% 36% at 8% 92%,rgba(244,180,156,.10),transparent 70%),linear-gradient(180deg,#16070d,var(--night))} main{position:relative;z-index:2;overflow-x:clip} @media (max-width:900px){#nightBg{background:radial-gradient(70% 34% at 50% 22%,rgba(190,25,60,.32),transparent 72%),linear-gradient(180deg,#16070d,var(--night))}} /* ---------- nav ---------- */ .nav{position:fixed;z-index:50;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--gutter) 14px;display:flex;align-items:center;gap:24px;color:var(--night-fg);transition:color .4s,background .4s,padding .4s} .nav.solid{background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:10px;box-shadow:0 1px 0 var(--line)} .nav.solid.over-night{background:rgba(16,5,10,.82);color:var(--night-fg);box-shadow:0 1px 0 var(--night-line)} .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:16px;line-height:1.05;min-width:0} .brand img{width:38px;height:38px;border-radius:50%;flex:none} .brand small{display:block;font-weight:450;font-size:12.5px;opacity:.75} .nav-links{display:flex;gap:4px;margin-left:auto} .nav-links a{text-decoration:none;font-size:15px;padding:8px 12px;border-radius:999px;transition:background .25s} .nav-links a:hover{background:color-mix(in srgb,currentColor 10%,transparent)} .nav .btn{margin-left:8px;flex:none} @media (max-width:900px){.nav-links{display:none}.nav .btn{margin-left:auto}} /* ---------- buttons ---------- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--crimson);color:var(--on-crimson);text-decoration:none;font-weight:620;font-size:16px;border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s;text-align:center;line-height:1.2} .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.28),transparent 60%);opacity:0;transition:opacity .3s} .btn:hover{background:var(--crimson-hover)} .btn:hover::after{opacity:1} .btn:active{transform:scale(.97)} .btn.sm{min-height:40px;padding:0 16px;font-size:14.5px} .btn.ghost{background:var(--night-glass);color:var(--night-fg);box-shadow:inset 0 0 0 1px var(--night-line)} .btn.ghost:hover{background:var(--night-glass-2)} .btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)} .btn.line:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)} .btn svg{width:18px;height:18px;flex:none} /* ---------- kinetic type ---------- */ .kw{display:inline-block;white-space:nowrap} .kc{display:inline-block} .kt .kc{font-variation-settings:"wght" var(--wg,640),"wdth" var(--wd,100),"opsz" 96;font-weight:normal} .voice{font-family:var(--f-voice);font-style:italic;font-weight:420;letter-spacing:-.01em} .voice.pt{font-family:var(--f-display);font-style:normal;font-weight:520;letter-spacing:-.02em} .voice .sc{opacity:.55} .window{position:relative;color:var(--night-fg)} .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)} /* ---------- 0 · the film (WebGL scenes, not a video) ---------- */ .film{position:relative;z-index:3;height:100svh;min-height:560px;max-height:1200px;background:#070205;color:#fff;overflow:hidden;isolation:isolate} .film-frame{position:absolute;inset:0;will-change:transform} .film-poster,.film-poster .fl,#cine{position:absolute;inset:0;width:100%;height:100%} .film-poster .fl{background-size:cover;background-repeat:no-repeat;opacity:0} .film-poster .fl.first{opacity:.42} @media(prefers-reduced-motion:reduce){#filmPoster .fl{transform:scale(1.03)!important}} #cine{display:block;opacity:0;transition:opacity .5s} .film.gl #cine{opacity:1} .film.gl-done .film-poster{visibility:hidden} .film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,2,5,.55),rgba(7,2,5,0) 20%,rgba(7,2,5,0) 40%,rgba(7,2,5,.5) 66%,rgba(7,2,5,.9))} .film-bars i{position:absolute;left:0;right:0;height:var(--bar,0px);background:#000;z-index:1;pointer-events:none} .film-bars i:first-child{top:0}.film-bars i:last-child{bottom:0} .film-q{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--gutter) 6vh;font-size:clamp(40px,6.6vw,112px);line-height:1;letter-spacing:-.035em;font-weight:normal;pointer-events:none} .film-q .fq{display:block;max-width:12.5em;text-wrap:balance} .film-q .fw>i{font-variation-settings:"wght" 560,"wdth" 86,"opsz" 96} .film-q .fw{padding-bottom:.14em;margin-bottom:-.14em} .film-q em .fw{padding-right:.12em;margin-right:-.12em} .film-q em{display:block;font-family:var(--f-voice);font-style:italic;font-weight:400;color:var(--gold);letter-spacing:-.025em;margin-top:.04em} .film-q em .fw>i{font-variation-settings:normal;font-style:italic} .film-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(10px,2vh,22px))} .film-copy{display:grid;align-items:end} .film-copy>*{grid-area:1/1;min-width:0} .film-lab,.film-end{visibility:hidden} .film-lab .fk{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px} .film-lab .fk::before{content:"";width:26px;height:1.5px;background:currentColor} .film-lab p,.film-end .fe-t{font-size:clamp(34px,5.4vw,86px);line-height:1;letter-spacing:-.035em;font-weight:650;max-width:12em;text-wrap:balance} .fw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em} .fw>i{display:inline-block;font-style:normal} .film-end .fe-s{font-size:var(--t-lead);line-height:1.45;color:rgba(255,255,255,.86);margin:14px 0 20px;max-width:30em} .film-end .fe-s b{color:var(--gold);font-weight:650} .film-subs{display:grid;justify-items:center;margin-top:clamp(14px,2.4vh,26px);min-height:2.95em;font-size:clamp(15px,1.3vw,19px)} .film-subs>p{grid-area:1/1;align-self:end;text-align:center;max-width:32em;line-height:1.5;visibility:hidden} .film-subs .sb{background:rgba(0,0,0,.62);padding:.12em .4em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:520;letter-spacing:.005em} .film-subs .sb i{font-style:normal} .film-ui{display:flex;align-items:center;gap:14px;margin-top:clamp(10px,1.8vh,18px)} .chapters{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0;min-width:0} .chapters button{width:100%;background:none;border:0;padding:10px 0 8px;cursor:pointer;color:rgba(255,255,255,.58);font-size:12.5px;font-weight:600;text-align:left;display:flex;flex-direction:column;gap:8px;transition:color .3s;white-space:nowrap} .chapters button:hover,.chapters button.on{color:#fff} .chapters i{display:block;height:2px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden} .chapters b{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--f,0))} .film-pp{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .3s} .film-pp:hover{background:rgba(255,255,255,.22)} .film-pp svg{width:16px;height:16px} .film-pp .ic-play{display:none} .film-pp[aria-pressed="true"] .ic-play{display:block} .film-pp[aria-pressed="true"] .ic-pause{display:none} .no-film-anim .film-end{visibility:hidden} @media (min-width:901px) and (min-aspect-ratio:4/3){.film{--bar:6.5vh}} @media (max-width:900px){ .film-q{font-size:clamp(38px,10.6vw,60px);padding-bottom:10vh} .film-lab p,.film-end .fe-t{font-size:clamp(32px,9.4vw,52px)} .film-lab .fk{font-size:12px;margin-bottom:10px} .film-subs{font-size:15px} .film-ui{gap:10px} .chapters{gap:6px} .chapters button{font-size:11.5px;gap:7px} .film-pp{width:38px;height:38px} .film-end .hero-cta .btn{flex:1 1 auto} } /* ---------- 1 · summary (after the film) ---------- */ .hero{padding-block:clamp(84px,13vh,150px) clamp(30px,5vh,56px)} .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(24px,5vw,80px);align-items:center} .hero-copy{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,24px);min-width:0} .live-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:var(--night-glass);box-shadow:inset 0 0 0 1px var(--night-line);font-size:14px;color:var(--night-fg-2);max-width:100%} .live-chip b{color:var(--night-fg);font-weight:600} .dot-live{flex:none;width:8px;height:8px;border-radius:50%;background:#ff4d6d;animation:live 1.8s infinite} @keyframes live{0%{box-shadow:0 0 0 0 rgba(255,77,109,.55)}100%{box-shadow:0 0 0 10px rgba(255,77,109,0)}} .hero-title{font-size:var(--t-hero);line-height:.94;letter-spacing:-.035em;font-weight:normal} .hero-title .ln{display:block;white-space:nowrap} .hero-title .kc{font-variation-settings:"wght" var(--wg,470),"wdth" var(--wd,84),"opsz" 96} .hero-lead{font-size:var(--t-lead);line-height:1.5;color:var(--night-fg-2);max-width:32em} .hero-lead b{color:var(--night-fg);font-weight:600} .hero-cta{display:flex;flex-wrap:wrap;gap:12px} .offer-summary{padding:14px 16px;border:1px solid var(--night-line);border-radius:16px;background:var(--night-glass);color:var(--night-fg-2);font-size:15px;line-height:1.5;max-width:36em} .offer-summary strong{color:var(--night-fg);font-weight:650} .offer-summary p+p{margin-top:5px} .offer-summary .offer-guarantee{color:var(--gold);font-size:14px;margin-top:8px} .hero-shortcuts{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px} .hero-shortcuts a{display:inline-flex;align-items:center;min-height:44px;color:var(--night-fg-2);text-underline-offset:4px} .hero-shortcuts a:hover{color:var(--gold)} section[id],article[id]{scroll-margin-top:88px} .eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px} .eq i{width:2.5px;height:30%;background:currentColor;border-radius:2px} .speaking .eq i,.talking .eq i{animation:eq .5s ease-in-out infinite alternate} .eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.35s}.eq i:nth-child(4){animation-delay:-.1s} @keyframes eq{to{height:100%}} .big44{position:relative;border-radius:30px;padding:clamp(22px,3vw,36px);background:linear-gradient(160deg,rgba(255,236,226,.10),rgba(255,236,226,.03));box-shadow:inset 0 0 0 1px var(--night-line),0 40px 90px -50px rgba(190,25,60,.6);overflow:hidden;min-width:0} .big44::before{content:"";position:absolute;width:70%;aspect-ratio:1;right:-18%;top:-30%;background:radial-gradient(closest-side,rgba(190,25,60,.45),transparent);pointer-events:none} .b44-top{position:relative;display:flex;align-items:flex-end;gap:clamp(14px,2vw,22px)} .b44-num{font-size:clamp(112px,12.5vw,196px);line-height:.8;letter-spacing:-.06em;color:var(--gold);font-variation-settings:"wght" 720,"wdth" 78,"opsz" 96} .b44-t{font-size:clamp(19px,1.8vw,27px);line-height:1.12;font-weight:620;letter-spacing:-.02em;padding-bottom:.25em} .b44-t small{display:block;margin-top:6px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--night-fg-2)} .b44-week{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:clamp(18px,3vh,28px)} .b44-week div{display:flex;flex-direction:column;align-items:center;gap:9px;padding:11px 0 12px;border-radius:14px;background:rgba(255,236,226,.05);box-shadow:inset 0 0 0 1px rgba(255,236,226,.06)} .b44-week small{font-size:12.5px;color:var(--night-fg-2);font-weight:620} .b44-week .dots{display:flex;gap:5px;height:9px} .b44-week .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,236,226,.16);transition:background .5s,transform .5s} .b44-week .dots i.on{background:var(--gold)} .b44-week .dots i.next{background:#ff4d6d;animation:live 1.8s infinite} .b44-tags{position:relative;list-style:none;padding:0;margin:clamp(16px,2.4vh,22px) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px} .b44-tags li{display:flex;align-items:center;gap:7px;padding:5px 0;border-radius:0;background:transparent;box-shadow:none;font-size:13.5px;font-weight:620;color:var(--night-fg-2)} .b44-tags svg{width:15px;height:15px;flex:none} .b44-tags li.practice-focus{color:var(--night-fg)} .hero-foot{margin-top:clamp(22px,4vh,40px)} .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px;background:var(--night-glass);box-shadow:inset 0 0 0 1px var(--night-line);overflow:hidden} .facts div{padding:14px 18px;display:flex;flex-direction:column;gap:4px;min-width:0} .facts div+div{box-shadow:-1px 0 0 var(--night-line)} .facts b{font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} .facts span{font-size:13.5px;color:var(--night-fg-2);line-height:1.3} @media (max-width:900px){ .hero{padding-top:clamp(56px,9vh,84px)} .hero-grid{grid-template-columns:minmax(0,1fr);gap:22px} .hero-title{font-size:clamp(38px,11.5vw,58px)} .live-chip{font-size:13px} .hero-cta .btn{flex:1 1 100%} .b44-num{font-size:clamp(96px,30vw,140px)} .b44-week{gap:5px} .b44-week small{font-size:11.5px} .b44-week .dots{gap:4px} .b44-week .dots i{width:8px;height:8px} .facts div{padding:12px 12px} .facts b{font-size:21px} .facts span{font-size:12.5px} } /* ---------- sheets ---------- */ .sheet{position:relative;background:var(--paper);color:var(--ink);padding-block:clamp(64px,9vw,128px)} .sheet.top{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0} .sheet.bottom{border-radius:0 0 var(--radius-sheet) var(--radius-sheet)} .sheet.alt{background:var(--paper-2)} .sec-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,4vw,64px);align-items:end;margin-bottom:clamp(32px,5vw,64px)} .sec-head>*{min-width:0} .sec-head h2{font-size:var(--t-h2)} .sec-head p{font-size:var(--t-lead);color:var(--ink-2);max-width:32em} .kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--accent-text);margin-bottom:14px} .kicker i{width:22px;height:2px;background:currentColor;border-radius:2px} @media (max-width:860px){.sec-head{grid-template-columns:minmax(0,1fr)}} /* ---------- 2 · live room ---------- */ .real-strip{list-style:none;margin:0 0 clamp(24px,4vw,44px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .real-strip li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-radius:0;background:transparent;box-shadow:inset 0 -1px 0 var(--line);min-width:0} .real-strip p{min-width:0} .real-strip .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--crimson) 12%,transparent);color:var(--accent-text)} .real-strip .ic svg{width:20px;height:20px} .real-strip b{display:block;font-size:16.5px;line-height:1.2;letter-spacing:-.01em} .real-strip span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.3} .real-strip li.practice-focus{background:transparent;color:var(--ink);box-shadow:inset 0 -1px 0 var(--line)} .real-strip li.practice-focus .ic{background:color-mix(in srgb,var(--crimson) 12%,transparent);color:var(--accent-text)} .real-strip li.practice-focus span{color:var(--ink-2)} .real-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;background:rgba(242,196,109,.16);color:var(--gold);font-size:11.5px;font-weight:650;letter-spacing:.02em} @media (max-width:900px){.real-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}} @media (max-width:440px){.real-strip li{padding:12px;gap:10px;border-radius:16px}.real-strip .ic{width:34px;height:34px;border-radius:10px}.real-strip .ic svg{width:18px;height:18px}.real-strip b{font-size:15px}.real-strip span{font-size:12.5px}} .room-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start} .room-wrap>*{min-width:0} .room{position:relative;background:#130a0e;color:#f7ede5;border-radius:28px;padding:12px;box-shadow:0 40px 80px -40px rgba(40,10,20,.65),inset 0 0 0 1px rgba(255,255,255,.06)} .room-bar{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;font-size:13.5px;color:rgba(247,237,229,.8);flex-wrap:wrap} .live-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#e0294f;color:#fff;font-weight:700;font-size:11.5px;letter-spacing:.06em} .live-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.2s infinite} @keyframes blink{50%{opacity:.25}} .room-bar .timer{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:650;color:#fff} .room-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:16/9.6} .tile{position:relative;border-radius:16px;overflow:hidden;background:#2a1a20;transition:box-shadow .35s} .tile img{width:100%;height:100%;object-fit:cover} .tile.prof{grid-row:1/3} .tile .tag{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:9px;background:rgba(12,5,8,.62);font-size:12.5px;font-weight:560;color:#fff} .tile .tag .eq{height:11px;color:var(--gold)} .tile.talking{box-shadow:0 0 0 3px var(--gold),0 0 34px rgba(242,196,109,.35)} .cc{margin-top:10px;min-height:76px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px} .cc small{font-size:12px;font-weight:650;color:var(--gold)} .cc .en{font:italic 430 clamp(18px,1.6vw,22px)/1.25 var(--f-voice);color:#fff} .cc .pt{font-size:13.5px;color:rgba(247,237,229,.7)} .fixcard{position:absolute;right:18px;top:58px;width:min(300px,calc(100% - 36px));padding:14px 16px;border-radius:18px;background:#fffaf2;color:#2a0a10;box-shadow:0 20px 50px -18px rgba(0,0,0,.6);opacity:0;transform:translateY(-10px) scale(.96);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.2);z-index:3} .fixcard.show{opacity:1;transform:none} .fixcard .fx-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#8a1230;margin-bottom:8px} .fixcard .fx-h svg{width:16px;height:16px} .fixcard .fx-line{font:italic 430 19px/1.3 var(--f-voice)} .fixcard .fx-line s{color:#b0163a;text-decoration-thickness:2px} .fixcard .fx-line b{color:#1f6b2e;font-weight:560} .fixcard .fx-tip{margin-top:8px;font-size:13.5px;color:#5c4a51;line-height:1.4} .fixcard.ok .fx-h{color:#1f6b2e} .room-ctrl{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:12px} .room-ctrl span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)} .room-ctrl span.end{background:#e0294f;width:48px;border-radius:999px} .room-ctrl svg{width:17px;height:17px} .room-video{position:relative;overflow:hidden;border-radius:18px;background:#080808;aspect-ratio:16/9} .room-video video{display:block;width:100%;height:100%;object-fit:contain} .room-length{margin-left:auto;color:rgba(247,237,229,.7);font-size:12px;font-variant-numeric:tabular-nums} .room-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 4px 4px} .room-sound{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:0;border-radius:12px;background:var(--gold);color:#2a0a10;font:650 14px/1.3 var(--f-display);cursor:pointer;transition:background .2s} .room-sound:hover{background:#ffda8a} .room-sound:focus-visible{outline:3px solid #fff;outline-offset:3px} .room-sound svg{width:19px;height:19px;flex:none} .room-sound-hint{color:rgba(247,237,229,.75);font-size:12.5px;line-height:1.4} .room-error{margin:12px 4px 4px;color:#fff;font-size:14px;line-height:1.5} .room-error a{color:var(--gold);text-decoration:underline} @media(max-width:640px){.room-video{border-radius:14px}.room-actions{gap:8px;padding-top:12px}.room-sound{padding:11px 14px}.room-sound-hint{font-size:12px}} .room-side{display:flex;flex-direction:column;gap:18px} .room-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .room-points li{padding:14px 16px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:2px;min-width:0} .room-points b{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.05} .room-points span{font-size:14px;color:var(--ink-2);line-height:1.35} .opt[disabled]{cursor:default;transform:none} .week-mini{margin-top:clamp(28px,4vw,48px)} .week-mini h3{font-size:clamp(22px,2.4vw,32px);margin-bottom:8px;max-width:20em} .week-mini h3 u{text-decoration:none;color:var(--accent-text);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--gold) 55%,transparent) 62%)} .wm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;margin-bottom:18px} .wm-head>div{min-width:0;flex:1 1 420px} .wm-head>div>p{color:var(--ink-2);max-width:40em;font-size:var(--t-lead);line-height:1.5} .wm-badge{flex:none;display:inline-flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border-radius:18px;background:#0a6229;color:#fff} .wm-badge svg{width:22px;height:22px;flex:none;padding:5px;box-sizing:content-box;border-radius:50%;background:rgba(255,255,255,.18)} .wm-badge span{display:flex;flex-direction:column;font-size:13.5px;line-height:1.3;opacity:.95} .wm-badge b{font-size:17px;opacity:1} .wm-foot{margin-top:12px;font-size:14px;color:var(--ink-2)} .weekgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .wday{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);min-width:0} .wday h4{font-size:17px;line-height:1.15;font-weight:700;display:flex;justify-content:space-between;align-items:baseline;gap:6px} .wday h4 small{font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap} .slot{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:9px 11px;border-radius:12px;font-size:21px;line-height:1.1;font-weight:720;font-variant-numeric:tabular-nums;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)} .slot small{color:var(--ink-2);font-size:13.5px;font-weight:550} .slot.next{background:var(--crimson);color:var(--on-crimson)} .slot.next small{color:var(--on-crimson)} @media (max-width:1000px){.room-wrap{grid-template-columns:minmax(0,1fr)}} @media (max-width:860px){.weekgrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:640px){ .room{border-radius:22px;padding:8px} .room-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;aspect-ratio:auto;gap:6px} .tile.prof{grid-row:auto;grid-column:1/-1;aspect-ratio:16/10} .tile.a,.tile.b{aspect-ratio:4/3} .tile .tag{font-size:11.5px;padding:4px 8px;left:6px;bottom:6px} .fixcard{top:auto;bottom:118px;right:14px} .room-points{grid-template-columns:repeat(2,minmax(0,1fr))} .weekgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .wday{gap:9px;padding:12px;border-radius:16px} .wday h4{font-size:16px} .slot{min-height:48px;padding:9px 8px;font-size:20px} .slot small{font-size:13px} } /* ---------- 3 · the platform in a phone ---------- */ .plat{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.9fr);gap:clamp(20px,3.5vw,48px);align-items:start} .plat>*{min-width:0} .plat-copy{display:flex;flex-direction:column;gap:16px;padding-top:12px} .plat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .plat-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line)} .plat-list li:last-child{border-bottom:1px solid var(--line)} .plat-list svg{width:24px;height:24px;color:var(--accent-text);margin-top:2px} .plat-list b{display:block;font-size:17px;line-height:1.25} .plat-list span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.4} .see-opt{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 13px;border:0;border-radius:999px;background:color-mix(in srgb,var(--crimson) 10%,transparent);color:var(--accent-text);font-size:14px;font-weight:620;cursor:pointer;min-height:36px} .see-opt:hover{background:color-mix(in srgb,var(--crimson) 16%,transparent)} .plat-list .see-opt svg{width:15px;height:15px;margin:0;color:currentColor} .try{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--crimson) 8%,var(--card));color:var(--ink);font-size:14.5px;line-height:1.4} .try svg{width:22px;height:22px;flex:none;color:var(--accent-text)} .phone{position:relative;width:min(372px,calc(100vw - 2 * var(--gutter)));height:min(740px,84svh);border-radius:46px;background:#0d0a0b;padding:10px;box-shadow:0 0 0 2px #2b2226,0 50px 90px -40px rgba(40,10,20,.7)} .phone::before{content:"";position:absolute;top:18px;left:50%;width:96px;height:26px;margin-left:-48px;border-radius:999px;background:#000;z-index:5} .screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#fdf7ec} .flash-col{display:flex;flex-direction:column;gap:14px} @media (max-width:1100px){.plat{grid-template-columns:minmax(0,1fr) auto}.flash-col{grid-column:1/-1}} @media (max-width:760px){.plat{grid-template-columns:minmax(0,1fr)}.phone{margin-inline:auto}.plat-copy{padding-top:0}} /* ---------- 3b · try the real platform (link to the portal login) ---------- */ @property --trial-a{syntax:"<angle>";inherits:false;initial-value:0deg} .trial{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,40px);margin-top:clamp(40px,6vw,72px);padding:clamp(24px,4vw,46px);border-radius:30px;text-decoration:none;color:#f7ede5;background:radial-gradient(90% 140% at 0% 0%,#6b1027 0%,#2c0812 52%,#14050a 100%);box-shadow:0 30px 70px -30px rgba(90,10,30,.75);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s} .trial::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:2px;background:conic-gradient(from var(--trial-a),#f2c46d,#be193c 25%,#ffe7a8 50%,#be193c 75%,#f2c46d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:trialSpin 6s linear infinite} .trial::after{content:"";position:absolute;z-index:-2;width:520px;height:520px;right:-140px;top:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(242,196,109,.32),transparent);pointer-events:none} .trial:hover{transform:translateY(-3px);box-shadow:0 40px 80px -30px rgba(120,15,40,.85)} .trial-copy{display:flex;flex-direction:column;gap:12px;min-width:0} .trial-icons{display:flex;margin-bottom:4px} .trial-icons img{width:46px;height:46px;border-radius:14px;background:#fdf7ec;padding:5px;box-shadow:0 0 0 2px #2c0812,0 6px 14px rgba(0,0,0,.35);margin-right:-10px;animation:trialBob 3.6s ease-in-out infinite} .trial-icons img:nth-child(2){animation-delay:.25s}.trial-icons img:nth-child(3){animation-delay:.5s}.trial-icons img:nth-child(4){animation-delay:.75s}.trial-icons img:nth-child(5){animation-delay:1s} .trial-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f2c46d} .trial-kicker i{width:8px;height:8px;border-radius:50%;background:#7be08f;box-shadow:0 0 0 0 rgba(123,224,143,.6);animation:trialLive 1.8s ease-out infinite} .trial-title{font-size:clamp(28px,3.4vw,48px);font-weight:680;line-height:1.04;letter-spacing:-.025em;text-wrap:balance} .trial-title em{font-family:var(--f-voice);font-style:italic;font-weight:400;color:#f2c46d} .trial-sub{max-width:52ch;font-size:clamp(15.5px,1.2vw,18px);line-height:1.45;color:rgba(247,237,229,.78)} .trial-act{display:flex;flex-direction:column;align-items:center;gap:10px} .trial-btn{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:68px;padding:0 12px 0 30px;border-radius:999px;background:linear-gradient(180deg,#ffe7a8,#f2c46d 55%,#dfa94a);color:#3a0913;font-size:clamp(17px,1.5vw,20px);font-weight:760;letter-spacing:-.01em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 30px -10px rgba(242,196,109,.55);overflow:hidden;animation:trialRing 2.4s ease-out infinite} .trial-btn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:trialShine 3.2s ease-in-out infinite} .trial-btn b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#3a0913;color:#ffe7a8;flex:none;transition:transform .3s} .trial-btn b svg{width:20px;height:20px} .trial:hover .trial-btn b{transform:translateX(4px)} .trial-note{font-size:13px;font-weight:600;color:rgba(247,237,229,.7)} @keyframes trialSpin{to{--trial-a:360deg}} @keyframes trialShine{0%,55%{left:-40%}100%{left:130%}} @keyframes trialRing{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 30px -10px rgba(242,196,109,.55),0 0 0 0 rgba(242,196,109,.55)}80%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 30px -10px rgba(242,196,109,.55),0 0 0 16px rgba(242,196,109,0)}} @keyframes trialLive{to{box-shadow:0 0 0 9px rgba(123,224,143,0)}} @keyframes trialBob{50%{transform:translateY(-5px)}} @media (max-width:760px){.trial{grid-template-columns:minmax(0,1fr);border-radius:24px}.trial-act{align-items:stretch}.trial-btn{justify-content:space-between;white-space:normal;min-height:64px;padding:8px 10px 8px 22px}.trial-note{text-align:center}} @media (prefers-reduced-motion: reduce){.trial::before,.trial-btn,.trial-btn::after,.trial-kicker i,.trial-icons img{animation:none}} /* the portal, as students see it (its own look: wine, gold and cream) */ .app{--w:#3a0913;--w2:#6a0f1f;--ink:#2a0a10;--mut:#6b4a4f;--gold:#dfb765;--gold-l:#ffe7a8;--gold-d:#b8872f;--cream:#fffdf8;--line:#f0e1bc;--green:#0a6229;position:absolute;inset:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);font-size:calc(14px * var(--fs,1));color-scheme:light} .app button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;text-align:left} .app-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#fdf7ec} .app-scroll::-webkit-scrollbar{display:none} .a-top{position:sticky;top:0;z-index:4;padding:48px 12px 10px;display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#5b0d1c,#3a0913);color:#fff;box-shadow:0 1px 0 rgba(223,183,101,.5)} .a-top img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,231,168,.6)} .a-top .t{display:flex;flex-direction:column;line-height:1.1;min-width:0} .a-top .t small{font-size:10.5px;font-weight:700;color:#f4ca70} .a-top .t b{font-size:14px;font-weight:800;white-space:nowrap} .a-top .acts{margin-left:auto;display:flex;gap:6px} .a-top .acts button{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,231,168,.5)} .a-top .acts svg{width:14px;height:14px} .a-hero{padding:14px 14px 16px;background:radial-gradient(120% 90% at 85% 0%,#6a0f1f,#3a0913 60%);color:#fff} .a-hero .ey{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:#f4ca70} .a-hero h5{margin:4px 0 6px;font-size:calc(22px * var(--fs,1));font-weight:800;letter-spacing:-.02em;line-height:1.1} .a-hero h5 em{font-style:normal;color:#f7d28a} .a-hero p{font-size:calc(12.5px * var(--fs,1));line-height:1.4;opacity:.92} .a-hero .leg{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,231,168,.55)} .a-hero .leg svg{width:13px;height:13px} .a-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#2a0710;color:#fff} .a-stats div{padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:2px} .a-stats div+div{box-shadow:-1px 0 0 rgba(255,255,255,.12)} .a-stats b{font-size:calc(19px * var(--fs,1));color:#ffe7a8;line-height:1} .a-stats span{font-size:calc(9.5px * var(--fs,1));line-height:1.2;opacity:.85} .a-body{padding:12px 12px 90px} .a-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(183,123,45,.38);border-radius:15px;background:var(--cream);box-shadow:0 10px 26px rgba(58,9,19,.12);margin-bottom:14px} .a-tab{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:11px!important;color:#6a0f1f!important;font-weight:700;font-size:calc(13.5px * var(--fs,1));text-align:center!important} .a-tab svg{width:15px;height:15px} .a-tab[aria-pressed="true"]{background:linear-gradient(180deg,#7a1424,#3a0913)!important;color:var(--gold-l)!important;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,231,168,.22),0 4px 12px rgba(58,9,19,.25)} .a-card{position:relative;overflow:hidden;border:1.5px solid transparent;border-radius:18px;padding:13px 14px;background:linear-gradient(180deg,#fffdf8,#fff2d8) padding-box,linear-gradient(135deg,#ffe7a8,#dfb765 45%,#b8872f) border-box;box-shadow:0 12px 28px rgba(122,61,18,.13)} .a-card .top{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap} .a-chip{display:inline-block;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--w);background:linear-gradient(180deg,#ffe7a8,#f4ca70)} .a-mile{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;color:#7a3d12} .a-mile svg{width:13px;height:13px} .a-ttl{margin:8px 0 1px;font-family:Fraunces,Georgia,serif;font-size:calc(21px * var(--fs,1));line-height:1.15;color:var(--w)} .a-sub{font-size:12.5px;color:var(--mut)} .a-bar{height:9px;margin:12px 0 7px;border-radius:999px;background:rgba(183,123,45,.18);overflow:hidden} .a-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c9963f,#f7d99b,#dfb765);transition:width .5s ease} .a-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)} .a-foot b{color:var(--w)} .a-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px} .a-day{display:flex!important;flex-direction:column;align-items:center;gap:2px;padding:6px 0 5px;border-radius:10px;font-size:10.5px;font-weight:800;color:#8d7d74!important;background:#f3eee5!important;text-align:center!important} .a-day svg{width:12px;height:12px} .a-day.done{color:var(--green)!important;background:#e3f6ea!important} .a-day.cur{color:var(--w)!important;background:linear-gradient(180deg,#ffe7a8,#f4ca70)!important} .a-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin:16px 0 8px} .a-head h6{margin:0;font-family:Fraunces,Georgia,serif;font-size:calc(17px * var(--fs,1));color:var(--w)} .a-head span{font-size:11px;color:var(--mut)} .trail{list-style:none;margin:0;padding:0} .st{position:relative;padding:0 0 10px 46px} .st::before{content:"";position:absolute;left:16px;top:28px;bottom:-12px;width:3px;border-radius:3px;background:repeating-linear-gradient(180deg,#dcc48d 0 6px,transparent 6px 11px)} .st:last-child::before{display:none} .st.done::before{background:linear-gradient(180deg,#2fbf6c,#138a44)} .node{position:absolute!important;left:1px;top:13px;display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:800;font-size:12.5px;border:2px solid var(--gold)!important;color:#7a3d12;background:#fffaf0!important;z-index:1;text-align:center!important} .node svg{width:15px;height:15px} .st.done .node{color:#fff;border-color:transparent!important;background:linear-gradient(180deg,#2fbf6c,#138a44)!important;box-shadow:0 4px 12px rgba(19,138,68,.35)} .st.cur .node{color:var(--w);background:linear-gradient(180deg,#ffe7a8,#dfb765)!important;border-color:#fffaf0!important;animation:pulse 2.4s ease-out infinite;top:24px} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(223,183,101,.6)}70%{box-shadow:0 0 0 12px rgba(223,183,101,0)}100%{box-shadow:0 0 0 0 rgba(223,183,101,0)}} .item{display:flex!important;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--cream)!important;box-shadow:0 3px 12px rgba(122,61,18,.07)} .st.done .item{border-color:#bfe5cc!important;background:linear-gradient(180deg,#f6fff9,#e8f7ee)!important;box-shadow:none} .ico{width:40px;height:40px;flex:none;display:grid;place-items:center} .ico img{width:100%;height:100%;object-fit:contain} .itxt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0} .itxt b{font-size:calc(14px * var(--fs,1));line-height:1.2} .itxt span{font-size:11.5px;color:var(--mut)} .feito{flex:none;padding:5px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:800} .chev{flex:none;color:#b39a7c;width:16px;height:16px} .curbox{border-radius:18px;padding:2px;background:linear-gradient(135deg,#ffe7a8,#dfb765 45%,#b8872f);box-shadow:0 14px 30px rgba(184,135,47,.3)} .curin{border-radius:16px;background:linear-gradient(180deg,#fffdf8,#fff4dc);padding:11px 12px 12px} .curin .k{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.08em;color:#7a3d12} .curin .k span{letter-spacing:0;font-weight:600;color:var(--mut)} .curin .row{display:flex;align-items:center;gap:10px;margin:8px 0 10px} .curin .row .ico{width:54px;height:54px} .curin h6{margin:0;font-family:Fraunces,Georgia,serif;font-size:calc(19px * var(--fs,1));line-height:1.15;color:var(--w)} .curin .row span{font-size:12px;color:var(--mut)} .go{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:13px!important;background:linear-gradient(180deg,#7a1424,#3a0913)!important;color:var(--gold-l)!important;font-weight:800;text-align:center!important;box-shadow:0 8px 18px rgba(58,9,19,.3)} .go svg{width:14px;height:14px} .goal{display:flex;gap:10px;align-items:center;padding:6px 0 4px} .goal .gi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f4ecd8;color:#7a3d12;flex:none} .goal .gi svg{width:17px;height:17px} .goal b{display:block;font-family:Fraunces,Georgia,serif;font-size:calc(15px * var(--fs,1));color:#7a3d12} .goal span{font-size:11.5px;color:var(--mut)} .goal.won .gi{background:linear-gradient(180deg,#ffe7a8,#dfb765);color:var(--w)} .a-note{margin:10px 0 14px;font-size:11.5px;color:var(--mut);line-height:1.45} .opt-h{display:flex;align-items:center;gap:8px;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.12em;color:#7a3d12;margin-bottom:4px} .opt-h::before,.opt-h::after{content:"";flex:1;height:1px;background:var(--line)} .opt-sub{text-align:center;font-size:11.5px;color:var(--mut);margin-bottom:10px} .opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .opt-box{border-radius:18px;transition:box-shadow .4s,background .4s} .opt-box.flash{animation:optflash 1.6s ease-out 2} @keyframes optflash{0%{box-shadow:0 0 0 0 rgba(223,183,101,.9);background:rgba(255,231,168,.45)}100%{box-shadow:0 0 0 14px rgba(223,183,101,0);background:transparent}} .ocard{position:relative;display:flex!important;flex-direction:column;gap:3px;padding:11px!important;border-radius:15px!important;border:1px solid rgba(223,183,101,.65)!important;background:linear-gradient(180deg,#fffaf0,#ffefd0)!important} .ocard .oi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#3a0913;color:#ffe7a8;margin-bottom:5px} .ocard .oi svg{width:15px;height:15px} .ocard b{font-size:calc(13px * var(--fs,1))} .ocard span{font-size:11px;color:var(--mut)} .ocard .new{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;background:#f4ca70;color:var(--w);font-size:9.5px;font-weight:800} .tbl-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:var(--cream)} .tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:320px;font-size:10px} .tbl th{padding:6px 2px;font-size:9.5px;color:#8d7d74;font-weight:800;text-align:center;line-height:1.1} .tbl th:first-child{background:#3a0913;color:#fff;text-align:left;padding-left:8px;font-size:11px;border-radius:13px 0 0 0} .tbl th.cur{background:#3a0913;color:#ffe7a8} .tbl th.cur small{display:block;font-size:8px;color:#f4ca70} .tbl td{text-align:center;padding:4px 2px;border-top:1px solid #f4ead2} .tbl td.act{text-align:left;padding:5px 4px 5px 8px;width:96px} .tbl td.act div{display:flex;flex-direction:column;align-items:center;gap:1px;width:80px} .tbl td.act img{width:28px;height:28px;object-fit:contain} .tbl td.act b{font-size:9.5px;line-height:1.1;text-align:center} .tbl td.cur{background:linear-gradient(180deg,#fff7df,#fff1cc);box-shadow:inset 2px 0 0 #f4ca70,inset -2px 0 0 #f4ca70} .cell{display:inline-grid!important;place-items:center;width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:800;text-align:center!important} .cell.done{background:linear-gradient(180deg,#2fbf6c,#138a44)!important;color:#fff!important} .cell.todo{background:linear-gradient(180deg,#7a1424,#3a0913)!important;color:#fff!important;box-shadow:0 0 0 2px #f4ca70} .cell.lock{background:#d9d2c9!important;color:#fff!important;opacity:.75} .cell.none{width:6px;height:6px;background:#e3d9c8!important} .cell svg{width:13px;height:13px} .tbl tr.tot td{background:#3a0913;color:#fff;font-weight:800;font-size:12px;padding:7px 2px} .tbl tr.tot td:first-child{text-align:left;padding-left:8px} .tbl tr.tot td.cur{background:#5a1020;box-shadow:inset 2px 0 0 #f4ca70,inset -2px 0 0 #f4ca70} .tbl tr.tot small{display:block;font-size:8px;opacity:.7} .v-sub{padding:12px 12px 90px} .v-nav{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px} .v-nav button{display:inline-flex!important;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#3a0913!important;color:#fff!important;font-size:12.5px;font-weight:700} .v-nav svg{width:14px;height:14px} .v-ey{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#b77b2d} .v-ey::before{content:"";width:8px;height:8px;border-radius:50%;background:#dfb765} .v-ttl{margin:6px 0 4px;font-family:Fraunces,Georgia,serif;font-size:calc(30px * var(--fs,1));line-height:1.05;color:var(--w)} .v-lead{font-size:12.5px;color:var(--mut);line-height:1.45;margin-bottom:14px} .v-card{border-radius:16px;border:1px solid var(--line);background:var(--cream);padding:12px;margin-bottom:10px} .v-card h6{margin:0 0 4px;font-size:calc(14px * var(--fs,1));color:var(--w)} .v-card p{font-size:12px;color:var(--mut);line-height:1.4} .v-gold{background:linear-gradient(160deg,#f7d99b,#e3b65a)!important;border-color:#c99a46!important} .v-gold h6{font-size:calc(16px * var(--fs,1))} .v-gold p{color:#5a2a0a} .v-row{display:flex;align-items:center;gap:10px} .v-play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7a1424;flex:none;box-shadow:0 4px 10px rgba(0,0,0,.15)} .v-play svg{width:15px;height:15px} .badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#e3f6ea;color:#0a6229;font-size:11px;font-weight:800} .kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #f4ead2;font-size:12.5px} .kv span{color:var(--mut)} .lvl{display:flex!important;align-items:flex-start;gap:10px;width:100%;padding:10px!important;border-radius:14px!important;border:1px solid var(--line)!important;background:var(--cream)!important;margin-bottom:8px;text-align:left!important} .lvl .n{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:#3a0913} .lvl b{display:block;font-size:calc(13.5px * var(--fs,1));color:var(--w)} .lvl span{display:block;font-size:11.5px;color:var(--mut);line-height:1.35} .lvl[aria-pressed="true"]{border-color:#dfb765!important;background:linear-gradient(180deg,#fffaf0,#ffefd0)!important;box-shadow:0 6px 16px rgba(184,135,47,.2)} .lvl[aria-pressed="true"] .n{background:linear-gradient(180deg,#ffe7a8,#dfb765);color:#3a0913} .bars{display:flex;align-items:flex-end;gap:6px;height:90px;margin:10px 0 4px} .bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end} .bars i{display:block;width:100%;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#dfb765,#b8872f)} .bars span{font-size:9.5px;color:var(--mut)} .bub{max-width:80%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--line);font-size:12.5px;margin-bottom:6px} .bub.me{margin-left:auto;border-radius:14px 14px 4px 14px;background:#3a0913;color:#ffe7a8;border:0} .menu{position:absolute;z-index:6;top:96px;right:10px;width:200px;padding:6px;border-radius:16px;background:#fffdf8;box-shadow:0 20px 40px -10px rgba(40,10,20,.45),0 0 0 1px var(--line);transform-origin:top right;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.2)} .menu[hidden]{display:block!important;opacity:0;transform:scale(.9);pointer-events:none} .menu button{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px!important;border-radius:11px!important;font-size:13.5px;font-weight:650;color:#3a0913!important} .menu button:hover,.menu button[aria-current="true"]{background:#f8edd6!important} .menu svg{width:16px;height:16px;color:#b77b2d} .aa{position:absolute;z-index:6;left:14px;bottom:16px;width:46px;height:46px;border-radius:50%!important;display:grid!important;place-items:center;background:#0f4c75!important;color:#fff!important;font-weight:800;font-size:15px;box-shadow:0 6px 16px rgba(15,76,117,.45);text-align:center!important} .toast{position:absolute;z-index:7;left:12px;right:12px;bottom:72px;padding:11px 14px;border-radius:14px;background:#2a0a10;color:#fff;font-size:12.5px;line-height:1.4;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:opacity .25s,transform .3s;pointer-events:none} .toast.show{opacity:1;transform:none} .toast b{color:#ffe7a8} .legend{display:none;margin-top:8px;padding:10px;border-radius:12px;background:rgba(0,0,0,.25);font-size:11.5px;line-height:1.6} .legend.show{display:block} .legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px} /* real flashcard */ .fcd{border-radius:24px;background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);overflow:hidden} .fcd-img{position:relative;aspect-ratio:4/3;background:#e9dfd0} .fcd-img img{width:100%;height:100%;object-fit:cover} .fcd-lvl{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(255,253,248,.92);color:#2a0a10;font-size:12px;font-weight:650} .fcd-n{position:absolute;right:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(20,8,12,.7);color:#fff;font-size:12px;font-variant-numeric:tabular-nums} .fcd-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px} .fcd-top{display:flex;align-items:center;gap:10px} .fcd-top .play{width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--crimson);color:#fff;flex:none} .fcd-top .play svg{width:20px;height:20px} .fcd-top p{font-size:14.5px;color:var(--ink-2);line-height:1.35} .fcd-en{font:italic 440 clamp(22px,2.2vw,28px)/1.2 var(--f-voice)} .fcd-pt{font-size:15.5px;color:var(--ink-2)} .fcd .hide{display:none} .fcd-rate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .fcd-rate button{border:0;cursor:pointer;padding:10px 6px;border-radius:12px;background:color-mix(in srgb,var(--paper-2) 60%,var(--card));box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2} .fcd-rate button small{font-size:11px;font-weight:450;color:var(--ink-2)} .fcd-rate button:hover{box-shadow:inset 0 0 0 1.5px var(--accent-text)} .fcd .reveal{width:100%} .flash-note{font-size:13.5px;color:var(--ink-2)} /* ---------- 4 · method ---------- */ .method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px)} .mrow{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);gap:18px;align-items:start;padding:22px 0;border-top:1px solid var(--line)} .mrow .big{font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-.04em;line-height:.95;color:var(--accent-text);font-variation-settings:"wdth" 85} .mrow h3{font-size:clamp(19px,1.6vw,23px);margin-bottom:4px} .mrow p{color:var(--ink-2);font-size:15.5px;line-height:1.45} .method-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px} @media (max-width:860px){.method{grid-template-columns:minmax(0,1fr)}.mrow{grid-template-columns:76px minmax(0,1fr);gap:14px}.mrow .big{font-size:32px}} /* ---------- quotes ---------- */ .q-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gutter) 18px;scrollbar-width:none;max-width:calc(var(--maxw) + 2 * var(--gutter));margin:0 auto} .q-row::-webkit-scrollbar{display:none} .quote{flex:0 0 min(640px,86vw);scroll-snap-align:center;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,3vw,34px);border-radius:26px;background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);margin:0} .quote blockquote{margin:0;font:italic 400 clamp(23px,2.5vw,34px)/1.22 var(--f-voice)} .quote .qw{opacity:.3} .quote footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14.5px;color:var(--ink-2);margin-top:auto} .quote footer b{color:var(--ink)} .qwave{display:flex;align-items:center;gap:2px;height:22px} .qwave i{width:3px;border-radius:2px;background:var(--accent-text);opacity:.3;transition:opacity .15s} .qwave i.on{opacity:1} .qplay{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;border:0;border-radius:999px;background:color-mix(in srgb,var(--crimson) 9%,transparent);color:var(--accent-text);font:inherit;font-size:14px;font-weight:620;cursor:pointer;transition:background .25s} .qplay:hover{background:color-mix(in srgb,var(--crimson) 15%,transparent)} .qp-ic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--crimson);color:var(--on-crimson)} .qp-ic svg{width:13px;height:13px} .qp-ic .ic-pause,.qplay.playing .qp-ic .ic-play{display:none} .qplay.playing .qp-ic .ic-pause{display:block} .qplay.playing .qp-ic{animation:live 1.6s infinite} @media (max-width:520px){.qplay{margin-left:0;width:100%}.qplay .qwave{margin-left:auto}} .q-nav{display:flex;gap:8px;justify-content:flex-end} .q-nav button{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;color:var(--ink)} .q-nav svg{width:18px;height:18px} .trust{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:clamp(20px,3vw,36px);font-size:14px;color:var(--ink-2)} .trust a{color:var(--accent-text);font-weight:650} .trust-item{font-weight:600;color:var(--ink)} .initial-trust{margin-top:14px;padding:10px 0 0;border-top:1px solid var(--night-line);color:var(--night-fg-2)} .initial-trust a{color:var(--gold)} /* ---------- plan ---------- */ .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} .plan-grid>*{min-width:0} .plan-trust-before{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;margin:-36px 0 16px;color:var(--ink-2);font-size:13.5px;line-height:1.4} .plan-trust-before a{color:var(--accent-text);font-weight:650;text-decoration:underline;text-underline-offset:3px} .price-card{position:relative;padding:clamp(22px,3.4vw,38px);border-radius:28px;background:var(--card);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:18px} .price-card.recommended{box-shadow:var(--shadow),inset 0 0 0 2px var(--crimson)} .plan-badge{align-self:flex-start;padding:6px 10px;border-radius:999px;background:var(--crimson);color:var(--on-crimson);font-size:12px;font-weight:700;letter-spacing:.02em} .plan-label{font-size:15px;color:var(--accent-text);font-weight:700;letter-spacing:.02em} .plan-card-head{display:flex;flex-direction:column;gap:12px} .price-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap} .price{display:flex;align-items:flex-start;line-height:.82;letter-spacing:-.05em} .price .cur{font-size:clamp(24px,2.6vw,38px);font-weight:620;margin-top:.3em;margin-right:6px;letter-spacing:-.02em} .price .price-fixed{font-size:clamp(76px,8vw,132px);font-variation-settings:"wght" 680,"wdth" 80,"opsz" 96;color:var(--accent-text);font-variant-numeric:tabular-nums} .odo{display:inline-flex;font-variant-numeric:tabular-nums} .odo .dg{display:inline-block;height:1em;overflow:hidden} .odo .strip{display:flex;flex-direction:column;transform:translate3d(0,calc(var(--n,0) * -1em),0)} .odo .strip span{height:1em;line-height:1;display:block} .price .odo{font-size:clamp(92px,11vw,168px);font-variation-settings:"wght" 680,"wdth" 80,"opsz" 96;color:var(--accent-text)} .price-row .per{font-size:17px;color:var(--ink-2);padding-bottom:10px;line-height:1.3} .price-row .per b{display:block;color:var(--ink);font-size:20px} .plan-conditions{display:flex;flex-direction:column;gap:5px;max-width:31em;font-size:14.5px;color:var(--ink-2);line-height:1.35;padding-bottom:4px} .plan-conditions p{margin:0} .plan-conditions p:first-child{font-size:19px;color:var(--ink)} .plan-conditions .commitment{margin-top:5px;padding-top:8px;border-top:1px solid var(--line);font-size:13.5px} .checks{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px} .checks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.35} .checks svg{width:18px;height:18px;flex:none;color:var(--leaf);margin-top:2px} .plan-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .plan-cta-primary{order:0} .plan-cta .btn{min-height:56px;font-size:17px;padding:0 28px;white-space:normal} .plan-cta-quarterly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .plan-cta-quarterly .btn{width:100%;min-width:0;padding:0 12px} .plan-help{color:var(--accent-text);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px} .fine{font-size:13.5px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:6px 18px} .plan-guarantee-note{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--leaf) 7%,var(--card));color:var(--ink-2);font-size:13.5px;line-height:1.4} .plan-guarantee-note b{color:var(--ink)} .plan-renewal-note{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.4} .plan-conditions p.cash-price{font-size:clamp(38px,5vw,64px);line-height:1;color:var(--accent-text);letter-spacing:-.04em;font-variant-numeric:tabular-nums} .plan-conditions .cash-price b{font-weight:680} .plan-guarantee{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 24px;border-radius:22px;background:color-mix(in srgb,var(--crimson) 6%,var(--card));box-shadow:inset 0 0 0 1px var(--line)} .plan-guarantee>div:last-child{max-width:44em} .plan-guarantee>div:last-child b{font-size:19px} .plan-guarantee>div:last-child p{margin-top:5px;color:var(--ink-2);font-size:15px} .seal-col{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center} .seal{position:relative;width:min(280px,66vw);aspect-ratio:1} .seal svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 26s linear infinite} .seal svg.ring text{font:600 13px var(--f-display);fill:var(--ink)} @keyframes spin{to{transform:rotate(360deg)}} .seal .core{position:absolute;inset:22%;border-radius:50%;background:var(--crimson);color:var(--on-crimson);display:grid;place-items:center;align-content:center;box-shadow:0 20px 50px -18px rgba(190,25,60,.75)} .seal .core b{font-size:clamp(60px,7.5vw,100px);line-height:.8;font-weight:700;letter-spacing:-.05em} .seal .core span{font-size:14px;font-weight:600;margin-top:6px} .seal-col p{color:var(--ink-2);max-width:24em;font-size:16px} .after{margin-top:clamp(48px,7vw,96px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;list-style:none;padding:0} .after::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;background:var(--line)} .after::after{content:"";position:absolute;left:22px;top:22px;height:2px;background:var(--crimson);width:calc((100% - 44px) * var(--p,0))} .after li{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0} .after .dot{width:44px;height:44px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;font-weight:700;position:relative;z-index:1;transition:background .3s,color .3s,box-shadow .3s} .after li.on .dot{background:var(--crimson);color:var(--on-crimson);box-shadow:none} .after b{font-size:19px;margin-top:6px} .after span{color:var(--ink-2);font-size:15px} .bonus{margin-top:clamp(36px,5vw,64px);display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(22px,3vw,36px);border-radius:28px;background:var(--ink);color:var(--paper);flex-wrap:wrap} .bonus .yr{font-size:clamp(56px,7vw,92px);font-weight:700;letter-spacing:-.05em;line-height:.8;color:var(--rose-soft)} .bonus h3{font-size:clamp(21px,2.2vw,28px);margin-bottom:6px} .bonus p{opacity:.8;max-width:40em} .bonus>div{flex:1 1 260px;min-width:0} @media (max-width:960px){.plan-grid{grid-template-columns:minmax(0,1fr)}.plan-guarantee{grid-column:auto}} @media (max-width:640px){.b44-tags{grid-template-columns:minmax(0,1fr);gap:2px}.checks{grid-template-columns:minmax(0,1fr)}.after{grid-template-columns:minmax(0,1fr)}.after::before,.after::after{display:none}.after li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px}.after b{margin-top:0}.after li .dot{grid-row:span 2}.price-card{padding:22px 18px}.price-row{align-items:flex-start;gap:10px}.price .price-fixed{font-size:82px}.price-row .per{padding:8px 0 0}.plan-conditions{font-size:14px}.plan-conditions p.cash-price{font-size:42px}.plan-cta-quarterly{grid-template-columns:minmax(0,1fr)}} @media (max-width:760px){#plano.sheet{padding-block:40px}#plano .sec-head{gap:10px;margin-bottom:12px}#plano .sec-head p{font-size:16px;line-height:1.35;max-width:30em}.plan-trust-before{font-size:13px;gap:4px 10px;margin:0 0 12px}#plano .kicker{margin-bottom:8px}#plano .price-card{gap:12px;padding-top:16px;padding-bottom:16px}} /* ---------- faq ---------- */ .faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start} .faq-grid>*{min-width:0} .faq-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px;align-items:flex-start} .faq-side h2{font-size:var(--t-h2)} .faq-side p{color:var(--ink-2);font-size:var(--t-lead)} .faq details{border-top:1px solid var(--line)} .faq details:last-child{border-bottom:1px solid var(--line)} .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.25} .faq summary::-webkit-details-marker{display:none} .faq .pm{flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line);position:relative;transition:background .3s,box-shadow .3s} .faq .pm::before,.faq .pm::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:currentColor;border-radius:2px;transition:transform .4s cubic-bezier(.3,1.4,.5,1)} .faq .pm::after{transform:rotate(90deg)} .faq details[open] .pm{background:var(--crimson);color:var(--on-crimson);box-shadow:none} .faq details[open] .pm::after{transform:rotate(0)} .faq .ans{overflow:hidden} .faq .ans p{padding:0 4px 22px;color:var(--ink-2);font-size:16.5px;max-width:40em} @media (max-width:860px){.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-side{position:static}} /* ---------- finale ---------- */ .finale{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(120px,22vh,240px);isolation:isolate;overflow:hidden} .fin-bg{position:absolute;left:0;right:0;top:0;height:min(100svh,1100px);z-index:-1;overflow:hidden} .fin-bg img{width:100%;height:100%;object-fit:cover;object-position:46% 40%;opacity:.55;transform:scale(1.04);animation:finkb 28s ease-in-out infinite alternate;animation-play-state:paused} .finale.inview .fin-bg img{animation-play-state:running} .fin-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--night) 0%,rgba(16,5,10,.25) 26%,rgba(16,5,10,.5) 62%,var(--night) 100%)} @keyframes finkb{to{transform:scale(1.15) translate(-1.5%,1%)}} .finale h2{font-size:clamp(38px,6.2vw,96px);letter-spacing:-.035em;line-height:.98;max-width:11em} .fin-sub{margin:clamp(18px,3vh,30px) 0 clamp(20px,3vh,30px);font-size:clamp(16px,1.4vw,20px)} .fin-sub span{background:rgba(0,0,0,.62);padding:.14em .45em;border-radius:3px;font-weight:520;color:#fff} @media (prefers-reduced-motion: reduce){.fin-bg img{animation:none}} .foot{margin-top:clamp(50px,9vh,110px);background:rgba(255,236,226,.04);box-shadow:0 -1px 0 var(--night-line);padding-block:32px calc(32px + env(safe-area-inset-bottom,0px))} .foot .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:28px} .foot .wrap>*{min-width:0} .foot p,.foot li{font-size:14.5px;color:var(--night-fg-2)} .foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px} .foot a{text-decoration:none;color:var(--night-fg)} .foot a:hover{text-decoration:underline} .foot h4{margin:0 0 10px;font-size:14px;font-weight:650} .foot .tag{font:italic 420 20px/1.3 var(--f-voice);color:var(--night-fg);max-width:22em;margin-top:12px} .legal{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--night-line);font-size:13px!important} @media (max-width:760px){.foot .wrap{grid-template-columns:1fr 1fr}.foot .wrap>div:first-child{grid-column:1/-1}} /* ---------- mobile plan bar ---------- */ .mbar{position:fixed;z-index:60;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:color-mix(in srgb,var(--paper) 96%,transparent);color:var(--ink);box-shadow:0 12px 30px -12px rgba(30,10,20,.45),inset 0 0 0 1px var(--line);transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.9,.2,1)} .mbar.show{transform:none;visibility:visible;pointer-events:auto} .mbar:not(.show){visibility:hidden;pointer-events:none} .mbar span{font-size:14px;line-height:1.2} .mbar b{display:block;font-size:16px} @media (max-width:760px){.mbar{display:flex}} @media (prefers-reduced-motion: reduce){ .seal svg.ring,.dot-live,.live-pill::before,.st.cur .node{animation:none!important} } /* looping CSS animations rest while their section is off screen (they continue where they were when it comes back) */ .anim-off *,.anim-off *::before,.anim-off *::after{animation-play-state:paused!important} /* Vídeo do Reclame Aqui: reprodução somente por escolha do visitante. */ .ra-video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:clamp(28px,6vw,80px);align-items:center} .ra-video-copy p{margin-top:22px;color:var(--ink-2);max-width:40ch} .ra-video-copy .btn{margin-top:28px;white-space:normal;text-align:center} .ra-video-note{display:block;margin-top:14px;color:var(--ink-2);font-size:14px} .ra-video-frame{width:100%;max-width:360px;margin:0 auto;border-radius:24px;overflow:hidden;background:#16070d;box-shadow:var(--shadow)} .ra-video-frame video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain} @media(max-width:700px){.ra-video-grid{grid-template-columns:minmax(0,1fr)}.ra-video-frame{max-width:320px}}

EverydayConversation Ver plano

Como seria a sua vida falando inglês fluentemente?

01 · Viagens

Viajar sem depender de ninguém.

02 · Filmes

Assistir filmes no idioma original.

03 · Negócios

Fechar negócios com o exterior.

04 · Carreira

Conquistar uma vaga internacional.

05 · Mundo

Conversar com qualquer pessoa, em qualquer lugar.

Tudo começa com a sua primeira conversa.

44 práticas de conversação ao vivo por mês, com professores reais, de segunda a sábado.

Quero começar Ver como funciona

Práticas ao vivo de segunda a sábado

Comece do zero ou destrave seu inglês.

Plataforma para estudar no seu ritmo e 44 práticas de conversação ao vivo por mês, com professores reais, em grupos de 2 a 3 alunos do seu nível.

Mensal: R$ 200/mês, sem fidelidade.

Trimestral: R$ 450 à vista ou 3x de R$ 154 (total R$ 462). São 3 meses de acesso, sem renovação automática.

Os mesmos benefícios nos dois planos · 7 dias com reembolso integral.

Escolher meu plano Falar no WhatsApp

CNPJ 52.086.994/0001-04 Consulte o Reclame Aqui

44 práticas de conversação ao vivo por mês11 horários por semana, de segunda a sábado

Professores reais
Ao vivo
Segunda a sábado
Turmas pequenas

48 minde conversa em cada prática

2 a 3alunos por sala, por nível

7 diaspara testar com reembolso

Veja uma prática por dentro

Conversa ao vivo, com orientação na hora.

Assista ao trecho da sala e veja como a prática acontece com professor e poucos alunos. O som só começa quando você tocar no botão.

Prática de conversação24 s

Toque para ouvir a conversa.

Seg a sáb11 horários por semana, 44 práticas por mês, e você participa de todas que quiser
48 minde conversa em cada prática
2 a 3alunos por sala, separados por nível
Na horao professor corrige com uma dica em português

Prática de conversação ao vivo

Conversa ao vivo com professores de verdade.

Um professor conduz cada prática, ao vivo, com 2 a 3 alunos do seu nível, de segunda a sábado.

Professores reaisgente de verdade conduzindo a conversa
Ao vivoem tempo real, com correção na hora
Segunda a sábado11 horários por semana, 44 por mês
Prática guiadavocê fala e recebe orientação

Você pode entrar em todas as práticas desta tabela

Os 11 horários ao vivo da semana ficam liberados para você. Participe de quantos a sua semana e a sua disponibilidade permitirem: um, cinco ou todos os 11.

Todos liberadosaté 44 práticas por mês

Horário de Brasília. No mesmo horário, cada nível tem a sua sala com o professor do nível.

Plataforma de ensino

Abra a plataforma e veja por dentro.

É assim que o aluno vê o curso no celular. Troque as abas, abra o menu, marque atividades como feitas. Nesta demonstração nenhuma atividade abre.

Práticas do diaUma trilha com as atividades de hoje, em ordem: Flashcards, Plataforma, Collocations e as outras do dia.
Tabela geralA semana inteira: 10 atividades distribuídas em 5 acessos de estudo. Collocations entra todos os dias.
Atividades opcionaisMini histórias, Expressões do dia e Phrasal verbs, para quando sobrar tempo.
Menu do alunoProgresso, conversação, matrícula, níveis e tutoriais sempre à mão.
Flashcards de verdadeImagem, áudio original e a frase em contexto. De 400 a 800 palavras novas por mês com o método diário.

Toque à vontade no celular. Role a tela dele para ver tudo.

Assistir à apresentação completa (7:12)

Curso de InglêsEveryday Conversation

Iniciante1 de 3

Ouça e tente entender a frase antes de revelar.

Flashcards reais da plataforma, com imagem, áudio original e revisão espaçada: o que você esquece volta antes, o que você lembra volta depois.

Teste grátis agora Gostou da demonstração? Agora abra a plataforma de verdade. Crie seu acesso com o e-mail e experimente grátis as atividades do curso, no celular ou no computador. Experimente a nossa plataforma Grátis · só com e-mail

O método

Tudo o que faz você falar mais rápido.

Estudo individual na plataforma, conversação ao vivo com o professor e correção para não repetir o erro. Tudo em uma assinatura.

Conversação ao vivo

Práticas por mês, de 48 minutos, em salas de 2 a 3 alunos do mesmo nível. Participe de todas que quiser.

Plataforma completa

Atividades na semana: flashcards, collocations, pronúncia, tradução, listening, escrita, soletração e mais, com áudio original. E opcionais como Mini histórias, Expressões do dia e Phrasal verbs.

1:1

Correções individuais

Você entende os seus erros, com dica curta em português, e revisa o que ainda precisa praticar.

Dia a dia

Rotina pelo WhatsApp

Mini práticas diárias, materiais de apoio e suporte da equipe para não perder o ritmo.

✓

Certificado

Ao concluir os módulos e chegar ao nível avançado em conversação.

+1 ano

Manutenção gratuita

No avançado, plataforma e práticas ao vivo continuam por mais 1 ano, sem nova mensalidade.

Ver os planos e condições Tirar dúvidas no WhatsApp

Relatos de alunos

O que mudou para quem pratica.

Relatos publicados com áudio original quando autorizado. A evolução depende de nível, frequência e dedicação.

Eu tinha vergonha de falar em inglês. As turmas pequenas me deram mais segurança para participar de conversas profissionais.

Antes eu só sabia o básico. Depois de praticar com frequência, usei o inglês em uma situação profissional e me senti mais preparada.

Comecei com dificuldade na base. Com prática frequente, passei a entender mais e falar melhor em situações de trabalho.

Depois de manter a prática por alguns meses, viajei e consegui me comunicar melhor em aeroporto, hotel e restaurantes.

Na minha experiência, eu precisava de mais prática de fala. Com a rotina do Everyday, percebi evolução em menos tempo.

Plano

Escolha como começar.

Trimestral ou mensal: os mesmos benefícios.

CNPJ 52.086.994/0001-04Consulte o Reclame Aqui

Plano recomendado

Plano trimestral

R$ 450 à vista

Equivale a R$ 150/mês · economize R$ 150

Ou 3x de R$ 154 no cartão, sem juros · total de R$ 462 · economize R$ 138

Economias comparadas a três mensalidades de R$ 200. Compromisso de 3 meses.

Pagar R$ 450 à vista Pagar em 3x de R$ 154

Garantia de 7 dias com reembolso integral. Solicite pelo WhatsApp oficial.

O trimestral não renova nem gera nova cobrança automaticamente. Ao fim dos 3 meses, continuar exige autorização do aluno para uma nova contratação. A equipe revisa o progresso e informa se o mesmo desconto pode ser mantido; para dúvidas, fale pelo WhatsApp oficial.

44 práticas ao vivo por mês
Plataforma completa
Correções individuais
Rotina e suporte pelo WhatsApp
Certificado de conclusão
1 ano grátis depois do avançado

Checkouts oficiais AsaasCNPJ 52.086.994/0001-04

Plano mensal

R$200

por mêsRenovação mensal, sem fidelidade.
Cancelamento pelo WhatsApp oficial.

Assinar o mensal

Garantia de 7 dias com reembolso integral. Solicite pelo WhatsApp oficial.

44 práticas ao vivo por mês
Plataforma completa
Correções individuais
Rotina e suporte pelo WhatsApp
Certificado de conclusão
1 ano grátis depois do avançado

Checkout oficial AsaasCNPJ 52.086.994/0001-04Pix, boleto ou cartão

Tirar dúvidas no WhatsApp

1Escolha o planoMensal ou trimestral no checkout oficial do Asaas; no trimestral, escolha à vista ou em 3 parcelas no cartão.
2Receba o acessoNossa equipe chama você no WhatsApp em até 15 minutos após a confirmação.
3Comece a falarEntre na prática ao vivo no horário que combina com a sua rotina.

1 ano

Manutenção gratuita depois do avançado

Quando estiver pronto para praticar no nível avançado de conversação, você mantém a plataforma e as práticas ao vivo por mais 1 ano, sem nova mensalidade.

Conheça nossa trajetória

Confira você mesmo no Reclame Aqui.

Assista ao vídeo e consulte o perfil da Everyday Conversation diretamente no Reclame Aqui.

Ver Everyday no Reclame Aqui (abre em outra aba) Vídeo de 1 min 39 s. Toque no player para assistir com áudio.

Perguntas frequentes

Ainda com dúvida? A equipe responde pelo WhatsApp oficial.

Perguntar no WhatsApp

O curso serve para quem começa do zero?

Sim. Há metodologia específica para quem começa do zero, com prática guiada, correção humana e turmas pequenas.

Quantas práticas ao vivo eu posso fazer?

São 11 horários por semana, cerca de 44 práticas por mês, de 48 minutos cada. Você pode participar de todas: segunda às 16h e 21h20; terça às 16h e 20h; quarta às 9h e 20h; quinta às 16h e 20h; sexta às 16h e 21h20; e sábado às 10h20.

E se eu faltar uma prática?

Sem problema. Há 11 horários ao longo da semana, e você escolhe e troca conforme a rotina.

Como funciona a garantia de 7 dias?

Você testa o curso completo por 7 dias. Se não se adaptar, devolvemos 100% do valor, sem burocracia.

Qual plano combina comigo?

O mensal custa R$ 200 por mês, sem fidelidade. O trimestral exige compromisso de 3 meses: R$ 450 à vista (R$ 150 por mês, economizando R$ 150) ou 3x de R$ 154 (R$ 462 no total, economizando R$ 138). As economias comparam cada opção com três mensalidades de R$ 200.

Como escolher a forma de pagamento?

O mensal de R$ 200 por mês e as duas opções trimestrais têm checkouts oficiais do Asaas, em nome de Everyday Conversation Ltda., CNPJ 52.086.994/0001-04. No trimestral, escolha o checkout de R$ 450 à vista ou o checkout de 3 parcelas de R$ 154 no cartão de crédito, sem juros (total de R$ 462). No pagamento à vista, use os meios disponibilizados no checkout. Confira as condições exibidas antes de concluir.

Como recebo o acesso depois do pagamento?

Após a confirmação do pagamento, nossa equipe chama você no WhatsApp em até 15 minutos para orientar o acesso e o início das práticas.

Posso usar só o celular?

Sim. Práticas e plataforma funcionam no celular e no computador. Fones de ouvido ajudam na conversação.

O curso oferece certificado?

Sim. Ao concluir os módulos e alcançar o nível avançado em conversação, você recebe o certificado de conclusão.

Como funciona o cancelamento e a renovação?

O plano mensal renova a cada mês, sem fidelidade. O cancelamento pelo WhatsApp oficial impede a próxima renovação, e o acesso segue até o fim do período já pago. O trimestral cobre 3 meses e não renova nem gera nova cobrança automaticamente. Para continuar, o aluno autoriza uma nova contratação. Ao fim do período, a equipe revisa o progresso e informa se o mesmo desconto pode ser mantido na nova contratação. Para dúvidas, fale com a equipe pelo WhatsApp oficial.

Seu inglês muda quando a prática vira rotina.

Ver os planos e condições Falar no WhatsApp

Planos para começarMensal R$ 200 · trimestral R$ 450/3 mesesVer planos