/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fon/nunito-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fon/nunito-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fon/nunito-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fon/nunito-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fon/nunito-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fon/nunito-400-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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fon/nunito-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fon/nunito-400-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;
}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;background:#F2F8FB;color:#0A2847;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
@keyframes nwbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.nw-skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 15px;border-radius:11px;background:#0A2847;color:#fff;font-size:14px;font-weight:900;box-shadow:0 4px 0 #04192B;transform:translateY(-150%);transition:transform .18s ease}
.nw-skip-link:focus{transform:translateY(0);outline:3px solid #F5C51B;outline-offset:3px}


/* NusaWorld landing only. The original hero, game scene, pricing and app routes keep their own styles. */
:root{--nw-ink:#0A2847;--nw-blue:#1B6CA8;--nw-green:#2EAF73;--nw-muted:#486981;--nw-line:#CDDEE9;--nw-shadow:0 7px 0 #D3E3ED,0 18px 32px -18px #18496745}
html{scroll-behavior:smooth;scroll-padding-top:94px}
.nw-section{position:relative;padding:88px 24px 98px!important;isolation:isolate;border:0!important}
.nw-shell{width:100%;max-width:1140px!important;position:relative;z-index:1;min-width:0}
.nw-section *, .nw-nav *{box-sizing:border-box}
.nw-section h2{font-size:clamp(30px,3.6vw,44px)!important;letter-spacing:-1px!important;line-height:1.15!important;text-wrap:balance}
.nw-section h3,.nw-section h4{line-height:1.3!important;text-wrap:balance}
.nw-title{max-width:770px;margin-left:auto;margin-right:auto}
.nw-heading{max-width:770px!important;margin-bottom:48px!important}
.nw-section .nw-copy{font-size:16px!important;line-height:1.7!important;color:var(--nw-muted)!important}
.nw-heading>.nw-copy{font-size:17px!important;max-width:660px!important}
.nw-kicker{font-size:12px!important;letter-spacing:.11em!important;border:1px solid #D2E6F2;box-shadow:0 3px 0 #DFEAF0;padding:6px 15px!important;background:#EDF7FF!important;color:#195D8F!important}
.nw-raised{position:relative;border:1.5px solid var(--nw-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--nw-shadow)!important;transition:transform .25s ease,box-shadow .25s ease!important;min-width:0}
.nw-raised h3,.nw-raised h4{color:var(--nw-ink)!important}
.nw-popular{z-index:3;font-size:12px!important;box-shadow:0 3px 0 #188B60,0 7px 16px #12684920;border:1px solid #ffffff55}
.nw-note{border:1.5px solid #B8DFD0;border-radius:18px!important;background:#E7F7EF!important;color:#175F49!important;padding:18px 22px!important;font-size:14px!important;box-shadow:0 4px 0 #D1EBDD;line-height:1.65}
.nw-section::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(#789DB626 .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
#bahasa{background:linear-gradient(180deg,#F2F8FB,#E7F3FB 48%,#F6FAFC)!important}
#mode{background:linear-gradient(180deg,#F6FAFC,#ECF7F2)!important}
#cara{background:#EAF4FC!important}
#koin{background:linear-gradient(135deg,#FFFBEB,#FFF7DC 48%,#FDFBF3)!important}
#soal{background:linear-gradient(145deg,#E6F3FF,#F3F9FE 58%,#EDF8F3)!important}
#kelompok{background:linear-gradient(180deg,#F8FCFA,#EBF7F1)!important}
#aman{background:linear-gradient(145deg,#E7F5EF,#F3FAF7)!important}
#sekolah{padding-top:18px!important;background:#F3FAF7!important}
#faq{background:#F2F7FB!important}
#mulai{background:linear-gradient(180deg,#F2F7FB,#E5F1FA)!important}
.nw-language-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}
.nw-language{padding:0 24px 24px!important;display:flex;flex-direction:column;min-height:330px}
.nw-language-stage{margin:0 -24px 25px;padding:25px 24px 20px;border-radius:23px 23px 0 0;background:linear-gradient(150deg,var(--tint),#FFFFFF);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--tint);min-height:134px}
.nw-language-glyph{width:76px!important;height:76px!important;flex-shrink:0;border-radius:21px!important;font-size:42px!important;line-height:1;margin:0!important;background:var(--accent)!important;border:2px solid #ffffff5c;box-shadow:0 6px 0 var(--edge),0 14px 20px -9px var(--accent),inset 0 3px 0 #FFFFFF4D;transform:rotate(-6deg);transition:transform .25s ease}
.nw-language-name{font-size:13px;font-weight:900;letter-spacing:.1em;color:var(--accent)}
.nw-language h3{font-size:23px!important;margin-bottom:9px!important}
.nw-language .nw-copy{margin-bottom:20px!important}
.nw-standard{font-size:13px!important;font-weight:800;color:var(--accent)!important;background:var(--tint);padding:7px 12px;border-radius:10px;align-self:flex-start;margin-top:auto;border:1px solid #0A28470A}
.nw-mode-grid{gap:28px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.nw-mode-card{padding:28px!important;display:flex;flex-direction:column}
.nw-mode-card .nw-mode-stage{position:relative;margin:-28px -28px 25px;border-radius:23px 23px 0 0;padding:30px 28px 24px;background:linear-gradient(140deg,var(--tint),#fff);border-bottom:1px solid #CDE4EC;display:grid;grid-template-columns:74px 1fr;gap:12px 20px;align-items:center}
.nw-mode-icon{width:70px!important;height:70px!important;margin:0!important;border-radius:20px!important;background:var(--accent)!important;color:white!important;box-shadow:0 6px 0 var(--edge),inset 0 2px 0 #FFFFFF60;grid-row:span 2;transform:rotate(-5deg)}
.nw-mode-icon svg{width:32px;height:32px}
.nw-mode-path{font-size:18px;font-weight:900;color:var(--nw-ink);line-height:1.3;align-self:end}
.nw-mode-pills{display:flex;flex-wrap:wrap;gap:7px;align-self:start}
.nw-mode-pills span{background:#fff;color:var(--accent);font-size:12px;font-weight:800;border:1px solid #C7DFE9;border-radius:8px;padding:3px 9px;box-shadow:0 3px 0 #DAE8ED}
.nw-mode-card h3{font-size:25px!important}
.nw-mode-card>p{color:var(--nw-muted)!important}
.nw-mode-card>.nw-note{margin-top:auto!important;padding-top:16px!important;transform:translateY(10px);background:var(--tint)!important;border-color:#C7DFDE;box-shadow:none}
.nw-mode-card>div[style*="display:grid"]{margin-bottom:26px}
.nw-mode-card>div[style*="display:grid"] span{font-size:16px!important}
.nw-day{background:linear-gradient(130deg,#0C365F,#165581);padding:26px 28px 30px;border-radius:26px;color:#fff;text-align:left;margin-top:38px;box-shadow:0 7px 0 #092B4A,0 22px 28px -20px #042C5370;border:1px solid #547A99}
.nw-day-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.nw-day-heading strong{font-size:20px;font-weight:900;letter-spacing:-.3px}
.nw-day-heading>span{font-size:13px;color:#D0E5F4}
.nw-day ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.nw-day li{position:relative;display:flex;align-items:center;gap:10px;padding:14px 11px;border-radius:13px;background:#FFFFFF12;border:1px solid #FFFFFF26;font-size:14px;font-weight:800;line-height:1.35}
.nw-day li b{display:grid;place-items:center;background:#FBD974;color:#634C0F;min-width:31px;height:34px;border-radius:9px;box-shadow:0 3px 0 #C59B38;font-size:13px}
.nw-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin-top:38px!important;align-items:start}
.nw-step{padding:30px 25px!important;border-top:5px solid var(--accent)!important;background:linear-gradient(180deg,var(--tint),#fff 160px)!important}
.nw-step-number{width:54px!important;height:54px!important;border-radius:17px!important;font-size:24px!important;background:var(--accent)!important;box-shadow:0 5px 0 var(--edge),inset 0 2px 0 #ffffff60!important;transform:rotate(-6deg);margin-bottom:24px!important}
.nw-step h3{font-size:22px!important}
.nw-coins-grid{gap:24px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.nw-coin-card{padding:26px!important;background:linear-gradient(175deg,var(--tint),#fff 52%)!important}
.nw-coin-head{min-height:76px;border-bottom:1px solid #0A284712;padding-bottom:22px;margin-bottom:22px!important;gap:16px!important}
.nw-coin-head>div{width:58px!important;height:58px!important;border-radius:17px!important;background:var(--accent)!important;color:white!important;border:1px solid #ffffff66;box-shadow:0 5px 0 var(--edge),inset 0 2px 0 #ffffff44;transform:rotate(-5deg)}
.nw-coin-head>span{font-size:12px!important;line-height:1.7;color:var(--accent)!important}
.nw-coin-head>span span{font-size:12px!important}
.nw-coin-card h3{font-size:22px!important;min-height:58px}
.nw-reward{display:flex;align-items:center;gap:8px;font-size:14px!important;line-height:1.5;border:1px solid #0A284710;background:var(--tint);color:var(--accent)!important;padding:8px 11px;border-radius:10px;margin:14px 0!important}
.nw-currency-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.nw-reward>span{min-width:0}
.nw-duel-reward{display:flex;align-items:center;justify-content:center;gap:5px}
.nw-duel-reward .nw-currency-icon{width:20px;height:20px;flex-basis:20px}
.nw-coin-note{margin-top:30px!important;background:#FFFCF0!important;border-color:#E6D8AA;box-shadow:0 4px 0 #EBDFB7}
.nw-practice-grid{gap:25px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.nw-practice-card{display:block!important;padding:0!important;overflow:hidden}
.nw-practice-preview{min-height:204px;padding:20px;background:linear-gradient(150deg,var(--tint),#FFFFFF);border-bottom:1px solid #0A284712;display:flex;flex-direction:column;justify-content:center;gap:14px;color:var(--nw-ink)}
.nw-preview-label{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-align:center}
.nw-question{text-align:center;font-size:17px;font-weight:800}
.nw-question b{font-size:25px;padding:0 4px;font-weight:700}
.nw-options,.nw-word-bank{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.nw-options span,.nw-word-bank span{border:1.5px solid #CADCE8;background:#fff;border-radius:10px;padding:8px 15px;box-shadow:0 4px 0 #D8E5ED;font-size:14px;font-weight:800}
.nw-options .nw-correct{border-color:#4BAE7D;color:#16633F;background:#E6F7EC;box-shadow:0 4px 0 #BADCCB}
.nw-sentence{font-size:19px;font-weight:800;text-align:center;line-height:2.1}
.nw-slot{padding:3px 9px;background:#D4EEDF;border-radius:7px;border-bottom:3px solid #268664;color:#186442}
.nw-match{display:grid;grid-template-columns:1fr 28px 1fr;gap:10px;align-items:center;text-align:center;margin:0 4px}
.nw-match span{background:#fff;border:1px solid #E2D0A0;border-radius:10px;padding:8px 6px;font-size:16px;font-weight:800;box-shadow:0 3px 0 #E9DFBE}
.nw-match span[lang]{font-size:24px;padding:2px 6px}
.nw-match i{font-style:normal;color:#967522;font-size:20px}
.nw-order{gap:8px;max-width:255px;margin:8px auto 0}
.nw-order span{transform:rotate(-3deg)}
.nw-order span:nth-child(even){transform:rotate(3deg)}
.nw-answer-line{font-size:13px;font-weight:700;text-align:center;color:var(--nw-muted);padding-top:8px;border-top:2px dashed #C3D9E8}
.nw-flashcard{align-self:center;background:#fff;border:1.5px solid #BADFCC;border-radius:16px;min-width:155px;display:grid;gap:7px;text-align:center;padding:12px 25px;box-shadow:5px 6px 0 #CAE6D6,10px 11px 0 #E0F0E6;transform:rotate(-5deg)}
.nw-flashcard span{font-size:30px;line-height:1.5;color:#196F4E}
.nw-flashcard b{font-size:16px}
.nw-wave{display:flex;gap:6px;align-items:center;justify-content:center;min-height:68px}
.nw-wave i{display:block;height:var(--bar);width:7px;border-radius:9px;background:linear-gradient(#D7A849,#A2791A);box-shadow:0 3px 0 #E1C47B}
.nw-audio-labels{display:flex;justify-content:center;gap:15px;color:#846419;font-size:13px;font-weight:800}
.nw-audio-labels span{border:1px solid #E7D69D;padding:4px 10px;border-radius:9px;background:#FFFDF5}
.nw-practice-body{display:flex;align-items:flex-start;gap:13px;padding:22px}
.nw-practice-icon{margin:0!important;border:1px solid #0A28470A;border-bottom-width:3px}
.nw-practice-copy h4{font-size:19px!important;margin-bottom:7px!important}
.nw-practice-copy .nw-copy{font-size:15px!important}
.nw-skills{padding:24px;background:#ffffff8c;border:1px solid #CBDDE9;border-radius:20px;margin-top:35px!important}
.nw-skills>div:first-child{font-size:12px!important;color:#496982!important}
.nw-skills span{box-shadow:0 3px 0 #DCE7EF;font-size:14px!important}
.nw-group-layout{gap:44px!important;grid-template-columns:1.05fr 1fr!important}
.nw-group-layout h2{margin-left:0!important}
.nw-group-point{padding:17px;background:#ffffffb0;border:1px solid #CFDFDC;border-radius:17px;box-shadow:0 3px 0 #DDECE6}
.nw-group-point .nw-copy{font-size:15px!important}
.nw-group-point h4{font-size:17px!important;margin-bottom:6px!important}
.nw-group-boards{display:grid!important;gap:26px!important;background:linear-gradient(140deg,#D9EBF9,#D7F0E5);padding:28px!important;border-radius:32px;border:1px solid #C0D9DF;box-shadow:inset 0 2px 0 #fff}
.nw-group-board{box-shadow:0 6px 0 #BBD4D9,0 18px 28px -15px #143D5D30!important}
.nw-group-board:first-child{border-top:5px solid #1B6CA8!important}
.nw-group-board:last-child{border-top:5px solid #2EAF73!important}
.nw-city-grid{gap:24px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:28px!important}
.nw-city-card{padding:26px!important;background:linear-gradient(160deg,#fff,#F7FBFE)!important}
.nw-city-card>div:first-child{box-shadow:0 4px 0 #CDDEE8,inset 0 2px 0 #fff;transform:rotate(-4deg)}
.nw-city-card h4{font-size:20px!important;margin-bottom:10px!important}
.nw-city-card span{font-size:12px!important}
.nw-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.nw-safe-card{padding:28px!important;background:linear-gradient(150deg,#fff,#F5FBF8)!important}
.nw-safe-icon{width:62px!important;height:62px!important;border-radius:18px!important;background:#DFF3E8!important;color:#1B7755!important;box-shadow:0 5px 0 #B9DCCB,inset 0 2px 0 #ffffff;transform:rotate(-5deg);margin-bottom:24px!important}
.nw-safe-number{position:absolute;right:27px;top:25px;color:#DDEDE5;font-size:46px;font-weight:900;line-height:1}
.nw-safe-card h3{font-size:22px!important}
.nw-school-panel{border:1px solid #418975;box-shadow:0 8px 0 #064335,0 24px 38px -22px #073D37A0;border-radius:30px!important;grid-template-columns:1.05fr 1fr!important;padding:42px!important;gap:36px!important}
.nw-school-panel .nw-copy{color:#D9EEE5!important}
.nw-school-panel .nw-kicker{border-color:#ffffff30;background:#ffffff12!important;color:#D4F2E2!important;box-shadow:0 3px 0 #063F32}
.nw-school-panel h2{font-size:clamp(28px,3vw,36px)!important}
.nw-school-tools{background:#F4FBF7;border:2px solid #FFFFFF60;border-radius:20px;padding:23px;box-shadow:0 7px 0 #063F32;transform:rotate(2deg)}
.nw-school-tools>div{color:#224D40!important;font-size:14px!important;align-items:flex-start!important;padding:10px 0;border-bottom:1px solid #DDEAE2}
.nw-school-tools>div:last-child{border:0;padding-bottom:0}
.nw-school-tools>div span{background:#DCEFE2!important;color:#20764F!important;box-shadow:0 3px 0 #C0DBC9}
.nw-school-tools .nw-tool-title{font-size:18px!important;font-weight:900;padding:0 0 14px;color:#174F3A!important}
.nw-faq-layout{display:grid;grid-template-columns:.85fr 1.3fr;align-items:start;gap:48px!important;text-align:left!important}
.nw-faq-intro{position:sticky;top:108px;padding:32px;border:1px solid #396384;background:linear-gradient(140deg,#103C62,#092D4D);box-shadow:0 7px 0 #07243C;border-radius:27px;color:#fff}
.nw-faq-intro .nw-title{color:#fff!important;font-size:35px!important;margin-bottom:7px!important;letter-spacing:-.6px!important}
.nw-faq-symbol{display:grid;place-items:center;width:72px;height:72px;font-size:48px;font-weight:900;border-radius:22px;background:#F8D779;color:#755613;box-shadow:0 5px 0 #C59D43;transform:rotate(-7deg);margin-bottom:30px}
.nw-faq-intro .nw-kicker{background:#FFFFFF12!important;color:#CCE5F8!important;border-color:#FFFFFF22;box-shadow:none}
.nw-faq-list{display:grid;gap:13px;margin:0;min-width:0}
.nw-faq-item{border:1.5px solid #CDDDE9;border-radius:18px;background:#fff;box-shadow:0 4px 0 #DDE8EF;overflow:hidden}
.nw-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;line-height:1.5;font-weight:800;padding:20px 22px;cursor:pointer;list-style:none;color:#103B5D}
.nw-faq-item summary::-webkit-details-marker{display:none}
.nw-faq-item summary::after{content:"+";display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:10px;background:#E9F3FC;color:#1B6CA8;box-shadow:0 3px 0 #D2E2EC;font-size:20px;line-height:1}
.nw-faq-item[open]{border-color:#8CC8AD;background:#F7FCF9;box-shadow:0 4px 0 #C9E2D5}
.nw-faq-item[open] summary::after{content:"−";background:#277D59;color:#fff;box-shadow:0 3px 0 #18613F}
.nw-faq-item .nw-copy{padding:0 22px 22px;margin:0;font-size:15px!important}
.nw-final-panel{padding:64px 34px!important;border:1px solid #497EA7;border-radius:30px!important;box-shadow:0 9px 0 #0B3B60,0 25px 40px -25px #133F69A6;background:radial-gradient(ellipse at top right,#2D87BA 0,transparent 60%),linear-gradient(135deg,#164D79,#0C3155)!important}
.nw-final-panel .nw-title{max-width:730px}
.nw-final-panel .nw-copy{color:#D5E6F4!important}
.nw-final-panel>a{border:1px solid #ffffff44;box-shadow:0 6px 0 #13734F,0 12px 22px #051F3930!important;transition:transform .2s ease}
.nw-nav{background:#F6FAFCEB!important;backdrop-filter:blur(18px)!important}
.nw-nav-shell{gap:22px!important;max-width:1240px!important;min-height:70px;flex-wrap:nowrap!important}
.nw-nav-links{gap:20px!important}
.nw-nav-links a{white-space:nowrap}
.nw-nav-login a{display:block;padding:7px 19px;border:1.5px solid #BED6E8;border-radius:12px;background:#fff;box-shadow:0 3px 0 #C9DCE9;white-space:nowrap}
.nw-mobile-menu{display:none}
.nw-section a:focus-visible,.nw-section summary:focus-visible,.nw-nav a:focus-visible,.nw-nav summary:focus-visible{outline:3px solid #D69C18;outline-offset:5px}
footer[data-screen-label="Footer"]{background:linear-gradient(#E5F1FA,#F2F8FB);border-top:1px solid #CDDFEC}
footer[data-screen-label="Footer"] span[style*="width:34px"]{box-shadow:0 4px 0 #C1D7E4,0 8px 13px -6px #234E7355;border:1px solid #FFFFFF60}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.nw-raised:hover{transform:translateY(-5px)!important;box-shadow:0 10px 0 #D3E3ED,0 23px 38px -18px #18496755!important}.nw-language:hover .nw-language-glyph{transform:rotate(3deg) translateY(-3px)}.nw-final-panel>a:hover{transform:translateY(-3px)}.nw-nav a:hover{color:#218255!important}.nw-arrived{animation:nw-arrive .6s ease both}}
@keyframes nw-arrive{from{opacity:.5;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1250px){.nw-language-grid{gap:28px!important}}
@media(max-width:1100px){.nw-nav-links{gap:12px!important;font-size:12px!important}.nw-nav-shell{gap:15px!important}.nw-day ol{gap:8px}.nw-day li{display:grid;text-align:center;justify-items:center}.nw-school-panel{padding:32px!important}}
@media(max-width:920px){.nw-nav-links{display:none!important}.nw-nav-login{margin-left:auto}.nw-mobile-menu{display:block;position:relative}.nw-mobile-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:8px 12px;border:1px solid #BFD5E6;border-radius:11px;background:#fff;box-shadow:0 3px 0 #CCDEEB;font-size:14px;font-weight:800}.nw-mobile-menu summary::-webkit-details-marker{display:none}.nw-mobile-menu>div{position:absolute;right:0;top:52px;width:245px;padding:12px;background:#fff;border:1px solid #C7DBE8;border-radius:18px;box-shadow:0 9px 0 #D4E3ED,0 24px 40px #0A284724}.nw-mobile-menu a{display:block;padding:11px 12px!important;min-height:44px;font-size:14px;font-weight:800;border-radius:10px}.nw-mobile-menu a:hover{background:#EAF5FD}.nw-language-grid,.nw-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nw-group-layout{grid-template-columns:1fr!important}.nw-group-boards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.nw-group-board{padding:22px!important}.nw-steps-grid,.nw-coins-grid{grid-template-columns:1fr!important}.nw-step{padding-left:105px!important;min-height:185px}.nw-step-number{position:absolute;left:27px;top:30px}.nw-coin-card{display:grid;grid-template-columns:1fr 1.6fr;column-gap:26px}.nw-coin-head{grid-column:1;grid-row:1;min-height:70px}.nw-coin-card h3{grid-column:1;grid-row:2;min-height:0}.nw-coin-card .nw-reward{grid-column:2;grid-row:1;align-self:center}.nw-coin-card .nw-copy{grid-column:2;grid-row:2}.nw-faq-layout{gap:30px!important;grid-template-columns:.8fr 1.3fr}.nw-faq-intro{padding:26px}.nw-faq-intro .nw-title{font-size:30px!important}.nw-city-grid{gap:16px!important}.nw-city-card{padding:20px!important}.nw-school-tools{transform:none}}
@media(max-width:700px){.nw-section{padding:65px 20px 73px!important}.nw-heading{margin-bottom:34px!important}.nw-section h2{font-size:32px!important}.nw-title{letter-spacing:-.7px!important}.nw-mode-grid,.nw-safe-grid,.nw-city-grid,.nw-group-boards,.nw-school-panel,.nw-faq-layout{grid-template-columns:1fr!important}.nw-mode-grid{gap:30px!important}.nw-faq-intro{position:static;display:grid;grid-template-columns:63px 1fr;align-items:center;gap:12px 22px}.nw-faq-symbol{width:59px;height:62px;font-size:41px;grid-row:span 2;margin:0}.nw-faq-intro .nw-kicker{justify-self:start;align-self:end;margin:0!important}.nw-faq-intro .nw-title{font-size:28px!important;grid-column:2;align-self:start;margin:0!important}.nw-group-boards{padding:20px!important}.nw-school-panel{padding:30px 24px!important}.nw-day{padding:23px 20px}.nw-day ol{grid-template-columns:1fr}.nw-day li{display:flex;justify-items:start;text-align:left;padding:10px 12px;gap:13px}.nw-day li b{height:29px;min-width:30px}.nw-day-heading strong{font-size:19px}.nw-day-heading>span{font-size:13px}.nw-mode-card{padding:24px!important}.nw-mode-card .nw-mode-stage{margin:-24px -24px 22px;padding:26px 24px;grid-template-columns:65px 1fr}.nw-mode-icon{width:60px!important;height:60px!important}.nw-mode-path{font-size:17px}.nw-mode-pills{gap:5px}.nw-mode-pills span{padding:3px 7px}.nw-coin-card{display:block}.nw-coin-card h3{min-height:0}.nw-language-grid,.nw-practice-grid{gap:18px!important}.nw-language{padding:0 18px 21px!important;min-height:0}.nw-language-stage{margin:0 -18px 21px;padding:24px 18px 20px;display:block;min-height:153px}.nw-language-glyph{width:63px!important;height:63px!important;font-size:36px!important;border-radius:18px!important;margin-bottom:16px!important}.nw-language-name{font-size:12px}.nw-language h3{font-size:22px!important}.nw-language .nw-copy{font-size:15px!important}.nw-language .nw-standard{font-size:12px!important}.nw-practice-body{padding:20px 16px;display:block}.nw-practice-icon{margin-bottom:15px!important}.nw-practice-preview{padding:17px 12px;min-height:210px}.nw-options span,.nw-word-bank span{padding:6px 10px;font-size:13px}.nw-question{font-size:15px}.nw-wave{gap:4px}.nw-wave i{width:6px}.nw-audio-labels{gap:5px;font-size:12px}.nw-audio-labels span{padding:3px 5px}.nw-final-panel{padding:47px 24px!important}.nw-final-panel>a{font-size:16px!important;padding:14px 25px!important}#hero>div[style*="pointer-events:none"]{padding:95px 20px 94px!important}#hero>div>div[style*="max-width:560px"]{padding:28px 25px!important;max-width:480px!important}#hero h1{font-size:clamp(35px,8vw,51px)!important;letter-spacing:-1.1px!important}#hero p{font-size:16px!important}#hero>div[style*="bottom:24px"]{max-width:calc(100% - 36px);width:max-content;font-size:12px!important;text-align:center}#game{padding:68px 20px!important}#game>div{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}#game>div>*{min-width:0}#game svg[aria-label]{max-width:100%}#game h2{font-size:32px!important}}
@media(max-width:440px){.nw-section{padding-left:17px!important;padding-right:17px!important}.nw-nav-shell{padding:12px 17px!important;gap:12px!important}.nw-nav-shell>a{font-size:20px!important;gap:4px!important}.nw-nav-login a{padding:6px 11px;font-size:13px!important}.nw-mobile-menu summary{padding:7px 10px}.nw-mobile-menu summary>span:first-child{display:none}.nw-language-grid,.nw-practice-grid{grid-template-columns:1fr!important;gap:24px!important}.nw-language-stage{display:flex;min-height:115px;padding:22px 24px}.nw-language-glyph{margin:0!important}.nw-language-name{font-size:13px}.nw-language{min-height:0}.nw-language .nw-copy{font-size:16px!important}.nw-language .nw-standard{font-size:13px!important}.nw-practice-body{display:flex;padding:22px}.nw-practice-icon{margin:0!important}.nw-practice-preview{min-height:190px;padding:20px}.nw-options span,.nw-word-bank span{font-size:14px;padding:8px 15px}.nw-question{font-size:17px}.nw-audio-labels{font-size:13px;gap:12px}.nw-wave{gap:6px}.nw-step{padding:26px!important;padding-top:100px!important}.nw-step-number{top:25px;left:25px}.nw-group-board{padding:22px 19px!important}.nw-group-boards{padding:15px!important}.nw-school-panel{padding:26px 19px!important}.nw-faq-item summary{padding:18px;font-size:15px;gap:12px}.nw-faq-item .nw-copy{padding:0 18px 18px}.nw-safe-card{padding:26px!important}.nw-mode-card .nw-mode-stage{gap:10px 15px}.nw-mode-path{font-size:16px}.nw-faq-intro{gap:12px 16px;padding:24px}.nw-faq-intro .nw-title{font-size:26px!important}#hero>div>div[style*="max-width:560px"]{padding:26px 22px!important}#hero h1{font-size:37px!important}a[data-screen-label="Tombol WhatsApp"]{font-size:12px!important;padding:10px 13px!important;right:12px!important;bottom:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nw-section *{animation:none!important;transition:none!important}.nw-raised:hover{transform:none!important}}



/* Second refinement: grounded pricing, guided conversation, a calmer composition. */
.nw-section::before{opacity:.42}
.nw-heading{text-align:center}
.nw-raised{box-shadow:0 5px 0 #CFDFE9,0 20px 32px -24px #194C70!important}
.nw-title{text-wrap:balance}
.nw-day li:last-child{min-width:0}
.nw-day li:last-child span{line-height:1.35}
.nw-practice-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.nw-practice-card{grid-column:span 2}
.nw-practice-card:nth-child(4),.nw-practice-card:nth-child(5){grid-column:span 3}
.nw-conversation-card{grid-column:1/-1;display:grid!important;grid-template-columns:1.08fr 1fr;border-color:#A3CCBA!important;border-width:2px!important;min-height:300px}
.nw-conversation-card .nw-practice-body{align-self:center;padding:32px 36px;align-items:flex-start}
.nw-conversation-card .nw-practice-icon{width:51px!important;height:51px!important;flex-shrink:0;background:#E2F4E9!important;color:#217652!important}
.nw-conversation-card .nw-practice-icon svg{width:25px;height:25px}
.nw-conversation-card .nw-practice-copy h4{font-size:26px!important;line-height:1.22!important;max-width:330px}
.nw-conversation-card .nw-practice-copy p{font-size:16px!important;max-width:350px}
.nw-salim-preview{background:linear-gradient(135deg,#E6F5ED,#D9EDF7)!important;border:0;border-right:1px solid #C0DDD1;padding:26px 30px!important;gap:13px!important;min-height:300px}
.nw-dialog-head{display:flex;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #ADCFC256}
.nw-salim-monogram{display:grid;place-items:center;width:41px;height:43px;flex-shrink:0;border-radius:14px;background:#24734F;color:#fff;box-shadow:0 4px 0 #174F35,inset 0 2px 0 #ffffff44;font-size:24px;font-weight:900}
.nw-dialog-head>div{display:grid;gap:1px;line-height:1.4}
.nw-dialog-head b{font-size:16px;font-weight:900;color:#154832}
.nw-dialog-head>div>span{font-size:12px;color:#416955;font-weight:700}
.nw-dialog-head>small{margin-left:auto;font-size:12px;letter-spacing:.1em;font-weight:900;color:#416955;background:#FFFFFFB3;border-radius:6px;padding:4px 7px}
.nw-dialog-turn{display:flex;align-items:center;gap:20px;padding:11px 17px;border:1px solid #C2DDCE;border-radius:14px;background:#fff;box-shadow:0 3px 0 #C9DDD4;align-self:flex-start;min-width:66%;justify-content:space-between}
.nw-dialog-turn small{font-size:12px;font-weight:800;color:#516D60}
.nw-dialog-turn span{font-size:23px;line-height:1.6;font-family:Arial,sans-serif;color:#143C2B}
.nw-dialog-turn--student{align-self:flex-end;background:#23724F;border-color:#1B5F40;box-shadow:0 3px 0 #164C35}
.nw-dialog-turn--student small{color:#DAEEE2}
.nw-dialog-turn--student span{color:white}
.nw-dialog-hint{font-size:12px;line-height:1.5;color:#44695B;text-align:center;margin-top:1px}
.nw-pricing-section{background:linear-gradient(180deg,#ECF7F2,#F5FAFC 60%,#EAF4FC)!important;padding-bottom:100px!important}
.nw-pricing-section[hidden]{display:none!important}
.nw-pricing-heading{margin-left:auto;margin-right:auto;margin-bottom:50px!important}
.nw-pricing-heading h2{font-weight:900;margin-top:18px!important;margin-bottom:13px!important}
.nw-starting-price{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;width:fit-content;margin:26px auto 0;padding:12px 27px 15px;border-radius:20px;background:#fff;border:1.5px solid #C4DED0;box-shadow:0 5px 0 #D4E8DC}
.nw-starting-price>span{font-size:14px;font-weight:800;color:#456959}
.nw-starting-price strong{font-size:40px;line-height:1.3;letter-spacing:-1.6px;font-weight:900;color:#13593E}
.nw-starting-price strong small{font-size:19px;letter-spacing:0;margin-right:5px}
.nw-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:25px;padding-top:13px}
.nw-price-card{--plan:#1B6CA8;--plan-edge:#174D77;--plan-tint:#EAF4FE;position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(160deg,var(--plan-tint),#fff 190px);border:1.5px solid #C5DCEB;border-radius:26px;padding:28px;box-shadow:0 7px 0 #CCDFEA,0 23px 35px -25px #183F7066;transition:transform .22s ease,box-shadow .22s ease}
.nw-price-card--teacher{--plan:#247C58;--plan-edge:#155539;--plan-tint:#E2F4E9;border:2px solid #29835A;box-shadow:0 8px 0 #176044,0 24px 38px -22px #175F496B;transform:translateY(-13px)}
.nw-price-card--group{--plan:#866214;--plan-edge:#66480A;--plan-tint:#FFF3D4}
.nw-plan-symbol{display:grid;place-items:center;align-self:flex-start;width:60px;height:62px;font-size:24px;font-weight:900;line-height:1;color:#fff;background:var(--plan);border-radius:18px;border:1px solid #FFFFFF60;box-shadow:0 5px 0 var(--plan-edge),inset 0 2px 0 #FFFFFF44;transform:rotate(-5deg);margin-bottom:26px}
.nw-plan-eyebrow{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--plan);margin-bottom:7px}
.nw-price-card h3{font-size:28px!important;line-height:1.2!important;font-weight:900;letter-spacing:-.5px;margin:0 0 12px}
.nw-plan-lead{font-size:16px;color:#496B81;line-height:1.6;min-height:54px;margin:0}
.nw-price-card ul{list-style:none;padding:23px 0 24px;margin:21px 0 0;border-top:1px solid #C6DCE58C;display:grid;gap:14px;flex:1;align-content:start}
.nw-price-card li{display:flex;gap:10px;font-size:15px;font-weight:700;line-height:1.6;color:#284D67}
.nw-price-card li::before{content:'✓';color:var(--plan);font-weight:900;flex-shrink:0}
.nw-plan-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:900;color:white!important;background:var(--plan);padding:13px 16px;border-radius:13px;border:1px solid #FFFFFF35;box-shadow:0 5px 0 var(--plan-edge);line-height:1.5;min-height:49px}
.nw-plan-cta span{font-size:20px;line-height:1}
.nw-plan-badge{position:absolute;top:-15px;left:25px;right:25px;text-align:center;background:#247C58;color:#fff;border-radius:10px;font-size:12px;font-weight:900;letter-spacing:.02em;padding:5px 10px;box-shadow:0 3px 0 #155539}
.nw-pricing-footnote{text-align:center;font-size:13px;color:#4D6C7C;line-height:1.6;max-width:720px;margin:36px auto 0}
.nw-group-boards{background:linear-gradient(155deg,#DDEDF7,#DAF0E5);box-shadow:inset 0 2px 0 #fff,0 7px 0 #C3DCD4}
.nw-mode-card{box-shadow:0 7px 0 #C8DDE3,0 22px 34px -23px #1D506847!important}
.nw-language-stage{background:radial-gradient(ellipse at top right,#FFFFFFD9 0,transparent 65%),linear-gradient(135deg,var(--tint),#fff)!important}
.nw-nav-links{gap:17px!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.nw-price-card:hover{transform:translateY(-5px);box-shadow:0 10px 0 #CCDFEA,0 28px 39px -21px #183F7055}.nw-price-card--teacher:hover{transform:translateY(-18px);box-shadow:0 11px 0 #176044,0 30px 40px -23px #175F4977}}
@media(max-width:1140px){.nw-nav-links{gap:12px!important;font-size:12px!important}.nw-price-card{padding:24px}.nw-plan-lead{min-height:78px}.nw-plan-cta{font-size:13px;padding:13px 12px}}
@media(max-width:920px){.nw-price-grid{gap:19px}.nw-price-card{padding:22px}.nw-price-card h3{font-size:24px!important}.nw-plan-cta{font-size:13px}.nw-conversation-card .nw-practice-body{padding:28px 24px;display:block}.nw-conversation-card .nw-practice-icon{margin-bottom:18px!important}.nw-salim-preview{padding:24px!important}.nw-conversation-card .nw-practice-copy h4{font-size:24px!important}.nw-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nw-practice-card,.nw-practice-card:nth-child(4),.nw-practice-card:nth-child(5){grid-column:auto}.nw-practice-card:nth-child(5),.nw-conversation-card{grid-column:1/-1}.nw-practice-card:nth-child(5){display:grid!important;grid-template-columns:1fr 1fr;align-items:center}.nw-practice-card:nth-child(5) .nw-practice-preview{border-bottom:0;border-right:1px solid #CBDDD4}.nw-price-card li{font-size:14px}.nw-plan-eyebrow{font-size:12px;letter-spacing:.08em}}
@media(max-width:760px){.nw-price-grid{grid-template-columns:1fr;gap:28px;max-width:540px;margin:auto}.nw-price-card{padding:29px}.nw-price-card--teacher{transform:none;margin-top:8px}.nw-plan-lead{min-height:0}.nw-plan-symbol{margin-bottom:23px}.nw-price-card h3{font-size:29px!important}.nw-plan-cta{font-size:15px;padding:14px 17px}.nw-plan-eyebrow{font-size:12px}.nw-price-card li{font-size:15px}.nw-pricing-heading{margin-bottom:34px!important}.nw-starting-price{padding:12px 20px}.nw-starting-price strong{font-size:37px}.nw-pricing-footnote{margin-top:29px}.nw-conversation-card{grid-template-columns:1fr}.nw-salim-preview{border-right:0;border-bottom:1px solid #C0DDD1}.nw-conversation-card .nw-practice-body{padding:27px;display:flex}.nw-conversation-card .nw-practice-icon{margin-bottom:0!important}.nw-conversation-card .nw-practice-copy h4{font-size:25px!important;max-width:none}.nw-dialog-turn{min-width:70%}.nw-pricing-section{padding-bottom:75px!important}}
@media(max-width:540px){.nw-practice-grid{grid-template-columns:1fr!important}.nw-practice-card,.nw-practice-card:nth-child(4),.nw-practice-card:nth-child(5){grid-column:auto;display:block!important}.nw-practice-card:nth-child(5) .nw-practice-preview{border-right:0;border-bottom:1px solid #CBDDD4}.nw-conversation-card{grid-column:auto}.nw-conversation-card .nw-practice-body{display:block}.nw-conversation-card .nw-practice-icon{margin-bottom:18px!important}.nw-practice-preview{min-height:195px}.nw-salim-preview{min-height:310px}.nw-starting-price{gap:5px 10px;padding:11px 17px;border-radius:17px}.nw-starting-price strong{font-size:34px}.nw-starting-price>span{font-size:13px}.nw-price-card{padding:27px}.nw-dialog-turn span{font-size:25px}.nw-practice-card .nw-practice-body{padding:23px}.nw-dialog-turn{min-width:78%}}
@media(prefers-reduced-motion:reduce){.nw-price-card,.nw-price-card--teacher{transform:none!important;transition:none!important}}

/* Badge mode unggulan tetap konsisten dengan aksen hijau. */
.nw-mode-card--featured{border-color:#78BF9E!important;box-shadow:0 5px 0 #CFE7DB,0 20px 32px -24px #194C7060!important}
.nw-mode-card--featured>.nw-popular{background:#1F8D63!important;color:#fff!important;border-color:#1F8D63!important;box-shadow:0 9px 18px -15px #0B5A3D!important}

/* Offset jangkar cukup diatur oleh html; jangan menumpuk jarak kedua kali. */
.nw-section{scroll-margin-top:0!important}
.nwh{scroll-margin-top:0}

/* Pada layar sangat sempit, roster turun satu baris agar tidak mendorong halaman. */
@media(max-width:360px){
  .nw-group-roster{flex-wrap:wrap;gap:10px!important}
  .nw-group-avatars{flex:1 1 100%;min-width:0}
  .nw-group-avatars>div{width:36px!important;height:36px!important;font-size:12px!important}
  .nw-group-avatars>div:not(:first-child){margin-left:-13px!important}
  .nw-group-count{width:100%;margin-left:0!important}
}

/* Tombol bantuan berupa ikon di layar lebar dan menjadi CTA inline saat ruang menyempit. */
a[data-screen-label="Tombol WhatsApp"]{
  right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:48px;height:48px;justify-content:center;gap:0!important;padding:0!important;border:2px solid #fff;
  box-shadow:0 8px 22px rgba(22,135,67,.32)!important;
}
a[data-screen-label="Tombol WhatsApp"] span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a[data-screen-label="Tombol WhatsApp"] svg{width:23px;height:23px}
@media(max-width:1280px){
  a[data-screen-label="Tombol WhatsApp"]{
    display:flex!important;position:relative!important;right:auto!important;bottom:auto!important;width:max-content;max-width:calc(100% - 32px);height:auto;min-height:48px;
    gap:9px!important;margin:26px auto 30px;padding:12px 18px 12px 14px!important;border:0;
  }
  a[data-screen-label="Tombol WhatsApp"] span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  a[data-screen-label="Tombol WhatsApp"] svg{width:24px;height:24px}
}

/* Area sentuh dan safe-area perangkat tetap nyaman. */
html{scroll-padding-top:calc(94px + env(safe-area-inset-top))}
.nw-nav{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.nw-nav-login a{display:flex;align-items:center;min-height:44px}
@media(max-width:920px){
  .nw-mobile-menu summary{justify-content:center;min-width:44px;min-height:44px}
}

/* The static pricing section is part of the initial document, visible without JS. */
#paket{display:block!important;visibility:visible!important;opacity:1!important;content-visibility:visible!important}

/* Uploaded 3D scene with a quieter, editorial introduction. */
#hero.nw-hero{
  position:relative;isolation:isolate;min-height:100vh;
  display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(180deg,#BBDFF5 0%,#DDF0FB 55%,#F2F8FB 100%);
}
#nw-hero-scene{position:absolute;inset:0;cursor:grab}
#nw-hero-scene:active{cursor:grabbing}
.nw-hero-shell{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:120px 24px 90px;pointer-events:none}
.nw-hero-copy{
  position:relative;width:510px;max-width:46%;padding:34px 36px;pointer-events:auto;
  background:linear-gradient(145deg,#f4f9fcf7,#f4f9fce8);border:1px solid #ffffffd9;
  border-radius:28px;backdrop-filter:blur(12px);box-shadow:0 18px 50px -28px #254e6852;
}
.nw-hero-eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:24px}
.nw-hero-glyphs{display:flex;align-items:center;gap:9px;line-height:1}
.nw-hero-glyphs>span{
  display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffb3;
  border-radius:10px;background:#ffffff70;color:#426781;font-size:19px;font-weight:800;
}
.nw-hero-glyphs>span:nth-child(1){color:#AE426F}.nw-hero-glyphs>span:nth-child(2){color:#246E9E}
.nw-hero-glyphs>span:nth-child(3){color:#8157A3}.nw-hero-glyphs>span:nth-child(4){color:#2F7A55}
.nw-hero-glyphs>span:nth-child(5){color:#A96031}.nw-hero-glyphs>span:nth-child(6){color:#B75147}
.nw-hero-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#45677A}
#hero #nw-hero-title{font-size:clamp(52px,4.6vw,64px)!important;line-height:1.035;font-weight:900;letter-spacing:-2.4px!important;margin:0 0 25px}
#nw-hero-title>span{display:block}
.nw-hero-punctuation{color:#23896F}
.nw-hero-world{color:#147B68}
#hero .nw-hero-description{max-width:425px;font-size:17px!important;line-height:1.8;color:#48677C;margin:0;text-wrap:pretty}
.nw-hero-benefits{display:flex;flex-wrap:wrap;gap:10px 19px;list-style:none;padding:22px 0 0;margin:24px 0 0;border-top:1px solid #567b8d29;color:#496C7D;font-size:12px;font-weight:700}
.nw-hero-benefits li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.nw-hero-benefits li>span{color:#187F64;font-size:13px}
#nw-hero-hint{
  position:absolute;z-index:3;bottom:28px;left:66%;transform:translateX(-50%);
  display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 40px);
  padding:9px 16px;border:1px solid #ffffffb3;border-radius:99px;background:#ffffff80;
  color:#486C84;font-size:12px;font-weight:700;backdrop-filter:blur(8px);transition:opacity .6s;
}
#nw-hero-hint>span{font-size:20px;line-height:1}
#nw-hero-hint[hidden]{display:none}
@media(min-width:1600px){.nw-hero-shell{max-width:1400px}.nw-hero-copy{width:540px}#hero #nw-hero-title{font-size:70px!important}}
@media(min-width:761px) and (max-width:1050px){
  .nw-hero-shell{padding-left:28px;padding-right:28px}.nw-hero-copy{max-width:49%;padding:28px}
  #hero #nw-hero-title{font-size:48px!important}#hero .nw-hero-description{font-size:16px!important}
  #nw-hero-hint{left:66%;max-width:43%;text-align:center;line-height:1.5}
}
@media(max-width:760px){
  #hero.nw-hero{min-height:0;display:flex;flex-direction:column;padding-top:96px}
  .nw-hero-shell{order:0;padding:22px 26px 0;max-width:560px}
  .nw-hero-copy{max-width:none;width:100%;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
  .nw-hero-eyebrow{gap:12px;margin-bottom:22px}
  .nw-hero-glyphs{gap:8px}.nw-hero-glyphs>span{width:31px;height:31px;border-radius:9px;font-size:17px}
  .nw-hero-kicker{font-size:12px}
  #hero #nw-hero-title{font-size:clamp(48px,9.5vw,64px)!important;letter-spacing:-1.9px!important;line-height:1.04;margin-bottom:22px}
  #hero .nw-hero-description{font-size:16px!important;line-height:1.75;max-width:470px}
  .nw-hero-benefits{padding-top:18px;margin-top:21px;gap:9px 16px;font-size:12px}
  #nw-hero-scene{position:relative;inset:auto;order:1;width:100%;height:420px;margin-top:-15px;flex-shrink:0}
  #nw-hero-hint{position:relative;order:2;bottom:auto;left:auto;transform:none;margin:-30px 20px 24px;max-width:calc(100% - 40px);font-size:12px;gap:6px;text-align:center;line-height:1.5}
}
@media(max-width:360px){.nw-hero-shell{padding-left:21px;padding-right:21px}#nw-hero-scene{height:370px}.nw-hero-benefits{gap:8px 12px;font-size:12px}}
/* Layar komputer pendek (mis. 1280x720): rapatkan kartu hero agar baris keuntungan dan tepi bawah kartu muat di layar pertama. */
@media(min-width:1024px) and (max-height:760px){
  .nw-hero-shell{padding-top:96px;padding-bottom:40px}
  .nw-hero-copy{padding-top:26px;padding-bottom:26px}
  .nw-hero-eyebrow{margin-bottom:16px}
  #hero #nw-hero-title{margin-bottom:18px}
  #hero .nw-hero-cta{margin-top:20px}
  .nw-hero-benefits{margin-top:18px;padding-top:16px}
}

/* ---- Perbaikan audit UI 23 September 2026 (landing) ---- */
/* CTA utama di hero: gaya tombol "Mulai Belajar" yang sudah ada di bagian penutup. */
.nw-hero-cta{margin-top:26px;min-height:48px;justify-content:center;text-decoration:none;transition:transform .2s ease}
.nw-hero-cta:hover{transform:translateY(-2px)}
.nw-hero-cta:focus-visible{outline:3px solid #1D9E75;outline-offset:3px}
@media(max-width:760px){.nw-hero-cta{margin-top:22px}}
@media(max-width:440px){.nw-hero-cta{display:flex!important;width:100%}}
/* Tautan nav desktop: area klik setinggi tombol Masuk. */
.nw-nav-links a,.nw-nav-shell>a[href="#hero"]{display:inline-flex;align-items:center;min-height:44px}
/* Tautan pendek (mis. "Harga"): lebarkan area sentuh ke 44px tanpa mengubah rupa. */
.nw-nav-links a{position:relative}.nw-nav-links a::after{content:"";position:absolute;top:0;bottom:0;left:50%;min-width:100%;width:44px;transform:translateX(-50%)}
/* Tombol "Tanya kami": ikon WhatsApp hanya bila kontak WhatsApp resmi diatur (skrip.js);
   selain itu tombol membuka Pertanyaan umum (#faq) dengan tanda tanya. */
a[data-nw-contact] .nw-contact-tanya{position:static;width:24px;height:24px;margin:0;overflow:visible;clip:auto;white-space:nowrap;display:grid;place-items:center;flex-shrink:0;border:2px solid #fff;border-radius:50%;font:900 14px/1 'Nunito',sans-serif}
a[data-nw-contact] .nw-contact-wa{display:none}
a[data-nw-contact].is-wa .nw-contact-wa{display:block}
a[data-nw-contact].is-wa .nw-contact-tanya{display:none}
/* Ikon (i) yang membuka dialog/bottom sheet penjelasan. */
.nw-info-btn{display:inline-grid;place-items:center;width:44px;height:44px;margin:-12px -10px -12px -4px;padding:0;border:0;background:none;color:#1B6CA8;vertical-align:middle;cursor:pointer}
.nw-info-btn>span{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;background:#fff;font:900 13px/1 'Nunito',sans-serif}
.nw-info-btn:hover>span{background:#E3F0F9}
.nw-info-btn:focus-visible{outline:0}.nw-info-btn:focus-visible>span{outline:3px solid #1D9E75;outline-offset:2px}
.nw-info-sheet{width:min(460px,calc(100vw - 32px));max-width:none;margin:auto;max-height:calc(100dvh - 48px);box-sizing:border-box;padding:26px;border:1px solid rgba(10,40,71,.1);border-radius:22px;background:#fff;color:#0A2847;font-family:'Nunito',sans-serif;text-align:left;box-shadow:0 24px 60px -20px rgba(10,40,71,.45)}
.nw-info-sheet::backdrop{background:rgba(10,40,71,.45)}
.nw-info-sheet h3{margin:0 0 10px;font-size:20px;font-weight:900;line-height:1.3}
.nw-info-sheet p{margin:0 0 10px;color:#51718B;font-size:15px;line-height:1.7}
.nw-info-sheet form{margin-top:18px}
.nw-info-sheet button{min-height:44px;padding:11px 26px;border:0;border-radius:99px;background:#2EAF73;box-shadow:0 4px 0 #1D9E75;color:#fff;font:800 15px 'Nunito',sans-serif;cursor:pointer}
.nw-info-sheet button:focus-visible{outline:3px solid #1D9E75;outline-offset:3px}
@media(max-width:640px){.nw-info-sheet{width:100%;max-width:100%;margin:auto 0 0;border-radius:22px 22px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.nw-info-sheet button{width:100%}}
/* Kartu panjang: satu kalimat + "Selengkapnya". */
.nw-more{margin-top:6px}
.nw-more>summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;color:#1B6CA8;font-size:14px;font-weight:800}
.nw-more>summary::-webkit-details-marker{display:none}
.nw-more>summary::after{content:"▾";font-size:12px;transition:transform .2s}
.nw-more[open]>summary::after{transform:rotate(180deg)}
.nw-more>summary:focus-visible{outline:3px solid #1D9E75;outline-offset:2px;border-radius:6px}
/* Perbaikan UI 24 Sep 2026 · butir 8 · huruf Arab landing (chip ب, glyph bahasa, «العربية», contoh kata) memakai Amiri dari folder ini,
   seperti «Amiri Nusa» di kelas.css dan Amiri di styles.css, bukan fon sistem. index.html menandai elemennya dengan lang="ar". */
@font-face{font-family:"Amiri Nusa";src:url("assets/fonts/amiri/amiri-arabic.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Amiri Nusa";src:url("assets/fonts/amiri/amiri-bold-arabic.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
#nw-root [lang="ar"]{font-family:"Amiri Nusa","Noto Naskh Arabic",serif;letter-spacing:0}
/* Amiri tampak lebih kecil daripada huruf lain pada ukuran yang sama: ب di chip ±1,2× (titiknya tetap di dalam chip) dan «العربية» ±1,3×. */
#nw-root .nw-hero-glyphs>span[lang="ar"]{font-size:23px}
#nw-root .nw-language-name[lang="ar"]{font-size:17px}
#nw-root footer span[lang="ar"]{font-size:21px!important}
@media(max-width:760px){#nw-root .nw-hero-glyphs>span[lang="ar"]{font-size:21px}}

/* ============ Ragam Latihan · 27 September 2026 ============
   #soal ditulis ulang: bentuk latihan dengan contoh dari enam bahasa, latihan menulis/berbicara
   dengan umpan balik AI (C), dan prinsip yang dijaga (blok «Pola umum satu pelajaran» dihapus
   atas arahan pemilik pada hari yang sama). Kelas baru
   berawalan nwr- dan hanya dipakai di #soal; kartu bentuk tetap memakai nw-practice-* lama
   (termasuk tata letak 3+2, versi tablet, dan lipatan «Lihat n contoh lain» di HP). */
#soal [lang="ja"]{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP","Noto Sans CJK JP",sans-serif}
#soal [lang="ko"]{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",sans-serif}
#soal [lang="zh-Hans"]{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif}
#soal [lang="hi"]{font-family:"Kohinoor Devanagari","Nirmala UI","Mangal","Noto Sans Devanagari",sans-serif}

.nwr-langs{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin:20px auto 0;padding:8px 18px 8px 10px;background:#fff;border:1px solid #D3E3EE;border-radius:99px;box-shadow:0 3px 0 #E0EBF2;font-size:13.5px;font-weight:700;line-height:1.45;color:var(--nw-muted);text-align:left}
.nwr-langs-glyphs{display:flex;flex-shrink:0}
.nwr-langs-glyphs i{width:27px;height:27px;margin-left:-5px;border:2px solid #fff;border-radius:9px;display:grid;place-items:center;background:var(--c);color:#fff;font-style:normal;font-size:13px;font-weight:800;line-height:1}
.nwr-langs-glyphs i:first-child{margin-left:0}
#nw-root .nwr-langs-glyphs i[lang="ar"]{padding-bottom:6px;font-size:16px}

.nwr-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#1B6CA8}
.nwr-subtitle{margin:0 0 22px;text-align:center;font-size:24px!important;font-weight:900;letter-spacing:-.4px;color:var(--nw-ink)}
.nwr-nowrap{white-space:nowrap}
/* Lipatan HP (skrip RINGKAS DI HP): li memakai display:flex, jadi atribut hidden perlu !important. */
.nwr-principles ul>[hidden]{display:none!important}

/* Kartu bentuk latihan: pratinjau dan badan kartu sebaris lewat subgrid, jadi judul kartu sejajar
   walau tinggi contoh berbeda (fon sistem CJK/Devanagari tiap perangkat tidak sama). :not([hidden])
   menjaga lipatan «Lihat n contoh lain» (display:none pada kartu [hidden]) tetap menang di 541–640px. */
.nwr-forms{display:grid}
.nwr-forms .nw-practice-preview{min-height:0}
@media(min-width:541px){.nwr-forms .nw-practice-card:not(:nth-child(5)):not([hidden]){display:grid!important;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}}
@media(min-width:921px){.nwr-forms .nw-practice-card:nth-child(5):not([hidden]){display:grid!important;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}}
.nwr-forms .nw-practice-copy h4{font-weight:900}
.nwr-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--tint);color:var(--accent)}
.nwr-options span{min-width:96px;text-align:center}
.nw-options .nwr-wrong{border-color:#E7A7A7;background:#FDEFEF;color:#9D2F2F;box-shadow:0 4px 0 #F1D2D2}
.nwr-reason{padding:9px 12px;border:1px solid #F0D5CC;border-radius:12px;background:#FFF7F4;font-size:13px;font-weight:700;line-height:1.5;color:#6D3A2E;text-align:center}
.nwr-reason b{color:#9D2F2F}
.nwr-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 10px;border:1.5px solid #C4DDD0;border-radius:14px;background:#fff}
.nwr-slots span{min-width:54px;height:38px;padding:0 12px;display:grid;place-items:center;border:1.5px solid #9FD0B6;border-radius:10px;background:#E3F6EC;font-size:15px;font-weight:800;color:#126B4E}
.nwr-slots .nwr-slot-empty{border-style:dashed;border-color:#B6CFC2;background:transparent}
.nwr-toggle{align-self:center;display:flex;gap:4px;padding:4px;border:1px solid #EFD6C4;border-radius:12px;background:#fff}
.nwr-toggle span{padding:5px 11px;border-radius:9px;font-size:12px;font-weight:800;color:#7E6552}
.nwr-toggle .is-on{background:#FDEFE4;color:#874314}
.nwr-trace{width:116px;height:116px;margin:0 auto;display:grid;place-items:center;border:2px dashed #E6C8B2;border-radius:20px;background:#fff;overflow:hidden}
.nwr-trace span{grid-area:1/1;font-size:72px;line-height:1}
.nwr-trace-ghost{color:#EEE3DA}
.nwr-trace-ink{color:#C0622A;-webkit-text-stroke:3px #C0622A;clip-path:inset(0 46% 0 0)}
.nwr-player{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid #D2E3EF;border-radius:14px;background:#fff}
.nwr-play{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#1B6CA8;color:#fff;box-shadow:0 3px 0 #15598C}
.nwr-play svg{margin-left:2px}
.nwr-wave{flex:1;min-width:0;height:26px;display:flex;align-items:center;gap:3px;overflow:hidden}
.nwr-wave i{flex:0 0 3px;height:40%;border-radius:2px;background:#B7D3E7}
.nwr-wave i:nth-child(3n+1){height:70%}
.nwr-wave i:nth-child(4n+2){height:95%}
.nwr-wave i:nth-child(5n){height:55%}
.nwr-wave i:nth-child(-n+11){background:#1B6CA8}
.nwr-player small{font-size:12px;font-weight:800;white-space:nowrap;color:#51718B}
.nwr-read{margin:0;font-size:23px;line-height:1.6;text-align:center;color:var(--nw-ink)}
.nwr-read mark{padding:0 3px;border-radius:6px;background:#FFF0B3;color:inherit;box-shadow:inset 0 -2px 0 #EFC53F}
.nwr-read-sub{margin:0;font-size:13px;font-weight:700;line-height:1.55;text-align:center;color:var(--nw-muted)}
.nwr-read-sub b{color:var(--nw-ink)}
.nwr-g-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 30px}
.nwr-g-card{display:grid;justify-items:center;gap:14px}
.nwr-card-tabs{display:flex;gap:4px;padding:4px;border:1px solid #CFE3D8;border-radius:12px;background:#fff}
.nwr-card-tabs span{padding:5px 11px;border-radius:9px;font-size:12px;font-weight:800;color:#51718B}
.nwr-card-tabs .is-on{background:#E1F5EE;color:#0F6E56}
.nwr-forms .nw-flashcard small{font-size:13px;font-weight:700;font-style:italic;color:#51718B}
.nwr-mini-table{border-collapse:separate;border-spacing:0;min-width:124px;overflow:hidden;border:1px solid #CFE3D8;border-radius:12px;background:#fff;font-size:13.5px}
.nwr-mini-table caption{padding-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#218C66}
.nwr-mini-table th,.nwr-mini-table td{padding:4px 12px;border-top:1px solid #E4F0E9;text-align:left}
.nwr-mini-table tr:first-child th,.nwr-mini-table tr:first-child td{border-top:0}
.nwr-mini-table th{width:34px;background:#F1FAF5;font-size:18px;font-weight:700;color:#196F4E}
.nwr-mini-table td{font-weight:800;color:#35536B}

/* Menulis & berbicara dengan umpan balik AI (C) */
.nwr-ai{margin-top:50px;padding:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:30px 42px;align-items:start;border:2px solid #A9D4C0;border-radius:28px;background:linear-gradient(150deg,#FFFFFF,#F1FAF5 55%,#EAF4FC);box-shadow:0 6px 0 #C7E3D5,0 26px 44px -28px #0F5A40}
.nwr-eyebrow--ai{padding:6px 12px;border:1px solid #BFE5D2;border-radius:99px;background:#E1F5EE;color:#0F6E56;letter-spacing:.07em}
.nwr-ai-copy h3{margin:14px 0 12px;font-size:clamp(24px,2.6vw,31px)!important;font-weight:900;letter-spacing:-.6px;color:var(--nw-ink)}
.nwr-ai-copy>p{margin:0 0 18px;font-size:16px;line-height:1.7;color:var(--nw-muted)}
.nwr-ai-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nwr-ai-points li{position:relative;padding-left:33px;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--nw-muted)}
.nwr-ai-points li::before{content:"";position:absolute;top:1px;left:0;width:23px;height:23px;border-radius:8px;background:#DDF3E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6E56' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.nwr-ai-points b{font-weight:800;color:var(--nw-ink)}
.nwr-chat{overflow:hidden;border:1px solid #C5E1D2;border-radius:22px;background:#EEF7F2;box-shadow:0 16px 32px -22px #0F5A40}
.nwr-chat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#1E9E6F;color:#fff;font-size:13.5px;font-weight:800}
.nwr-chat-top span:last-child{padding:3px 10px;border-radius:99px;background:#FFFFFF2B;font-size:12px}
.nwr-chat-body{display:grid;gap:12px;padding:16px;background-image:radial-gradient(#8DBFA629 1px,transparent 1px);background-size:16px 16px}
.nwr-chat-task{padding:10px 13px;border:1px solid #EFDCA6;border-radius:14px;background:#FFF8E3;font-size:13.5px;font-weight:700;line-height:1.5;color:#5A4509}
.nwr-chat-task small{display:block;margin-bottom:2px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9A6B0E}
.nwr-msg{display:flex;align-items:flex-end;gap:9px;max-width:92%}
.nwr-msg--me{margin-left:auto;flex-direction:row-reverse}
.nwr-avatar{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#4C9A86;color:#fff;font-size:13px;font-weight:900}
.nwr-bubble{min-width:0;padding:9px 13px 10px;border:1px solid #D4E6DC;border-radius:16px 16px 16px 5px;background:#fff}
.nwr-msg--me .nwr-bubble{border-color:#1B6CA8;border-radius:16px 16px 5px 16px;background:#1B6CA8}
.nwr-bubble small{display:flex;align-items:center;gap:5px;margin-bottom:1px;font-size:11.5px;font-weight:800;color:#51718B}
.nwr-msg--me .nwr-bubble small{color:#D4E8F7}
.nwr-bubble p{margin:0;font-size:21px;line-height:1.75;color:var(--nw-ink)}
.nwr-msg--me .nwr-bubble p{color:#fff}
.nwr-bubble em{display:block;font-size:12.5px;font-style:normal;font-weight:700;color:#51718B}
.nwr-feedback{padding:12px 14px;border:1.5px solid #9ED3B9;border-radius:16px;background:#fff;box-shadow:0 4px 0 #D3EBDF}
.nwr-feedback-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nwr-ai-badge{padding:2px 7px;border-radius:7px;background:#0F6E56;color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em}
.nwr-feedback-head b{font-size:13.5px;font-weight:900;color:var(--nw-ink)}
.nwr-verdict{margin-left:auto;padding:2px 10px;border:1px solid #BADCCB;border-radius:99px;background:#E6F7EC;color:#16633F;font-size:12px;font-weight:900}
.nwr-feedback p{margin:0;font-size:13.5px;font-weight:600;line-height:1.6;color:#35536B}
.nwr-feedback p span[lang="ar"]{font-size:18px;line-height:1}
.nwr-feedback .nwr-fix{margin-top:8px;padding:4px 12px;border-radius:10px;background:#F0F9F4;font-size:20px;line-height:1.75;color:#0F6E56}
.nwr-chat-input{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:1px solid #CFE0D7;border-radius:14px;background:#fff;font-size:13.5px;font-weight:700;color:#8AA2B4}
.nwr-chat-input>span:first-child{flex:1;min-width:0}
.nwr-mic-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:#1B6CA8;color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 0 #15598C}
.nwr-ladder{grid-column:1/-1;padding-top:26px;border-top:1.5px dashed #BFDCCD}
.nwr-ladder-title{margin:0 0 4px;font-size:18px!important;font-weight:900;color:var(--nw-ink)}
.nwr-ladder-lead{margin:0 0 16px;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--nw-muted)}
.nwr-ladder ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nwr-ladder li{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:8px;padding:16px 16px 14px;border:1.5px solid #D1E6DB;border-radius:18px;background:#fff}
.nwr-level{justify-self:start;padding:3px 10px;border-radius:99px;background:#E1F5EE;color:#0F6E56;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.nwr-ladder li>b{font-size:16px;font-weight:900;color:var(--nw-ink)}
.nwr-tasks{font-size:13.5px;font-weight:600;line-height:1.6;color:var(--nw-muted)}
.nwr-eg{display:grid;justify-items:start;gap:2px;padding:9px 11px;border:1px solid #DCE8F0;border-radius:12px;background:#F4F9FC;font-size:13.5px;font-weight:700;line-height:1.6;color:#35536B}
.nwr-eg-lang{display:inline-block;margin-bottom:3px;padding:1px 6px;border-radius:6px;background:#E3F0F9;color:#1B6CA8;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.nwr-eg s{color:#9D2F2F;text-decoration-thickness:2px}
.nwr-eg b{color:#0F6E56}
.nwr-eg small{font-size:12px;font-weight:700;color:#6A8497}

/* Prinsip */
.nwr-principles{margin-top:50px}
.nwr-principles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nwr-principles li{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #CFE0EB;border-radius:18px;background:#FFFFFFC7}
.nwr-p-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #0A28470F;border-bottom-width:3px;border-radius:12px;background:var(--t);color:var(--c)}
.nwr-principles h4{margin:0 0 4px;font-size:15.5px!important;font-weight:900;color:var(--nw-ink)}
.nwr-principles p{margin:0;font-size:13.5px;font-weight:600;line-height:1.6;color:var(--nw-muted)}

@media(max-width:1000px){
  .nwr-ai{grid-template-columns:minmax(0,1fr);padding:30px}
  .nwr-chat{max-width:560px}
  .nwr-principles ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .nwr-ladder ol{grid-template-columns:minmax(0,1fr)}
  .nwr-ladder li{grid-template-rows:none}
}
@media(max-width:560px){
  .nwr-langs{flex-direction:column;gap:8px;padding:12px 16px;border-radius:18px;text-align:center}
  .nwr-subtitle{font-size:21px!important}
  .nwr-ai{padding:22px 16px;gap:24px;border-radius:24px}
  .nwr-chat-body{padding:12px}
  .nwr-msg{max-width:100%}
  .nwr-principles ul{grid-template-columns:minmax(0,1fr)}
  .nwr-principles li{padding:16px}
  /* Huruf kecil pada contoh tampilan: minimal 12px di HP. */
  .nwr-level,.nwr-eg-lang,.nwr-chat-task small,.nwr-bubble small,.nwr-mini-table caption{font-size:12px}
}