.site-english { --en-red: #df151b; --en-ink: #0a0a0a; --en-u: min(1px, .0651041667vw); font-family:InterStandard,Inter,system-ui,sans-serif; color: var(--en-ink); background: #fcfcfc; }
.site-english h1, .site-english h2, .site-english p { margin: 0; }
.en-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:calc(66 * var(--en-u)); padding:0 calc(29 * var(--en-u)) 0 calc(41 * var(--en-u)); color:#fff; background:linear-gradient(100deg,#d8171a,#e21518); }
.en-brand { display:inline-flex; align-items:center; gap:calc(21 * var(--en-u)); font-size:calc(33 * var(--en-u)); font-weight:660; }
.en-brand svg { flex:none; width:calc(43 * var(--en-u)); height:calc(43 * var(--en-u)); }
.en-brand span { padding-left:calc(19 * var(--en-u)); border-left:1px solid #fff; line-height:1; }
.en-independent { border-radius:calc(12 * var(--en-u)); padding:calc(6 * var(--en-u)) calc(18 * var(--en-u)); background:#ffe8e8; color:#151515; font-size:calc(20 * var(--en-u)); font-weight:650; }
.en-nav { display:flex; align-items:center; gap:calc(78 * var(--en-u)); min-height:calc(63 * var(--en-u)); padding-inline:calc(61 * var(--en-u)); background:#fff; }
.en-nav a { display:inline-flex; min-height:44px; align-items:center; font-size:calc(25 * var(--en-u)); font-weight:720; }
.en-nav a:hover, .en-nav a:focus-visible { color:#b80f14; }
.en-hero { position:relative; isolation:isolate; display:grid; grid-template-columns: 590fr 836fr; gap:calc(23 * var(--en-u)); align-items:start; min-height:calc(478 * var(--en-u)); padding:calc(24 * var(--en-u)) calc(20 * var(--en-u)) calc(21 * var(--en-u)) calc(67 * var(--en-u)); background:#fbf0e2 url('/assets/english/hero.webp') left center / 100% 100% no-repeat; }



.en-hero-copy { align-self:start; min-width:0; padding-top:calc(52 * var(--en-u)); }
.en-hero-copy h1 { font-size:calc(62 * var(--en-u)); line-height:1.0645; letter-spacing:-.014em; font-weight:790; }
.en-hero-copy h1 em { color:var(--en-red); font-style:normal; }
.en-hero-copy p { max-width:calc(570 * var(--en-u)); margin-top:calc(17 * var(--en-u)); font-size:calc(26 * var(--en-u)); line-height:1.34; font-weight:510; }
.en-cta { display:inline-flex; align-items:center; justify-content:center; gap:calc(24 * var(--en-u)); min-height:calc(76 * var(--en-u)); margin-top:calc(46 * var(--en-u)); padding:calc(10 * var(--en-u)) calc(41 * var(--en-u)); border-radius:calc(17 * var(--en-u)); background:var(--en-red); color:#fff; font-size:calc(34 * var(--en-u)); font-weight:730; }
.en-cta svg { width:calc(35 * var(--en-u)); height:calc(35 * var(--en-u)); flex:none; }
.en-cta:hover, .en-product-copy a:hover { background:#b50d13; }
.en-demo { display:grid; grid-template-columns: 479fr 310fr; gap:calc(16 * var(--en-u)); min-width:0; min-height:calc(434 * var(--en-u)); padding:calc(15 * var(--en-u)); border:1px solid #efe2d5; border-radius:calc(17 * var(--en-u)); background:linear-gradient(130deg,#fffdfb,#f7f7f7); box-shadow:0 12px 30px #632d1711; }
.en-demo section { min-width:0; }
.en-demo h2 { padding:calc(6 * var(--en-u)) calc(12 * var(--en-u)); border-radius:calc(8 * var(--en-u)); background:#faf2f2; font-size:calc(23 * var(--en-u)); line-height:1.25; font-weight:760; }
.en-meanings h2 { background:#eee; margin-bottom:calc(12 * var(--en-u)); }
.en-mock { margin-top:calc(12 * var(--en-u)); border-radius:calc(9 * var(--en-u)); box-shadow:0 2px 6px #0003; overflow:hidden; background:#fff; }
.en-app-toolbar, .en-screen-bar { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(calc(50 * var(--en-u)),.32fr) minmax(calc(50 * var(--en-u)),.32fr); align-items:center; column-gap:calc(12 * var(--en-u)); min-height:calc(74 * var(--en-u)); padding:calc(6 * var(--en-u)) calc(13 * var(--en-u)); color:#fff; background:var(--en-red); }
.en-app-toolbar svg, .en-screen-bar svg { width:calc(26 * var(--en-u)); height:calc(26 * var(--en-u)); flex:none; }
.en-back { display:grid; place-items:center; }
.en-app-search, .en-screen-query { display:flex; align-items:center; gap:calc(9 * var(--en-u)); padding:0 calc(12 * var(--en-u)); min-height:calc(45 * var(--en-u)); border-radius:calc(9 * var(--en-u)); background:#fff6f6; color:#111; font-size:calc(20 * var(--en-u)); font-weight:750; }
.en-app-action, .en-screen-icon { display:grid; justify-items:center; min-width:0; color:#fff; font-size:calc(17 * var(--en-u)); font-weight:730; }
.en-app-action:hover { background:#b70e13; border-radius:5px; }
.en-app-product { display:grid; grid-template-columns: minmax(0,calc(307 * var(--en-u))) minmax(0,1fr); gap:calc(12 * var(--en-u)); align-items:center; padding:calc(4 * var(--en-u)) calc(9 * var(--en-u)) 0 0; }
.en-app-product img { display:block; width:100%; height:calc(261 * var(--en-u)); object-fit:cover; border-radius:calc(6 * var(--en-u)); }
.en-product-copy { display:grid; align-content:center; gap:calc(5 * var(--en-u)); font-size:calc(22 * var(--en-u)); font-weight:760; }
.en-product-copy small { font-size:calc(16 * var(--en-u)); font-weight:550; }
.en-product-copy b { color:#cc0e14; font-size:calc(30 * var(--en-u)); margin-top:calc(14 * var(--en-u)); }
.en-product-copy a { display:grid; place-items:center; padding:calc(8 * var(--en-u)) calc(4 * var(--en-u)); border-radius:calc(10 * var(--en-u)); color:#fff; background:var(--en-red); }
.en-match { display:flex; align-items:center; gap:calc(18 * var(--en-u)); min-height:calc(66 * var(--en-u)); margin-bottom:calc(6 * var(--en-u)); padding:calc(8 * var(--en-u)) calc(17 * var(--en-u)); border-radius:calc(9 * var(--en-u)); background:#f0f0f0; font-size:calc(24 * var(--en-u)); }
.en-match:hover { background:#ffe2e1; }
.en-match svg { color:#d80b13; flex:none; width:calc(36 * var(--en-u)); height:calc(36 * var(--en-u)); }
.en-match strong { font-weight:720; }
.en-match strong > span:nth-child(2) { margin-inline:calc(12 * var(--en-u)); }
.en-workbench { padding:calc(18 * var(--en-u)) calc(25 * var(--en-u)) 0; }
.en-tabs { display:flex; flex-wrap:wrap; gap:calc(17 * var(--en-u)); padding:0 calc(17 * var(--en-u)) calc(6 * var(--en-u)); border-bottom:3px solid var(--en-red); }
.en-tabs button { padding:0 calc(33 * var(--en-u)); min-width:calc(187 * var(--en-u)); min-height:calc(55 * var(--en-u)); color:inherit; border:0; border-radius:calc(17 * var(--en-u)); background:transparent; font-size:calc(28 * var(--en-u)); font-weight:730; }
.en-tabs button:hover { background:#fbe8e7; }
.en-tabs button[aria-selected="true"] { background:var(--en-red); color:#fff; }
.en-work-grid { display:grid; grid-template-columns: 842fr 628fr; gap:calc(17 * var(--en-u)); margin-top:calc(28 * var(--en-u)); }
.en-work-card { min-width:0; padding:calc(5 * var(--en-u)) calc(28 * var(--en-u)) calc(20 * var(--en-u)); border:1px solid #dadada; border-radius:calc(13 * var(--en-u)); background:#fcfcfc; }
.en-work-card h2 { font-size:calc(32 * var(--en-u)); font-weight:760; letter-spacing:-.015em; }
.en-work-card > p { font-size:calc(20 * var(--en-u)); font-weight:550; }
.en-annotation { margin-top:calc(20 * var(--en-u)); }
.en-screen-bar { min-height:calc(87 * var(--en-u)); padding:calc(7 * var(--en-u)) calc(17 * var(--en-u)); border-radius:calc(10 * var(--en-u)); gap:calc(24 * var(--en-u)); grid-template-columns:auto minmax(0,3.2fr) minmax(0,.9fr) minmax(0,.75fr); }
.en-screen-bar svg { width:calc(38 * var(--en-u)); height:calc(38 * var(--en-u)); }
.en-screen-query { min-height:calc(55 * var(--en-u)); font-size:calc(26 * var(--en-u)); color:#5a5a5a; }
.en-screen-icon { font-size:calc(22 * var(--en-u)); }
.en-callouts { display:grid; grid-template-columns: minmax(0,3.35fr) minmax(0,.95fr) minmax(0,.85fr); gap:calc(14 * var(--en-u)); justify-items:center; }
.en-callouts > span { position:relative; display:grid; justify-items:center; min-width:calc(121 * var(--en-u)); padding:calc(5 * var(--en-u)) calc(14 * var(--en-u)); margin-top:calc(27 * var(--en-u)); border-radius:calc(12 * var(--en-u)); background:#fbdcda; font-size:calc(20 * var(--en-u)); line-height:1.25; text-align:center; }
.en-callouts > span::before { position:absolute; content:""; left:50%; width:2px; bottom:100%; height:calc(38 * var(--en-u)); background:#dd242a; }
.en-callouts > span::after { position:absolute; content:""; left:50%; transform:translateX(-50%); bottom:calc(100% + 34 * var(--en-u)); width:calc(14 * var(--en-u)); aspect-ratio:1; border:1px solid #fff; border-radius:50%; background:#dd242a; }
.en-callouts strong { font-size:calc(23 * var(--en-u)); }
.en-glossary { padding-inline:calc(20 * var(--en-u)); }
.en-glossary h2, .en-glossary > p { margin-inline:calc(5 * var(--en-u)); }
.en-phrases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(16 * var(--en-u)) calc(20 * var(--en-u)); margin-top:calc(17 * var(--en-u)); }
.en-phrase { min-height:calc(80 * var(--en-u)); padding:calc(6 * var(--en-u)); display:grid; align-content:center; gap:calc(1 * var(--en-u)); color:inherit; border:1.5px solid #e91721; border-radius:calc(12 * var(--en-u)); background:#fdf7f6; font-size:calc(21 * var(--en-u)); line-height:1.25; }
.en-phrase strong { font-size:calc(26 * var(--en-u)); }
.en-phrase:hover, .en-phrase[aria-pressed="true"] { background:#ffe5e2; }
.en-glossary .en-glossary-result { margin-top:1rem; color:#7e1014; font-weight:700; }
.en-reading { width:min(100% - 2rem, 52rem); margin:4rem auto; font-size:1.15rem; }
.en-reading h2 { margin-bottom:1rem; font-size:clamp(1.6rem,4vw,2.5rem); line-height:1.15; }
.en-reading li + li { margin-top:.7rem; }
.en-reading a, .en-footer a { color:#a71116; font-weight:750; }
.en-reading a:hover, .en-footer a:hover { color:#730a0c; }
.en-footer { padding:2rem max(1.25rem,calc((100% - 52rem) / 2)); background:#fff1f0; }
.en-footer p { margin:.5rem 0; }
@media(max-width:1060px) {
  .en-top { min-height:64px; padding:.5rem 1rem; }
  .en-brand { gap:.55rem; font-size:clamp(1rem,3.7vw,1.85rem); min-width:0; }
  .en-brand svg { width:2rem; height:2rem; }
  .en-brand span { padding-left:.55rem; overflow-wrap:anywhere; }
  .en-independent { padding:.3rem .5rem; font-size:clamp(.72rem,2vw,.95rem); text-align:center; }
  .en-nav { gap:clamp(.65rem,5vw,2rem); flex-wrap:wrap; padding:.15rem 1rem; }
  .en-nav a { font-size:.98rem; }
  .en-hero { --en-u:min(1px,.119vw); grid-template-columns:1fr; gap:1.3rem; padding:1.5rem 1rem 1.15rem; }
  .en-hero-copy { padding-top:0; }
  .en-hero-copy h1 { font-size:clamp(2rem,6.8vw,4rem); }
  .en-hero-copy p { max-width:45ch; font-size:1.05rem; margin-top:.75rem; }
  .en-cta { min-height:48px; margin-top:1rem; gap:.65rem; padding:.65rem 1rem; border-radius:.65rem; font-size:1.05rem; }
  .en-cta svg { width:1.35rem; height:1.35rem; }

  .en-demo { width:min(100%, 52rem); }
  .en-workbench { padding:.7rem 1rem 0; }
  .en-tabs { gap:.3rem; padding:0 0 .35rem; }
  .en-tabs button { font-size:.98rem; min-width:0; min-height:44px; padding:.4rem .6rem; border-radius:.55rem; }
  .en-work-grid { grid-template-columns:1fr; gap:.8rem; margin-top:.85rem; }
  .en-work-card { --en-u:min(1px,.126vw); padding:.8rem; border-radius:.6rem; }
  .en-work-card h2 { font-size:clamp(1.25rem,4.8vw,1.7rem); line-height:1.15; }
  .en-work-card > p { font-size:.95rem; margin-top:.4rem; }
  .en-phrase { font-size:.88rem; min-height:52px; }
  .en-phrase strong { font-size:1rem; }
}
@media(max-width:600px) {
  .en-demo { grid-template-columns:1fr; gap:.6rem; padding:.65rem; border-radius:.65rem; }
  .en-demo h2 { font-size:.95rem; padding:.35rem .5rem; }
  .en-app-toolbar, .en-screen-bar { column-gap:.25rem; }
  .en-app-toolbar { padding:.3rem; }
  .en-app-search { min-height:32px; font-size:.85rem; }
  .en-app-action { min-height:34px; font-size:.72rem; }
  .en-app-product { grid-template-columns:minmax(0,307fr) minmax(0,170fr); }
  .en-app-product img { height:clamp(110px,35vw,200px); }
  .en-product-copy { font-size:.86rem; }
  .en-product-copy small { font-size:.67rem; }
  .en-product-copy b { font-size:.9rem; }
  .en-product-copy a { min-height:36px; }
  .en-match { font-size:.85rem; min-height:44px; margin:.3rem 0 0; gap:.5rem; }
  .en-meanings h2 { margin-bottom:.25rem; }
  .en-screen-bar { min-height:3.6rem; }
  .en-screen-query, .en-screen-icon { font-size:.8rem; }
  .en-callouts > span { min-width:0; padding:.25rem; font-size:.75rem; }
  .en-callouts strong { font-size:.9rem; }
  .en-phrases { gap:.35rem; margin-top:.65rem; }
}
@media (min-width:1061px) {
  .en-hero-copy h1 { white-space:nowrap; }
}
@media (max-width:600px) {
  .en-demo { border:0; box-shadow:none; background:transparent; padding-inline:0; }
  .en-hero-copy p, .en-reading p, .en-footer p { text-wrap:pretty; }
}
@media (min-width:1061px) {
  .en-product-copy { transform:translateY(calc(8 * var(--en-u))); }
  .en-work-card h2 { line-height:1.25; }
  .en-screen { padding-right:calc(24 * var(--en-u)); }
  .en-callouts > span:nth-child(1) { transform:translateX(calc(-32 * var(--en-u))); }
  .en-callouts > span:nth-child(2) { transform:translateX(calc(-12 * var(--en-u))); }
}