/* ProAI Expert — Two Worlds Golden Synthesis R1
   CONTROLLED BEST-OF-HISTORY CONSOLIDATION.
   GEOMETRY DONOR: R2.1 (bdbf7a3)
   MOTION / MATERIAL DONOR: R2.2 (411937c)
   CHROMA DONOR: restrained R2.3/R2.4 response only
   INSCRIPTION / PHYSICAL LAYER DONOR: R2.4 (c2bb3d2)
   REJECTED: R2.3 viewport-coordinate inscription overlay; all R2.5 product logic.
   Authority: this file is self-contained and does not require historical Two Worlds corrective CSS. */

:root {
  --tw-g-obsidian:#020304;
  --tw-g-graphite:#151b21;
  --tw-g-gunmetal:#252c33;
  --tw-g-pearl:#f2f0eb;
  --tw-g-silver:#c9cdd1;
  --tw-g-ease:cubic-bezier(.22,1,.36,1);
}

.tw-r2,.tw-r2 *, .tw-tech-r2,.tw-tech-r2 * { box-sizing:border-box; }

.tw-r2 {
  --tw-pointer-x:50%;
  --tw-pointer-y:44%;
  --tw-g-light-x:0%;
  --tw-g-light-y:0%;
  --tw-g-title-neutral:clamp(40px,3.2vw,56px);
  --tw-g-title-active:clamp(48px,3.75vw,64px);
  --tw-g-title-inactive:clamp(30px,2.45vw,40px);
  --tw-g-active-edge:clamp(96px,11vw,210px);
  --tw-g-neutral-edge:clamp(58px,6vw,104px);
  --tw-g-mobile-inset:clamp(48px,13vw,56px);
  --tw-g-landscape-inset:clamp(96px,11.5vw,116px);
  position:relative;
  z-index:4;
  width:100%;
  overflow-x:clip;
  isolation:isolate;
  color:var(--tw-g-pearl);
  background:linear-gradient(180deg,rgba(8,10,13,.18) 0%,rgba(4,5,7,.84) 13%,var(--tw-g-obsidian) 100%);
}

.tw-r2::before {
  position:absolute;
  inset:0;
  z-index:-2;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.010) 1px,transparent 1px);
  background-size:8.333vw 8.333vw;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 23%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 23%,#000 80%,transparent);
  opacity:.34;
}

.tw-r2__intro {
  position:relative;
  z-index:12;
  isolation:isolate;
  display:grid;
  width:min(calc(100% - 80px),1600px);
  margin-inline:auto;
  padding:clamp(42px,5.2svh,70px) 0 clamp(24px,3svh,38px);
  grid-template-columns:minmax(180px,.30fr) minmax(0,.70fr);
  align-items:end;
  gap:clamp(30px,5vw,84px);
}
.tw-r2__intro::before {
  position:absolute;
  inset:clamp(-22px,-2svh,-12px) clamp(-86px,-5vw,-42px) -30px;
  z-index:-1;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(104deg,rgba(33,39,45,.10),rgba(8,10,13,.035) 44%,rgba(18,21,25,.075)),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 72%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.32) 72%,transparent);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.32) 72%,transparent);
}

.tw-r2__eyebrow,.tw-r2__world-index,.tw-tech-r2__eyebrow {
  margin:0;
  color:rgba(201,205,209,.58);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:.19em;
  line-height:1.4;
  text-transform:uppercase;
}
.tw-r2__intro-title {
  width:min(100%,980px);
  margin:0;
  font-size:clamp(32px,3.15vw,54px);
  font-weight:650;
  letter-spacing:-.048em;
  line-height:.98;
}
.tw-r2__heading-line { display:block; white-space:nowrap; }
.tw-r2__heading-line--pearl { color:var(--tw-g-pearl); }
.tw-r2__heading-line--silver { margin-top:.12em; color:rgba(201,205,209,.56); font-weight:500; }

.tw-r2__experience {
  position:relative;
  height:clamp(650px,74svh,850px);
  min-height:650px;
  perspective:1500px;
}
.tw-r2__viewport { position:absolute; inset:0; overflow:hidden; perspective:1500px; }
.tw-r2__plate { position:absolute; inset:0; transform-style:preserve-3d; isolation:isolate; }

/* Physical hierarchy inside each face: surface response > engraving > base material. */
.tw-r2__face {
  position:absolute;
  top:-2%;
  bottom:-2%;
  left:-1.5%;
  right:-1.5%;
  z-index:2;
  overflow:hidden;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform,filter,clip-path;
  transition:
    clip-path 550ms var(--tw-g-ease),
    transform 550ms var(--tw-g-ease),
    filter 540ms var(--tw-g-ease),
    opacity 500ms var(--tw-g-ease);
}
.tw-r2__face--ai {
  transform-origin:52% 50%;
  transform:translate3d(0,0,0) rotateY(-3.2deg);
  clip-path:polygon(0 0,54.2% 0,51% 100%,0 100%);
}
.tw-r2__face--web {
  transform-origin:48% 50%;
  transform:translate3d(0,0,-2px) rotateY(3.2deg);
  clip-path:polygon(49% 0,100% 0,100% 100%,45.8% 100%);
}
.tw-r2__material { position:absolute; inset:-3%; z-index:0; pointer-events:none; }
.tw-r2__material::before,.tw-r2__material::after { position:absolute; inset:0; content:""; pointer-events:none; }
.tw-r2__material--ai {
  background:
    linear-gradient(118deg,rgba(255,255,255,.075),transparent 19%,rgba(255,255,255,.018) 43%,transparent 70%),
    repeating-linear-gradient(98deg,rgba(255,255,255,.016) 0 1px,transparent 1px 7px),
    linear-gradient(180deg,#252c33 0%,#171d23 36%,#0a0e12 76%,#050709 100%);
}
.tw-r2__material--web {
  background:
    radial-gradient(ellipse at 76% 26%,rgba(255,255,255,.11),transparent 29%),
    linear-gradient(113deg,transparent 14%,rgba(255,255,255,.016) 38%,rgba(255,255,255,.060) 62%,transparent 77%),
    linear-gradient(180deg,#11151a 0%,#080a0d 46%,#030405 82%,#020304 100%);
}
.tw-r2__material::after {
  inset:-8%;
  opacity:.14;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  background-size:190px 190px;
  mix-blend-mode:soft-light;
}

/* R2.2 broad specular field + restrained R2.3/R2.4 interference chroma. */
.tw-r2__face::before {
  position:absolute;
  inset:-10%;
  z-index:2;
  content:"";
  pointer-events:none;
  opacity:.055;
  transform:translate3d(0,0,0);
  transition:opacity 560ms var(--tw-g-ease),transform 780ms var(--tw-g-ease);
  will-change:transform;
}
.tw-r2__face--ai::before {
  background:linear-gradient(112deg,
    transparent 30%,rgba(38,28,111,.16) 39%,rgba(226,232,239,.12) 47%,rgba(164,141,104,.025) 52%,transparent 60%);
}
.tw-r2__face--web::before {
  background:linear-gradient(108deg,
    transparent 32%,rgba(43,35,101,.045) 40%,rgba(233,234,237,.13) 48%,rgba(176,148,101,.085) 54%,transparent 62%);
}

/* GEOMETRY DONOR R2.1: mirrored Bimetal Fold. */
.tw-r2__fold {
  position:absolute;
  top:-2%;
  bottom:-2%;
  left:50%;
  z-index:6;
  width:clamp(66px,5.8vw,100px);
  pointer-events:none;
  transform:translateX(-50%) perspective(980px) rotateY(-2.5deg);
  transform-origin:50% 50%;
  filter:drop-shadow(-11px 0 16px rgba(0,0,0,.34)) drop-shadow(10px 0 17px rgba(0,0,0,.20));
  transition:transform 520ms var(--tw-g-ease),left 520ms var(--tw-g-ease),filter 500ms var(--tw-g-ease);
}
.tw-r2__fold-plane {
  position:absolute;
  inset:0;
  clip-path:polygon(30% 0,72% 0,69% 100%,27% 100%);
  background:
    linear-gradient(100deg,
      rgba(31,36,42,.78),rgba(42,47,53,.66) 28%,rgba(153,158,165,.10) 38%,
      rgba(8,10,13,.95) 43%,rgba(7,9,12,.98) 57%,rgba(188,193,199,.13) 63%,
      rgba(31,35,41,.78) 74%,rgba(13,16,20,.91)),
    linear-gradient(180deg,#1a2027,#0b0e12 58%,#050607);
  box-shadow:inset 9px 0 18px rgba(0,0,0,.20),inset -8px 0 18px rgba(255,255,255,.016);
}
.tw-r2__fold-plane::before,.tw-r2__fold-plane::after { position:absolute; inset:0; content:""; }
.tw-r2__fold-plane::before {
  background:linear-gradient(101deg,transparent 29%,rgba(255,255,255,.014) 42%,rgba(238,239,240,.14) 50%,rgba(255,255,255,.010) 58%,transparent 70%);
  opacity:.76;
}
.tw-r2__fold-plane::after {
  background:linear-gradient(180deg,transparent 5%,rgba(43,35,109,.24) 28%,rgba(226,231,237,.18) 47%,rgba(174,145,95,.09) 60%,transparent 84%);
  opacity:.88;
  -webkit-mask-image:linear-gradient(90deg,transparent 13%,rgba(0,0,0,.88) 42%,rgba(0,0,0,.54) 62%,transparent 88%);
  mask-image:linear-gradient(90deg,transparent 13%,rgba(0,0,0,.88) 42%,rgba(0,0,0,.54) 62%,transparent 88%);
}

.tw-r2__content {
  position:absolute;
  top:50%;
  z-index:5;
  width:min(40.5vw,570px);
  transform:translateY(-50%) translateZ(18px);
  transition:
    opacity 500ms var(--tw-g-ease),transform 540ms var(--tw-g-ease),
    left 540ms var(--tw-g-ease),right 540ms var(--tw-g-ease),width 540ms var(--tw-g-ease);
}
.tw-r2__content--ai { left:var(--tw-g-neutral-edge); }
.tw-r2__content--web { right:var(--tw-g-neutral-edge); }
.tw-r2__title-line { display:block; white-space:nowrap; }
.tw-r2__world-index { margin-bottom:clamp(13px,1.7svh,21px); }
.tw-r2__world-title,.tw-r2__face--web .tw-r2__world-title,
body.lang-ru .tw-r2__world-title,body.lang-ru .tw-r2__face--web .tw-r2__world-title {
  max-width:none;
  margin:0;
  color:rgba(242,240,235,.97);
  font-size:var(--tw-g-title-neutral);
  font-weight:650;
  letter-spacing:-.058em;
  line-height:.92;
}
.tw-r2__thesis {
  max-width:31ch;
  margin:clamp(17px,2.1svh,26px) 0 0;
  color:rgba(201,205,209,.66);
  font-size:clamp(13.5px,1.02vw,16.5px);
  line-height:1.54;
  transition:opacity 650ms var(--tw-g-ease),transform 680ms var(--tw-g-ease),color 650ms var(--tw-g-ease);
}
.tw-r2__registers {
  display:grid;
  max-width:590px;
  margin:clamp(24px,2.8svh,34px) 0 0;
  padding:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.8vw,28px);
  transition:opacity 650ms var(--tw-g-ease),transform 680ms var(--tw-g-ease);
}
.tw-r2__register { position:relative; display:block; padding:13px 0 0; }
.tw-r2__register::before { position:absolute; top:0; left:0; width:22px; height:1px; content:""; background:rgba(201,205,209,.28); }
.tw-r2__register dt,.tw-r2__register dd { margin:0; }
.tw-r2__register dt { color:rgba(242,240,235,.78); font:720 9.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing:.115em; }
.tw-r2__register dd { margin-top:5px; color:rgba(201,205,209,.60); font-size:clamp(11.5px,.82vw,13px); line-height:1.42; }
.tw-r2__cta {
  display:inline-flex;
  width:fit-content;
  margin-top:clamp(23px,2.8svh,34px);
  align-items:center;
  gap:9px;
  padding:7px 0;
  border-bottom:1px solid rgba(201,205,209,.22);
  color:rgba(242,240,235,.90);
  font-size:11px;
  font-weight:720;
  letter-spacing:.085em;
  line-height:1.3;
  text-decoration:none;
  text-transform:uppercase;
  transition:opacity 650ms var(--tw-g-ease),color 210ms ease,border-color 210ms ease;
}
.tw-r2__cta span { display:inline-block; transition:transform 220ms var(--tw-g-ease); }
.tw-r2__cta:focus-visible { outline:2px solid var(--tw-g-pearl); outline-offset:6px; }

/* INSCRIPTION DONOR R2.4: always face-bound; no viewport overlay nodes. */
.tw-r2__inscription {
  position:absolute;
  top:13%;
  right:auto;
  left:var(--tw-g-inscription-center,50%);
  z-index:1;
  width:max-content;
  max-width:none;
  overflow:visible;
  color:rgba(236,236,232,.047);
  font-size:var(--tw-g-inscription-size,100px);
  font-weight:760;
  letter-spacing:-.068em;
  line-height:.78;
  white-space:nowrap;
  text-align:center;
  pointer-events:none;
  user-select:none;
  transform:translateX(-50%) translateZ(0);
  transform-origin:50% 50%;
  -webkit-text-stroke:.30px rgba(242,240,235,.016);
  text-shadow:0 -.48px 0 rgba(242,240,235,.040),0 .72px 0 rgba(0,0,0,.72);
  transition:color 800ms var(--tw-g-ease) 175ms,text-shadow 800ms var(--tw-g-ease) 175ms,opacity 700ms var(--tw-g-ease) 175ms;
}
body.lang-ru .tw-r2__inscription--web { letter-spacing:-.052em; }

/* Desktop state authority. Fold -> face -> content -> material/light. */
.tw-r2[data-focus="ai"] .tw-r2__fold,.tw-r2[data-focus="web"] .tw-r2__fold {
  transition-duration:620ms,620ms,600ms;
}
.tw-r2[data-focus="ai"] .tw-r2__fold { left:71.6%; transform:translateX(-50%) perspective(980px) rotateY(-8deg) scaleX(.95); }
.tw-r2[data-focus="web"] .tw-r2__fold { left:28.4%; transform:translateX(-50%) perspective(980px) rotateY(8deg) scaleX(.95); }
.tw-r2[data-focus="ai"] .tw-r2__fold-plane { clip-path:polygon(25% 0,67% 0,75% 100%,33% 100%); }
.tw-r2[data-focus="web"] .tw-r2__fold-plane { clip-path:polygon(33% 0,75% 0,67% 100%,25% 100%); }
.tw-r2[data-focus="ai"] .tw-r2__fold-plane::after,.tw-r2[data-focus="web"] .tw-r2__fold-plane::after { opacity:1; }

.tw-r2[data-focus="ai"] .tw-r2__face,.tw-r2[data-focus="web"] .tw-r2__face {
  transition-duration:680ms,680ms,660ms,620ms;
  transition-delay:50ms;
}
.tw-r2[data-focus="ai"] .tw-r2__face--ai {
  z-index:4;
  clip-path:polygon(0 0,75% 0,72% 100%,0 100%);
  transform:translate3d(-.3%,0,24px) rotateY(-.55deg);
}
.tw-r2[data-focus="ai"] .tw-r2__face--web {
  z-index:1;
  clip-path:polygon(69.2% 0,100% 0,100% 100%,66.5% 100%);
  transform:translate3d(4.5%,0,-86px) rotateY(10.5deg);
  filter:brightness(.57) saturate(.46) contrast(.92) blur(.55px);
}
.tw-r2[data-focus="web"] .tw-r2__face--web {
  z-index:4;
  clip-path:polygon(28% 0,100% 0,100% 100%,25% 100%);
  transform:translate3d(.3%,0,24px) rotateY(.55deg);
}
.tw-r2[data-focus="web"] .tw-r2__face--ai {
  z-index:1;
  clip-path:polygon(0 0,33.5% 0,30.8% 100%,0 100%);
  transform:translate3d(-4.5%,0,-86px) rotateY(-10.5deg);
  filter:brightness(.57) saturate(.46) contrast(.92) blur(.55px);
}
.tw-r2[data-focus="ai"] .tw-r2__content,.tw-r2[data-focus="web"] .tw-r2__content {
  transition-delay:120ms;
  transition-duration:640ms,680ms,680ms,680ms,680ms;
}
.tw-r2[data-focus="ai"] .tw-r2__content--ai { left:var(--tw-g-active-edge); width:min(43vw,680px); transform:translateY(-50%) translateZ(28px); }
.tw-r2[data-focus="web"] .tw-r2__content--web { right:var(--tw-g-active-edge); width:min(43vw,680px); transform:translateY(-50%) translateZ(28px); }
.tw-r2[data-focus="ai"] .tw-r2__content--web,.tw-r2[data-focus="web"] .tw-r2__content--ai { width:min(24vw,350px); }
.tw-r2[data-focus="ai"] .tw-r2__content--web { right:clamp(72px,5.6vw,96px); }
.tw-r2[data-focus="web"] .tw-r2__content--ai { left:clamp(72px,5.6vw,96px); }
.tw-r2[data-focus="ai"] .tw-r2__face--ai .tw-r2__world-title,.tw-r2[data-focus="web"] .tw-r2__face--web .tw-r2__world-title { font-size:var(--tw-g-title-active); font-weight:670; }
.tw-r2[data-focus="ai"] .tw-r2__face--web .tw-r2__world-title,.tw-r2[data-focus="web"] .tw-r2__face--ai .tw-r2__world-title { font-size:var(--tw-g-title-inactive); font-weight:590; line-height:.95; color:rgba(242,240,235,.79); }
.tw-r2[data-focus="ai"] .tw-r2__face--web .tw-r2__registers,.tw-r2[data-focus="web"] .tw-r2__face--ai .tw-r2__registers { opacity:0; pointer-events:none; }
.tw-r2[data-focus="ai"] .tw-r2__face--web .tw-r2__thesis,.tw-r2[data-focus="web"] .tw-r2__face--ai .tw-r2__thesis { color:rgba(201,205,209,.29); }
.tw-r2[data-focus="ai"] .tw-r2__face--web .tw-r2__cta,.tw-r2[data-focus="web"] .tw-r2__face--ai .tw-r2__cta { opacity:.25; }
.tw-r2[data-focus="ai"] .tw-r2__inscription--ai,.tw-r2[data-focus="web"] .tw-r2__inscription--web {
  color:rgba(238,238,234,.055);
  -webkit-text-stroke:.30px rgba(242,240,235,.020);
  text-shadow:0 -.58px 0 rgba(242,240,235,.056),0 .82px 0 rgba(0,0,0,.78);
}
.tw-r2[data-focus="ai"] .tw-r2__inscription--web,.tw-r2[data-focus="web"] .tw-r2__inscription--ai { opacity:.24; }
.tw-r2[data-focus="ai"] .tw-r2__face--ai::before,.tw-r2[data-focus="web"] .tw-r2__face--web::before {
  opacity:.48;
  transform:translate3d(var(--tw-g-light-x),var(--tw-g-light-y),0);
  transition-delay:175ms;
}
.tw-r2[data-focus="ai"] .tw-r2__face--web::before,.tw-r2[data-focus="web"] .tw-r2__face--ai::before { opacity:.045; }

/* Technology remains the stable compact 5+5 register; no mark enlargement. */
.tw-tech-r2 {
  position:relative;
  z-index:4;
  display:flex;
  width:100%;
  min-height:clamp(165px,20svh,220px);
  align-items:center;
  overflow:hidden;
  color:var(--tw-g-pearl);
  background:linear-gradient(180deg,#020304,#050607 72%,#06080a);
  border-top:1px solid rgba(242,240,235,.045);
  border-bottom:1px solid rgba(242,240,235,.065);
}
.tw-tech-r2__shell { display:grid; width:min(calc(100% - 80px),1600px); margin-inline:auto; grid-template-columns:minmax(220px,.28fr) minmax(0,.72fr); align-items:center; gap:clamp(40px,5vw,78px); }
.tw-tech-r2__heading h2 { max-width:18ch; margin:9px 0 0; color:rgba(242,240,235,.90); font-size:clamp(20px,1.8vw,29px); font-weight:560; letter-spacing:-.03em; line-height:1.03; }
.tw-tech-r2__marks { display:grid; margin:0; padding:0; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(20px,2.5svh,28px) clamp(20px,2.3vw,38px); align-items:center; list-style:none; }
.tw-tech-r2__marks li { display:flex; min-width:0; align-items:center; justify-content:center; }
.tw-tech-r2__marks img { display:block; width:auto; height:auto; max-width:100%; max-height:42px; opacity:.68; transition:opacity 220ms ease,transform 260ms var(--tw-g-ease),filter 220ms ease; user-select:none; -webkit-user-drag:none; }
.tw-tech-r2 [data-brand="openai"] img{width:36px}.tw-tech-r2 [data-brand="claude"] img{width:34px}.tw-tech-r2 [data-brand="gemini"] img{width:35px}.tw-tech-r2 [data-brand="n8n"] img{width:72px}.tw-tech-r2 [data-brand="make"] img{width:82px}.tw-tech-r2 [data-brand="twilio"] img{width:34px}.tw-tech-r2 [data-brand="vercel"] img{width:94px}.tw-tech-r2 [data-brand="gmail"] img{width:36px}.tw-tech-r2 [data-brand="zapier"] img{width:35px}.tw-tech-r2 [data-brand="github"] img{width:82px}

@media (hover:hover) and (pointer:fine) {
  .tw-r2__cta:hover { color:var(--tw-g-pearl); border-color:rgba(242,240,235,.62); }
  .tw-r2__cta:hover span { transform:translateX(4px); }
  .tw-tech-r2__marks li:hover img { opacity:.92; transform:translateY(-1px); filter:brightness(1.15); }
}

@media (max-width:1200px) and (min-width:981px) {
  .tw-r2 { --tw-g-title-neutral:clamp(40px,3.35vw,44px); --tw-g-title-active:clamp(46px,3.75vw,50px); --tw-g-title-inactive:clamp(29px,2.45vw,34px); --tw-g-active-edge:clamp(112px,11vw,142px); --tw-g-neutral-edge:clamp(64px,6vw,78px); }
  .tw-r2__intro,.tw-tech-r2__shell { width:calc(100% - 56px); }
  .tw-r2__content--ai,.tw-r2__content--web { width:min(40vw,500px); }
  .tw-r2[data-focus="ai"] .tw-r2__content--ai,.tw-r2[data-focus="web"] .tw-r2__content--web { width:min(43vw,550px); }
  body.lang-ru .tw-r2__intro-title { font-size:clamp(29px,2.9vw,42px); }
}

@media (max-width:980px), ((hover:none) and (pointer:coarse)) {
  .tw-r2 { --tw-g-title-active:clamp(38px,10.1vw,44px); --tw-g-title-inactive:clamp(30px,8vw,35px); background:#020304; }
  .tw-r2::before { background-size:64px 64px; opacity:.22; }
  .tw-r2__intro { display:block; width:min(calc(100% - 32px),720px); padding:38px 0 24px; }
  .tw-r2__intro::before { inset:-14px -28px -22px; opacity:.72; }
  .tw-r2__eyebrow { margin-bottom:13px; }
  .tw-r2__intro-title { width:100%; font-size:clamp(30px,8.2vw,44px); }
  .tw-r2__heading-line { white-space:normal; }
  .tw-r2__experience { height:142svh; min-height:0; perspective:1000px; }
  .tw-r2__viewport { position:sticky; top:0; height:100svh; min-height:560px; overflow:hidden; perspective:980px; }
  .tw-r2__plate { inset:0; }
  .tw-r2__face { top:-2%; bottom:-2%; width:108%; transition:none!important; }
  .tw-r2 .tw-r2__face--ai { left:-4%; right:auto; clip-path:none!important; transform-origin:100% 50%; transform:translate3d(var(--tw-mobile-ai-x,0%),0,var(--tw-mobile-ai-z,0px)) rotateY(var(--tw-mobile-ai-ry,-3deg))!important; }
  .tw-r2 .tw-r2__face--web { right:-4%; left:auto; clip-path:none!important; transform-origin:0 50%; transform:translate3d(var(--tw-mobile-web-x,82%),0,var(--tw-mobile-web-z,-110px)) rotateY(var(--tw-mobile-web-ry,72deg))!important; }
  .tw-r2__material--ai { background:linear-gradient(122deg,rgba(255,255,255,.095),transparent 21%,rgba(255,255,255,.022) 49%,transparent 72%),repeating-linear-gradient(98deg,rgba(255,255,255,.021) 0 1px,transparent 1px 6px),linear-gradient(180deg,#272e35,#171d23 40%,#0a0e12); }
  .tw-r2__material--web { background:radial-gradient(ellipse at 78% 18%,rgba(255,255,255,.12),transparent 34%),linear-gradient(112deg,transparent 16%,rgba(255,255,255,.018) 45%,rgba(255,255,255,.072) 64%,transparent 76%),linear-gradient(180deg,#101419,#07090c 49%,#020304); }
  .tw-r2__face--ai::before { background:linear-gradient(112deg,transparent 34%,rgba(38,28,111,.40) 40%,rgba(226,232,239,.255) 47%,rgba(164,141,104,.045) 52%,transparent 59%); opacity:.22; }
  .tw-r2__face--web::before { background:linear-gradient(108deg,transparent 36%,rgba(43,35,101,.115) 42%,rgba(233,234,237,.265) 49%,rgba(176,148,101,.195) 54%,transparent 61%); opacity:.22; }
  .tw-r2[data-focus="ai"] .tw-r2__face--ai::before { opacity:.48; transform:none; }
  .tw-r2[data-focus="ai"] .tw-r2__face--web::before { opacity:.08; }
  .tw-r2[data-focus="web"] .tw-r2__face--web::before { opacity:.46; transform:none; }
  .tw-r2[data-focus="web"] .tw-r2__face--ai::before { opacity:.07; }
  .tw-r2[data-focus="turn"] .tw-r2__face::before { opacity:.34; }

  .tw-r2 .tw-r2__fold { left:var(--tw-mobile-fold-x,105%)!important; width:clamp(60px,15.5vw,76px); transform:translateX(-50%) perspective(720px) rotateY(0)!important; transition:none!important; filter:drop-shadow(-9px 0 13px rgba(0,0,0,.38)) drop-shadow(9px 0 13px rgba(0,0,0,.28)); }
  .tw-r2__fold-plane { clip-path:polygon(22% 0,70% 0,76% 100%,28% 100%); }
  .tw-r2[data-focus="turn"] .tw-r2__fold-plane::after { opacity:1; }

  .tw-r2 .tw-r2__content--ai,.tw-r2 .tw-r2__content--web,
  .tw-r2[data-focus="ai"] .tw-r2__content--ai,.tw-r2[data-focus="web"] .tw-r2__content--web {
    top:53%;
    left:var(--tw-g-mobile-inset);
    right:auto;
    width:calc(100% - (2 * var(--tw-g-mobile-inset)))!important;
    max-width:520px;
    transform:translateY(-50%) translateZ(20px);
    transition:opacity 140ms linear!important;
  }
  .tw-r2__world-title,.tw-r2__face--web .tw-r2__world-title,body.lang-ru .tw-r2__world-title,body.lang-ru .tw-r2__face--web .tw-r2__world-title { font-size:var(--tw-g-title-active); font-weight:650; line-height:.93; }
  .tw-r2__world-index { margin-bottom:12px; }
  .tw-r2__thesis { max-width:32ch; margin-top:13px; font-size:14px; line-height:1.45; }
  .tw-r2__registers { grid-template-columns:1fr; gap:7px; width:100%; max-width:430px; margin-top:19px; }
  .tw-r2__register { display:grid; grid-template-columns:minmax(108px,.9fr) minmax(0,1.35fr); align-items:baseline; gap:12px; padding:0; }
  .tw-r2__register::before { display:none; }
  .tw-r2__register dt { font-size:10.75px; letter-spacing:.075em; line-height:1.3; }
  .tw-r2__register dd { margin:0; font-size:13.25px; line-height:1.3; }
  .tw-r2__cta { margin-top:20px; font-size:10.5px; }

  .tw-r2__inscription { top:9.2%; font-size:var(--tw-g-inscription-size,76px)!important; transition:opacity 140ms linear!important; }
  .tw-r2[data-focus="neutral"] .tw-r2__inscription,.tw-r2[data-focus="turn"] .tw-r2__inscription { opacity:0!important; }
  .tw-r2[data-focus="ai"] .tw-r2__inscription--ai,.tw-r2[data-focus="web"] .tw-r2__inscription--web { opacity:.92!important; }
  .tw-r2[data-focus="ai"] .tw-r2__inscription--web,.tw-r2[data-focus="web"] .tw-r2__inscription--ai { opacity:0!important; }

  .tw-r2[data-focus="ai"] .tw-r2__face--web .tw-r2__content,.tw-r2[data-focus="web"] .tw-r2__face--ai .tw-r2__content { opacity:0; }
  .tw-r2[data-focus="turn"] .tw-r2__face--ai .tw-r2__content,.tw-r2[data-focus="turn"] .tw-r2__face--web .tw-r2__content { opacity:0; }
  .tw-r2[data-focus="ai"] .tw-r2__face--ai .tw-r2__content,.tw-r2[data-focus="web"] .tw-r2__face--web .tw-r2__content { opacity:1; }
  .tw-r2[data-focus="ai"] .tw-r2__face,.tw-r2[data-focus="web"] .tw-r2__face,.tw-r2[data-focus="turn"] .tw-r2__face { filter:none; }

  .tw-tech-r2 { min-height:clamp(160px,21svh,205px); padding:25px 0 27px; }
  .tw-tech-r2__shell { display:block; width:min(calc(100% - 32px),720px); }
  .tw-tech-r2__heading h2 { max-width:18ch; margin-top:9px; font-size:22px; }
  .tw-tech-r2__marks { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px 11px; margin-top:22px; }
  .tw-tech-r2 [data-brand="openai"] img{width:39px}.tw-tech-r2 [data-brand="claude"] img{width:37px}.tw-tech-r2 [data-brand="gemini"] img{width:38px}.tw-tech-r2 [data-brand="n8n"] img{width:56px}.tw-tech-r2 [data-brand="make"] img{width:60px}.tw-tech-r2 [data-brand="twilio"] img{width:34px}.tw-tech-r2 [data-brand="vercel"] img{width:62px}.tw-tech-r2 [data-brand="gmail"] img{width:35px}.tw-tech-r2 [data-brand="zapier"] img{width:34px}.tw-tech-r2 [data-brand="github"] img{width:57px}
}

@media (orientation:landscape) and (max-height:540px) and (max-width:980px) {
  .tw-r2__intro { padding:22px 0 14px; }
  .tw-r2__intro-title { max-width:26ch; font-size:27px; }
  .tw-r2__experience { height:140svh; }
  .tw-r2__viewport { min-height:0; }
  .tw-r2 .tw-r2__content--ai,.tw-r2 .tw-r2__content--web,.tw-r2[data-focus="ai"] .tw-r2__content--ai,.tw-r2[data-focus="web"] .tw-r2__content--web {
    top:50%; left:var(--tw-g-landscape-inset); right:var(--tw-g-landscape-inset); width:auto!important; max-width:none;
    display:grid; grid-template-columns:minmax(0,56fr) minmax(0,44fr); grid-template-areas:"index registers" "title registers" "thesis registers" "cta registers"; column-gap:clamp(24px,4vw,42px); align-items:start;
  }
  .tw-r2__world-index{grid-area:index;margin:0 0 7px}.tw-r2__world-title{grid-area:title;font-size:clamp(35px,4.5vw,40px)!important;line-height:.91}.tw-r2__thesis{grid-area:thesis;max-width:34ch;margin-top:9px;font-size:12.5px;line-height:1.34}.tw-r2__cta{grid-area:cta;margin-top:10px;padding:5px 0;font-size:10px}.tw-r2__registers{grid-area:registers;align-self:center;width:100%;max-width:none;margin:0;grid-template-columns:1fr;gap:11px}.tw-r2__register{display:block}.tw-r2__register dt{font-size:10.5px}.tw-r2__register dd{margin-top:3px;font-size:12.75px}
  .tw-r2__inscription { top:6.2%; letter-spacing:-.060em; }
  .tw-tech-r2 { min-height:145px; padding:20px 0; }
  .tw-tech-r2__shell { display:grid; grid-template-columns:190px 1fr; gap:28px; width:calc(100% - 40px); }
  .tw-tech-r2__marks { margin-top:0; gap:14px 16px; }
}

@media (prefers-reduced-motion:reduce) {
  .tw-r2__face,.tw-r2__fold,.tw-r2__face::before,.tw-r2__content,.tw-r2__inscription,.tw-r2__registers,.tw-r2__thesis,.tw-r2__cta,.tw-r2__cta span,.tw-tech-r2__marks img { transition:none!important; animation:none!important; }
  .tw-r2__face::before { transform:none!important; will-change:auto; }
  @media (max-width:980px), ((hover:none) and (pointer:coarse)) {
    .tw-r2__experience { height:auto; min-height:0; }
    .tw-r2__viewport { position:relative; top:auto; height:auto; min-height:0; overflow:hidden; }
    .tw-r2__plate { position:relative; inset:auto; display:block; }
    .tw-r2 .tw-r2__face { position:relative; top:auto; bottom:auto; left:auto!important; right:auto!important; width:100%; min-height:520px; transform:none!important; filter:none!important; }
    .tw-r2 .tw-r2__face--ai { clip-path:polygon(0 0,100% 0,97% 100%,0 100%)!important; }
    .tw-r2 .tw-r2__face--web { clip-path:polygon(3% 0,100% 0,100% 100%,0 100%)!important; }
    .tw-r2 .tw-r2__fold { position:relative; top:auto; bottom:auto; left:50%!important; width:100%; max-width:none; height:34px; transform:translateX(-50%)!important; filter:none; }
    .tw-r2__fold-plane { clip-path:polygon(0 0,100% 28%,96% 100%,4% 76%); }
    .tw-r2 .tw-r2__content--ai,.tw-r2 .tw-r2__content--web { top:50%; opacity:1!important; }
    .tw-r2__inscription { opacity:.22!important; }
  }
}