/* Setup reference v2. Faithful tutorial-page art, localized for Nordic IPTV. */
.setup-page-v2 { --font-display:var(--f-display); --text:#f4f9fc; --ease:cubic-bezier(.22,1,.36,1); color:#14213d; }
.setup-page-v2 .glass > .glass-filter { position:absolute; inset:0; z-index:0; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.setup-page-v2 .glass > .glass-overlay { position:absolute; inset:0; z-index:1; background:rgba(255,255,255,.1); }
.setup-page-v2 .glass > .glass-specular { position:absolute; inset:0; z-index:2; border-radius:inherit; pointer-events:none; box-shadow:inset 1px 1px 1px rgba(255,255,255,.6),inset -1px -1px 1px rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.1); }
.setup-page-v2 .glass > .glass-content { position:relative; z-index:3; }

/* Phosphor Icons, subset to the glyphs this site uses. Generated, do not hand-edit. */
@font-face {
  font-family: "Phosphor";
  src: url("../fonts/phosphor-regular-subset.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Phosphor-Bold";
  src: url("../fonts/phosphor-bold-subset.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../fonts/phosphor-duotone-subset.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph.ph-headset:before {
  content: "\e584";
}
.ph.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph.ph-list:before {
  content: "\e2f0";
}
.ph.ph-lock-simple:before {
  content: "\e308";
}
.ph.ph-map-pin:before {
  content: "\e316";
}
.ph.ph-seal-check:before {
  content: "\e606";
}
.ph.ph-snowflake:before {
  content: "\e5aa";
}
.ph.ph-x:before {
  content: "\e4f6";
}

.ph-bold {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Bold" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph-bold.ph-android-logo:before {
  content: "\e008";
}
.ph-bold.ph-app-store-logo:before {
  content: "\e974";
}
.ph-bold.ph-apple-logo:before {
  content: "\e516";
}
.ph-bold.ph-arrow-down:before {
  content: "\e03e";
}
.ph-bold.ph-arrow-left:before {
  content: "\e058";
}
.ph-bold.ph-arrow-right:before {
  content: "\e06c";
}
.ph-bold.ph-arrow-up-right:before {
  content: "\e092";
}
.ph-bold.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph-bold.ph-book-open-text:before {
  content: "\e8f2";
}
.ph-bold.ph-briefcase:before {
  content: "\e0ee";
}
.ph-bold.ph-broadcast:before {
  content: "\e0f2";
}
.ph-bold.ph-calendar-blank:before {
  content: "\e10a";
}
.ph-bold.ph-caret-right:before {
  content: "\e13a";
}
.ph-bold.ph-chats-circle:before {
  content: "\e17e";
}
.ph-bold.ph-check:before {
  content: "\e182";
}
.ph-bold.ph-check-circle:before {
  content: "\e184";
}
.ph-bold.ph-clock:before {
  content: "\e19a";
}
.ph-bold.ph-credit-card:before {
  content: "\e1d2";
}
.ph-bold.ph-crown-simple:before {
  content: "\e616";
}
.ph-bold.ph-device-mobile:before {
  content: "\e1e0";
}
.ph-bold.ph-devices:before {
  content: "\eba4";
}
.ph-bold.ph-diamond:before {
  content: "\e1ec";
}
.ph-bold.ph-envelope-simple:before {
  content: "\e218";
}
.ph-bold.ph-film-slate:before {
  content: "\e8c2";
}
.ph-bold.ph-fire:before {
  content: "\e242";
}
.ph-bold.ph-gift:before {
  content: "\e276";
}
.ph-bold.ph-google-play-logo:before {
  content: "\e294";
}
.ph-bold.ph-graduation-cap:before {
  content: "\e62c";
}
.ph-bold.ph-hand-heart:before {
  content: "\e810";
}
.ph-bold.ph-handshake:before {
  content: "\e582";
}
.ph-bold.ph-headset:before {
  content: "\e584";
}
.ph-bold.ph-house:before {
  content: "\e2c2";
}
.ph-bold.ph-lifebuoy:before {
  content: "\e63a";
}
.ph-bold.ph-lightbulb:before {
  content: "\e2dc";
}
.ph-bold.ph-lightning:before {
  content: "\e2de";
}
.ph-bold.ph-list-bullets:before {
  content: "\e2f2";
}
.ph-bold.ph-list-checks:before {
  content: "\eadc";
}
.ph-bold.ph-lock-simple:before {
  content: "\e308";
}
.ph-bold.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph-bold.ph-map-pin:before {
  content: "\e316";
}
.ph-bold.ph-monitor-play:before {
  content: "\e58c";
}
.ph-bold.ph-newspaper:before {
  content: "\e344";
}
.ph-bold.ph-plugs:before {
  content: "\eb56";
}
.ph-bold.ph-plus:before {
  content: "\e3d4";
}
.ph-bold.ph-popcorn:before {
  content: "\eb4e";
}
.ph-bold.ph-pulse:before {
  content: "\e000";
}
.ph-bold.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph-bold.ph-seal-check:before {
  content: "\e606";
}
.ph-bold.ph-shield-check:before {
  content: "\e40c";
}
.ph-bold.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph-bold.ph-snowflake:before {
  content: "\e5aa";
}
.ph-bold.ph-squares-four:before {
  content: "\e464";
}
.ph-bold.ph-star:before {
  content: "\e46a";
}
.ph-bold.ph-storefront:before {
  content: "\e470";
}
.ph-bold.ph-tag:before {
  content: "\e478";
}
.ph-bold.ph-television:before {
  content: "\e754";
}
.ph-bold.ph-television-simple:before {
  content: "\eae6";
}
.ph-bold.ph-timer:before {
  content: "\e492";
}
.ph-bold.ph-trend-up:before {
  content: "\e4ae";
}
.ph-bold.ph-user-circle:before {
  content: "\e4c4";
}
.ph-bold.ph-user-circle-check:before {
  content: "\ec38";
}
.ph-bold.ph-users-three:before {
  content: "\e68e";
}
.ph-bold.ph-wifi-high:before {
  content: "\e4ea";
}
.ph-bold.ph-windows-logo:before {
  content: "\e692";
}
.ph-bold.ph-wrench:before {
  content: "\e5d4";
}

.ph-duotone {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Duotone" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph-duotone.ph-broadcast:before {
  content: "\e0f2";
  opacity: 0.2;
}
.ph-duotone.ph-broadcast:after {
  content: "\e0f3";
  margin-left: -1em;
}
.ph-duotone.ph-devices:before {
  content: "\eba4";
  opacity: 0.2;
}
.ph-duotone.ph-devices:after {
  content: "\eba5";
  margin-left: -1em;
}
.ph-duotone.ph-film-reel:before {
  content: "\e8c0";
  opacity: 0.2;
}
.ph-duotone.ph-film-reel:after {
  content: "\e8c1";
  margin-left: -1em;
}
.ph-duotone.ph-hand-heart:before {
  content: "\e810";
  opacity: 0.2;
}
.ph-duotone.ph-hand-heart:after {
  content: "\e811";
  margin-left: -1em;
}
.ph-duotone.ph-headset:before {
  content: "\e584";
  opacity: 0.2;
}
.ph-duotone.ph-headset:after {
  content: "\e585";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-high:before {
  content: "\e2b4";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-high:after {
  content: "\e2b5";
  margin-left: -1em;
}
.ph-duotone.ph-seal-check:before {
  content: "\e606";
  opacity: 0.2;
}
.ph-duotone.ph-seal-check:after {
  content: "\e607";
  margin-left: -1em;
}
.ph-duotone.ph-shield-check:before {
  content: "\e40c";
  opacity: 0.2;
}
.ph-duotone.ph-shield-check:after {
  content: "\e40f";
  margin-left: -1em;
}
.ph-duotone.ph-snowflake:before {
  content: "\e5aa";
  opacity: 0.2;
}
.ph-duotone.ph-snowflake:after {
  content: "\e5ab";
  margin-left: -1em;
}
.ph-duotone.ph-soccer-ball:before {
  content: "\e716";
  opacity: 0.2;
}
.ph-duotone.ph-soccer-ball:after {
  content: "\e717";
  margin-left: -1em;
}


.phero-tex { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.5;
  background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1.5px); background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 75%);
  mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 75%); }

.scrib { position: relative; display: inline-block; }
.scrib svg { position: absolute; left: -2%; bottom: -0.22em; width: 104%; height: 0.36em; overflow: visible; }
.scrib svg path { fill: none; stroke: #2E6BFF; stroke-width: 5; stroke-linecap: round; }
.scrib svg path + path { stroke: #22C3F0; opacity: 0.55; stroke-width: 4; }
.scrib--dark svg path { stroke: #5BA0FF; }
.scrib--dark svg path + path { stroke: #3FD0FF; }

/* --- hero: light, custom illustration --- */
.tg-hero { position: relative; overflow: hidden; color: #14213D;
  padding: clamp(118px, 14vw, 164px) 0 clamp(40px, 6vw, 72px);
  background: linear-gradient(168deg, #F7FAFF 0%, #E9F1FC 55%, #F3F8FF 100%); }
.tg-hero-blobs { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(42% 46% at 12% 18%, rgba(46,108,255,0.1), transparent 70%),
              radial-gradient(38% 44% at 88% 70%, rgba(34,195,240,0.12), transparent 70%); }
.tg-hero-tex { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.55;
  background-image: radial-gradient(rgba(20,35,90,0.06) 1px, transparent 1.5px); background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 78%);
  mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 78%); }
.tg-hero .wrap { position: relative; z-index: 1; }
.tg-hero-grid { display: grid; grid-template-columns: 1fr; gap: clamp(2.4rem, 5vw, 3.4rem); align-items: center; }
@media (min-width: 960px) { .tg-hero-grid { grid-template-columns: 1.06fr 0.94fr; } }
.tg-hero-copy { text-align: center; }
@media (min-width: 960px) { .tg-hero-copy { text-align: left; } }
.tg-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; font-family: var(--font-display); font-weight: 800;
  font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: #1D5BFF; padding: 0.5rem 1rem; border-radius: 999px;
  background: rgba(46,108,255,0.09); box-shadow: inset 0 0 0 1px rgba(46,108,255,0.25); margin-bottom: 1.25rem; }
.tg-hero h1 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.035em; line-height: 1.06;
  font-size: clamp(2.25rem, 5.3vw, 3.45rem); text-wrap: balance; }
.tg-hero h1 .hl { color: #2E6BFF; }
.tg-hero-lead { margin: 1.2rem auto 0; color: #4A5670; font-size: clamp(1rem, 1.25vw, 1.13rem); line-height: 1.78; max-width: 56ch; }
@media (min-width: 960px) { .tg-hero-lead { margin-inline: 0; } }
.tg-hero-lead b { color: #14213D; }
.tg-hero-btns.cta-row2 { margin-top: 1.9rem; align-items: center; }
@media (min-width: 620px) and (max-width: 959px) { .tg-hero-btns.cta-row2 { justify-content: center; } }
.tg-hero-mini { margin-top: 1.55rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.6rem 1.15rem; }
@media (min-width: 960px) { .tg-hero-mini { justify-content: flex-start; } }
.tg-hero-mini span { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.86rem; color: #56607A; font-weight: 500; }
.tg-hero-mini i { color: #0E9F4F; font-size: 1.05rem; }

.tg-hero-art { position: relative; max-width: 540px; margin-inline: auto; width: 100%; }
.tg-hero-art svg { display: block; width: 100%; height: auto; }
.tg-art-txt { font-family: var(--font-display), "Archivo", sans-serif; }

/* --- three steps overview (light) --- */
.tg-three { position: relative; padding: clamp(52px, 7.5vw, 96px) 0; background: #FFFFFF; color: #14213D; }
.tg-three-head { text-align: center; max-width: 660px; margin: 0 auto clamp(2.4rem, 5vw, 3.2rem); }
.tg-three-head h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; font-size: clamp(1.9rem, 4.4vw, 3rem); }
.tg-three-head h2 .hl { color: #2E6BFF; }
.tg-three-head p { margin-top: 0.9rem; color: #56607A; font-size: clamp(0.98rem, 1.2vw, 1.08rem); line-height: 1.7; }
.tg-three-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; align-items: stretch; max-width: 1080px; margin-inline: auto; }
@media (min-width: 900px) { .tg-three-grid { grid-template-columns: 1fr auto 1fr auto 1fr; } }
.tg-three-card { position: relative; background: linear-gradient(180deg, #FDFEFF, #F5F8FE); border: 1px solid rgba(20,35,90,0.1); border-radius: 20px;
  padding: 1.7rem 1.5rem 1.6rem; box-shadow: 0 22px 44px -30px rgba(20,35,90,0.35); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.tg-three-card:hover { transform: translateY(-5px); border-color: rgba(46,108,255,0.35); box-shadow: 0 30px 54px -30px rgba(20,35,90,0.45); }
.tg-three-num { font-family: var(--font-display); font-weight: 900; font-size: 2.5rem; line-height: 1; letter-spacing: -0.02em;
  color: transparent; -webkit-text-stroke: 1.6px rgba(46,108,255,0.55); }
.tg-three-card h3 { margin-top: 0.75rem; font-family: var(--font-display); font-weight: 800; font-size: 1.18rem; letter-spacing: -0.015em; }
.tg-three-card p { margin-top: 0.55rem; color: #4A5670; font-size: 0.93rem; line-height: 1.7; }
.tg-three-arrow { display: none; align-self: center; color: rgba(46,108,255,0.55); font-size: 1.5rem; }
@media (min-width: 900px) { .tg-three-arrow { display: block; } }

/* --- free licence band (dark, liquid glass) --- */
.tg-lic { position: relative; overflow: hidden; padding: clamp(48px, 7vw, 84px) 0; background: #0A0C10; }
.tg-lic .phero-tex { opacity: 0.35; }
.tg-lic .wrap { position: relative; z-index: 1; }
.tg-lic-card { position: relative; max-width: 1060px; margin-inline: auto; border-radius: 26px; overflow: hidden; color: var(--text); }
.tg-lic-card .glass-overlay { background: radial-gradient(70% 90% at 18% 8%, rgba(63,208,255,0.15), transparent 60%), rgba(255,255,255,0.05); }
.tg-lic-in { position: relative; padding: clamp(1.9rem, 4.5vw, 2.8rem); display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; text-align: center; }
@media (min-width: 880px) { .tg-lic-in { grid-template-columns: auto 1fr auto; text-align: left; } }
.tg-lic-ic { width: 66px; height: 66px; border-radius: 20px; display: grid; place-items: center; font-size: 1.85rem; color: #052235; margin-inline: auto;
  background: linear-gradient(160deg, #8FEBFF, #3FD0FF); box-shadow: 0 18px 36px -14px rgba(63,208,255,0.6); }
.tg-lic-txt h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; line-height: 1.14; font-size: clamp(1.5rem, 3.2vw, 2.1rem); text-wrap: balance; }
.tg-lic-txt h2 .hl2 { color: #5BA0FF; }
.tg-lic-txt p { margin-top: 0.6rem; color: rgba(230,236,247,0.7); font-size: 0.97rem; line-height: 1.72; max-width: 58ch; }
.tg-lic-txt p b { color: #7FE0FF; }
.tg-lic-card .cta-btn { flex: none; margin-inline: auto; }

/* --- best apps (light) --- */
.tg-apps { position: relative; overflow: hidden; padding: clamp(56px, 8vw, 100px) 0; color: #14213D;
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF3FC 100%); }
.tg-apps-head { text-align: center; max-width: 700px; margin: 0 auto clamp(2.4rem, 5vw, 3.2rem); }
.tg-apps-head h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; font-size: clamp(1.9rem, 4.4vw, 3rem); text-wrap: balance; }
.tg-apps-head p { margin-top: 0.95rem; color: #56607A; font-size: clamp(0.98rem, 1.2vw, 1.08rem); line-height: 1.72; }
.tg-apps-grid { display: grid; grid-template-columns: 1fr; gap: 1.4rem; max-width: 1120px; margin-inline: auto; align-items: stretch; }
@media (min-width: 940px) { .tg-apps-grid { grid-template-columns: 1.06fr 1fr 1fr; } }
.tg-app { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(20,35,90,0.1); border-radius: 22px;
  padding: 1.8rem 1.6rem 1.7rem; box-shadow: 0 26px 50px -34px rgba(20,35,90,0.4); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.tg-app:hover { transform: translateY(-5px); box-shadow: 0 34px 60px -34px rgba(20,35,90,0.5); }
.tg-app--win { border: 2px solid rgba(46,108,255,0.4); background: linear-gradient(180deg, #FFFFFF, #F4F8FF); }
.tg-app--win::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; border-radius: 22px 22px 0 0; background: linear-gradient(90deg, #2E6BFF, #22C3F0); }
.tg-app-rank { position: absolute; top: 1.15rem; right: 1.15rem; font-family: var(--font-display); font-weight: 800; font-size: 0.7rem; letter-spacing: 0.09em;
  text-transform: uppercase; padding: 0.38rem 0.75rem; border-radius: 999px; color: #56607A; background: rgba(20,35,90,0.06); }
.tg-app--win .tg-app-rank { color: #fff; background: linear-gradient(135deg, #2E6BFF, #1B34B8); box-shadow: 0 10px 20px -8px rgba(46,108,255,0.6); }
.tg-app-ic { width: 62px; height: 62px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; font-size: 1.8rem; color: #2E6BFF;
  background: linear-gradient(150deg, rgba(46,108,255,0.1), rgba(34,195,240,0.12)); box-shadow: inset 0 0 0 1px rgba(46,108,255,0.15); }
.tg-app-ic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tg-app h3 { margin-top: 1rem; font-family: var(--font-display); font-weight: 800; font-size: 1.3rem; letter-spacing: -0.015em; }
.tg-app-sub { margin-top: 0.15rem; font-size: 0.8rem; font-weight: 600; color: #2E6BFF; }
.tg-app p.tg-app-p { margin-top: 0.65rem; color: #4A5670; font-size: 0.93rem; line-height: 1.7; flex: 1; }
.tg-app-list { margin-top: 1.05rem; display: grid; gap: 0.5rem; }
.tg-app-list li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.88rem; color: #3C4560; font-weight: 500; }
.tg-app-list li i { flex: none; margin-top: 0.12rem; color: #0E7A3F; font-size: 1rem; }
.tg-apps-note { margin: 1.8rem auto 0; text-align: center; color: #7A8399; font-size: 0.88rem; }

/* --- device selector (dark) --- */
.tg-dev { position: relative; overflow: hidden; padding: clamp(56px, 8vw, 100px) 0; color: var(--text);
  background: radial-gradient(90% 60% at 50% 0%, #121A2C 0%, #0A0C10 60%); }
.tg-dev .phero-tex { opacity: 0.4; }
.tg-dev .wrap { position: relative; z-index: 1; }
.tg-dev-head { text-align: center; max-width: 720px; margin: 0 auto clamp(2rem, 4vw, 2.8rem); }
.tg-dev-tag { display: inline-flex; align-items: center; gap: 0.5rem; font-family: var(--font-display); font-weight: 800; font-size: 0.74rem;
  letter-spacing: 0.13em; text-transform: uppercase; color: #7FE0FF; padding: 0.48rem 1rem; border-radius: 999px;
  background: rgba(43,195,240,0.1); box-shadow: inset 0 0 0 1px rgba(43,195,240,0.3); margin-bottom: 1.1rem; }
.tg-dev-head h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; font-size: clamp(1.9rem, 4.4vw, 3rem); text-wrap: balance; }
.tg-dev-head h2 .hl2 { color: #5BA0FF; }
.tg-dev-head p { margin-top: 0.9rem; color: rgba(230,236,247,0.65); font-size: clamp(0.97rem, 1.2vw, 1.06rem); line-height: 1.7; }

.tg-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.65rem; max-width: 900px; margin: 0 auto clamp(2rem, 4vw, 2.8rem); }
.tg-tab { display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.78rem 1.15rem; border-radius: 13px; cursor: pointer;
  font-family: var(--font-display); font-weight: 700; font-size: 0.9rem; color: rgba(230,236,247,0.75);
  background: rgba(255,255,255,0.045); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
  transition: background .25s, color .25s, box-shadow .25s, transform .25s var(--ease); }
.tg-tab i { font-size: 1.25rem; color: rgba(230,236,247,0.85); }
.tg-tab .tg-tab-svg { width: 1.25rem; height: 1.25rem; }
.tg-tab:hover { background: rgba(255,255,255,0.09); color: #fff; transform: translateY(-2px); }
.tg-tab.active { color: #fff; background: linear-gradient(135deg, #2E6BFF 0%, #1B34B8 100%);
  box-shadow: 0 16px 32px -12px rgba(46,108,255,0.65), inset 0 1px 0 rgba(255,255,255,0.3); }
.tg-tab.active i { color: #CFE4FF; }
@media (max-width: 480px) { .tg-tab { font-size: 0.82rem; padding: 0.68rem 0.9rem; gap: 0.45rem; } }

.tg-help-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.8rem 1rem; max-width: 880px;
  margin: 0 auto clamp(2rem, 4vw, 2.8rem); padding: 0.95rem 1.3rem; border-radius: 16px; text-align: center;
  background: rgba(43,195,240,0.07); box-shadow: inset 0 0 0 1px rgba(43,195,240,0.25); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.tg-help-strip i { flex: none; color: #7FE0FF; font-size: 1.45rem; }
.tg-help-strip p { color: rgba(230,236,247,0.78); font-size: 0.92rem; line-height: 1.6; max-width: 52ch; }
.tg-help-strip .tg-wa-btn { min-height: 40px; font-size: 0.84rem; }

.tg-panel { display: none; }
.tg-panel.active { display: block; animation: tgFade .38s var(--ease) both; }
@keyframes tgFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.tg-guide { position: relative; max-width: 880px; margin-inline: auto; border-radius: 24px; overflow: hidden;
  background: rgba(255,255,255,0.035); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 40px 80px -50px rgba(0,0,0,0.8);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.tg-guide-head { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.15rem; padding: clamp(1.4rem, 3.5vw, 1.9rem) clamp(1.2rem, 4vw, 2.2rem);
  border-bottom: 1px solid rgba(255,255,255,0.09); background: linear-gradient(90deg, rgba(46,108,255,0.12), transparent 70%); }
.tg-guide-ic { flex: none; width: 54px; height: 54px; border-radius: 15px; display: grid; place-items: center; font-size: 1.55rem; color: #fff;
  background: linear-gradient(135deg, #2E6BFF, #1B34B8); box-shadow: 0 14px 28px -12px rgba(46,108,255,0.65); }
.tg-guide-ic .tg-tab-svg { width: 1.55rem; height: 1.55rem; }
.tg-guide-head h3 { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.25rem, 2.6vw, 1.6rem); letter-spacing: -0.02em; }
.tg-guide-meta { display: flex; flex-wrap: wrap; gap: 0.5rem; width: 100%; }
@media (min-width: 720px) { .tg-guide-meta { width: auto; margin-left: auto; } }
.tg-chip { display: inline-flex; align-items: center; gap: 0.35rem; font-family: var(--font-display); font-weight: 700; font-size: 0.72rem;
  padding: 0.4rem 0.75rem; border-radius: 999px; color: rgba(230,236,247,0.8); background: rgba(255,255,255,0.07);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.13); }
.tg-chip i { font-size: 0.9rem; }
.tg-chip--pop { color: #052235; background: linear-gradient(160deg, #8FEBFF, #3FD0FF); box-shadow: none; }
.tg-guide-body { padding: clamp(1.4rem, 4vw, 2.2rem); }
.tg-guide-intro { color: rgba(230,236,247,0.7); font-size: 0.96rem; line-height: 1.75; max-width: 66ch; }

.tg-part { display: flex; align-items: center; gap: 0.9rem; margin: 1.9rem 0 1.5rem; }
.tg-part:first-child { margin-top: 0; }
.tg-part span { flex: none; font-family: var(--font-display); font-weight: 800; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: #7FE0FF; }
.tg-part::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, rgba(127,224,255,0.4), transparent); }

.tg-step { position: relative; display: grid; grid-template-columns: 40px 1fr; gap: 0.95rem; padding: 1.05rem 0; }
.tg-step + .tg-step { border-top: 1px solid rgba(255,255,255,0.06); }
.tg-step-num { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 0.95rem;
  color: #fff; background: linear-gradient(135deg, #2E6BFF, #1B34B8); box-shadow: 0 10px 22px -8px rgba(46,108,255,0.6); }
.tg-step h4 { font-family: var(--font-display); font-weight: 800; font-size: 1.06rem; letter-spacing: -0.01em; padding-top: 0.45rem; }
.tg-step-body p { margin-top: 0.5rem; color: rgba(230,236,247,0.7); font-size: 0.94rem; line-height: 1.72; max-width: 64ch; }
.tg-step-body p b, .tg-step-body p strong { color: #fff; font-weight: 600; }
.tg-step-img { margin-top: 0.95rem; max-width: 640px; border-radius: 14px; overflow: hidden;
  box-shadow: 0 24px 48px -26px rgba(0,0,0,0.85), inset 0 0 0 1px rgba(255,255,255,0.12); }
.tg-step-img img { display: block; width: 100%; height: auto; }
.tg-appicon { margin-top: 0.95rem; display: inline-flex; align-items: center; gap: 0.85rem; padding: 0.75rem 1.05rem; border-radius: 16px;
  background: rgba(255,255,255,0.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
.tg-appicon img { width: 62px; height: 62px; border-radius: 14px; display: block; }
.tg-appicon span { font-size: 0.84rem; color: rgba(230,236,247,0.75); max-width: 22ch; line-height: 1.5; }
.tg-note { margin-top: 0.95rem; display: flex; gap: 0.7rem; align-items: flex-start; max-width: 640px;
  padding: 0.85rem 1rem; border-radius: 13px; background: rgba(255,183,77,0.08); box-shadow: inset 0 0 0 1px rgba(255,183,77,0.3); }
.tg-note i { flex: none; color: #FFC26B; font-size: 1.1rem; margin-top: 0.1rem; }
.tg-note p { color: rgba(255,222,180,0.9); font-size: 0.87rem; line-height: 1.65; }
.tg-note p b { color: #FFD79A; }
.tg-codes { margin-top: 0.85rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.tg-code { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-weight: 700; font-size: 1.15rem; letter-spacing: 0.12em; color: #7FE0FF;
  padding: 0.55rem 1rem; border-radius: 11px; background: rgba(43,195,240,0.1); box-shadow: inset 0 0 0 1px rgba(43,195,240,0.35); }
.tg-code-or { font-size: 0.85rem; color: rgba(230,236,247,0.55); }

.tg-actions { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.7rem; }
.tg-wa-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 0.55rem; min-height: 44px; padding: 0 1.15rem;
  border-radius: 12px; font-family: var(--font-display); font-weight: 700; font-size: 0.88rem; color: #fff;
  background: linear-gradient(135deg, #2E6BFF 0%, #1B34B8 100%);
  box-shadow: 0 14px 28px -10px rgba(46,108,255,0.6), inset 0 1px 0 rgba(255,255,255,0.3);
  transition: transform .25s var(--ease), box-shadow .25s; }
.tg-wa-btn::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 46%; background: linear-gradient(180deg, rgba(255,255,255,0.2), transparent); pointer-events: none; }
.tg-wa-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 36px -10px rgba(46,108,255,0.75), inset 0 1px 0 rgba(255,255,255,0.3); }
.tg-wa-btn .ic-wa { position: relative; width: 19px; height: 19px; }
.tg-mail-btn { display: inline-flex; align-items: center; gap: 0.55rem; min-height: 44px; padding: 0 1.15rem; border-radius: 12px;
  font-family: var(--font-display); font-weight: 700; font-size: 0.88rem; color: rgba(230,236,247,0.85);
  background: rgba(255,255,255,0.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16); transition: background .25s, transform .25s var(--ease); }
.tg-mail-btn:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }
.tg-mail-btn i { color: #7FE0FF; font-size: 1.05rem; }
.tg-store-btn { display: inline-flex; align-items: center; gap: 0.55rem; margin-top: 0.85rem; min-height: 42px; padding: 0 1.05rem; border-radius: 12px;
  font-family: var(--font-display); font-weight: 700; font-size: 0.86rem; color: rgba(230,236,247,0.85);
  background: rgba(255,255,255,0.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16); transition: background .25s, transform .25s var(--ease); }
.tg-store-btn:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }
.tg-store-btn i { color: #7FE0FF; font-size: 1.1rem; }
.tg-store-btn .arr { color: rgba(230,236,247,0.5); font-size: 0.85rem; }

/* --- after activation (light) --- */
.tg-use { position: relative; overflow: hidden; padding: clamp(56px, 8vw, 100px) 0; color: #14213D;
  background: linear-gradient(180deg, #F7FAFF 0%, #EFF3FC 100%); }
.tg-use-head { text-align: center; max-width: 700px; margin: 0 auto clamp(2.4rem, 5vw, 3.2rem); }
.tg-use-head h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; font-size: clamp(1.9rem, 4.4vw, 3rem); text-wrap: balance; }
.tg-use-head h2 .hl { color: #2E6BFF; }
.tg-use-head p { margin-top: 0.9rem; color: #56607A; font-size: clamp(0.98rem, 1.2vw, 1.08rem); line-height: 1.7; }
.tg-use-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; max-width: 1120px; margin-inline: auto; align-items: start; }
@media (min-width: 960px) { .tg-use-grid { grid-template-columns: 1fr 1fr; } }
.tg-use-card { position: relative; overflow: hidden; background: #fff; border: 1px solid rgba(20,35,90,0.1); border-radius: 22px;
  padding: 1.8rem 1.6rem 1.7rem; box-shadow: 0 30px 56px -38px rgba(20,35,90,0.45); }
.tg-use-card--rec { border: 2px solid rgba(46,108,255,0.38); }
.tg-use-card--rec::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #2E6BFF, #22C3F0); }
.tg-use-tag { display: inline-flex; align-items: center; gap: 0.4rem; font-family: var(--font-display); font-weight: 800; font-size: 0.7rem;
  letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 0.8rem; border-radius: 999px; color: #2E6BFF; background: rgba(46,108,255,0.1); }
.tg-use-card--rec .tg-use-tag { color: #fff; background: linear-gradient(135deg, #2E6BFF, #1B34B8); }
.tg-use-card h3 { margin-top: 0.95rem; font-family: var(--font-display); font-weight: 800; font-size: 1.32rem; letter-spacing: -0.015em; }
.tg-use-card > p.tg-use-intro { margin-top: 0.55rem; color: #56607A; font-size: 0.92rem; line-height: 1.68; }
.tg-use-step { display: grid; grid-template-columns: 34px 1fr; gap: 0.8rem; margin-top: 1.35rem; }
.tg-use-step b.n { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800;
  font-size: 0.85rem; color: #fff; background: linear-gradient(135deg, #2E6BFF, #1B34B8); }
.tg-use-step h4 { font-family: var(--font-display); font-weight: 800; font-size: 1rem; padding-top: 0.35rem; }
.tg-use-step p { margin-top: 0.4rem; color: #4A5670; font-size: 0.91rem; line-height: 1.68; }
.tg-use-step p b { color: #14213D; font-weight: 600; }
.tg-use-img { margin-top: 0.8rem; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px -24px rgba(20,35,90,0.5), inset 0 0 0 1px rgba(20,35,90,0.1); }
.tg-use-img img { display: block; width: 100%; height: auto; }
.tg-use-note { margin-top: 1.35rem; display: flex; gap: 0.7rem; align-items: flex-start; padding: 0.9rem 1rem; border-radius: 13px;
  background: rgba(46,108,255,0.06); box-shadow: inset 0 0 0 1px rgba(46,108,255,0.2); }
.tg-use-note i { flex: none; color: #2E6BFF; font-size: 1.1rem; margin-top: 0.1rem; }
.tg-use-note p { color: #3C4560; font-size: 0.88rem; line-height: 1.65; }
.tg-use-note .tg-wa-btn { margin-top: 0.7rem; }

/* --- final CTA (dark) --- */
.tg-final { position: relative; overflow: hidden; text-align: center; color: var(--text); padding: clamp(64px, 9vw, 116px) 0;
  background: radial-gradient(110% 90% at 50% 108%, #16223F 0%, #0C1018 55%, #0A0C10 100%); }
.tg-final .phero-tex { opacity: 0.4; }
.tg-final .wrap { position: relative; z-index: 1; }
.tg-final h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  font-size: clamp(1.95rem, 4.8vw, 3.1rem); max-width: 720px; margin-inline: auto; text-wrap: balance; }
.tg-final h2 .hl2 { color: #5BA0FF; }
.tg-final-p { margin: 1rem auto 0; max-width: 56ch; color: rgba(230,236,247,0.68); font-size: clamp(1rem, 1.2vw, 1.08rem); line-height: 1.7; }
.tg-final-btns.cta-row2 { margin-top: 2rem; align-items: center; justify-content: center; }
@media (min-width: 620px) { .tg-final-btns.cta-row2 { justify-content: center; } }
.tg-final-mini { margin-top: 1.4rem; color: rgba(230,236,247,0.5); font-size: 0.86rem; }


/* Nordic integration and the approved project button system. */
.setup-page-v2 .tg-tab.is-active { color:#fff; background:linear-gradient(135deg,#2e6bff 0%,#1b34b8 100%); box-shadow:0 16px 32px -12px rgba(46,108,255,.65),inset 0 1px 0 rgba(255,255,255,.3); }
.setup-page-v2 .tg-tab.is-active i { color:#fff; }
.setup-page-v2 .tg-panel.is-active { display:block; animation:tgFade .38s var(--ease) both; }
.setup-page-v2 .tg-own-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:1.9rem; }
.setup-page-v2 .tg-own-actions .btn-vip { color:#fff; background:#1089f2; box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 34px -20px rgba(4,83,144,.78); }
.setup-page-v2 .tg-own-actions .btn-vip:hover { color:#fff; background:#087bd8; box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 23px 40px -20px rgba(4,83,144,.9); }
.setup-page-v2 .tg-own-actions .btn-line { min-height:54px; padding-inline:22px; background:rgba(255,255,255,.72); }
.setup-page-v2 .tg-lic-card .btn { flex:none; margin-inline:auto; }
.setup-page-v2 .tg-lic-ic { color:#fff; }
.setup-page-v2 .tg-lic-ic i,.setup-page-v2 .tg-guide-ic i,.setup-page-v2 .tg-guide-ic svg,.setup-page-v2 .tg-step-num { color:#fff; }
.setup-page-v2 .tg-amazon-icon-v2,.setup-page-v2 .tg-lg-icon-v2 { color:#fff; font:900 1.1rem/1 var(--f-display); }
.setup-page-v2 .tg-lic-txt h2,.setup-page-v2 .tg-dev-head h2,.setup-page-v2 .tg-guide-head h3,.setup-page-v2 .tg-step h4 { color:#fff; }
.setup-page-v2 .tg-chip--pop { color:#fff; background:linear-gradient(135deg,#1089f2,#0874cf); }
.setup-page-v2 .tg-code { color:#fff; background:#1089f2; box-shadow:inset 0 1px 0 rgba(255,255,255,.28); }
.setup-page-v2 .tg-nordic-flags-v2,.setup-page-v2 .setup-support-flags-v2 { display:flex; align-items:center; gap:0; width:max-content; padding:7px 10px; border:1px solid rgba(255,255,255,.72); border-radius:999px; background:rgba(255,255,255,.72); box-shadow:0 15px 30px -22px rgba(8,48,76,.7); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.setup-page-v2 .tg-nordic-flags-v2 { position:absolute; right:4%; bottom:3%; z-index:4; }
.setup-page-v2 .tg-nordic-flags-v2 span,.setup-page-v2 .setup-support-flags-v2 span { display:grid; place-items:center; width:34px; height:30px; margin-left:-5px; overflow:hidden; border:2px solid #fff; border-radius:10px; background:#fff; box-shadow:0 5px 12px -8px rgba(6,31,47,.7); }
.setup-page-v2 .tg-nordic-flags-v2 span:first-child,.setup-page-v2 .setup-support-flags-v2 span:first-child { margin-left:0; }
.setup-page-v2 .tg-nordic-flags-v2 svg,.setup-page-v2 .setup-support-flags-v2 svg { width:25px; height:17px; }
.setup-page-v2 .setup-support-flags-v2 { margin-top:14px; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.16); }
.setup-page-v2 .setup-support-in-v1 > div > .setup-support-flags-v2 { display:flex; }
.setup-page-v2 .tg-help-strip .ph,.setup-page-v2 .tg-help-strip .ph-bold { color:#fff; }
.setup-page-v2 .tg-mail-btn .ph,.setup-page-v2 .tg-store-btn .ph { color:#fff; }
.setup-page-v2 .tg-actions a .ph,.setup-page-v2 .tg-actions a .ph-bold { color:#fff; }
.setup-page-v2 .tg-own-btn .ic { color:#fff; }
@media (max-width:959px) {
  .setup-page-v2 .tg-own-actions { justify-content:center; }
}
@media (max-width:619px) {
  .setup-page-v2 .tg-own-actions { display:grid; }
  .setup-page-v2 .tg-own-actions .btn-vip,.setup-page-v2 .tg-own-actions .btn-line { width:100%; justify-content:center; }
  .setup-page-v2 .tg-nordic-flags-v2 { right:1%; bottom:-1%; transform:scale(.88); transform-origin:right bottom; }
  .setup-page-v2 .tg-hero-art { margin-top:4px; }
  .setup-page-v2 .tg-lic-card .btn { width:100%; }
  .setup-page-v2 .setup-support-flags-v2 { margin-inline:auto; }
}

/* Setup Nordic refinement v3: house-style surfaces, controls and responsive composition. */
.setup-page-v2 .tg-own-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.setup-page-v2 .tg-hero-action-v3 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:56px;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:14px;
  font-family:var(--font-display);
  font-size:.94rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.setup-page-v2 .tg-hero-order-v3 {
  color:#fff;
  background:#1089f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 17px 32px -21px rgba(4,83,144,.86);
}
.setup-page-v2 .tg-hero-order-v3:hover,
.setup-page-v2 .tg-hero-order-v3:focus-visible {
  color:#fff;
  background:#087bd8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 17px 32px -21px rgba(4,83,144,.86);
}
.setup-page-v2 .tg-hero-help-v3 {
  color:#0b3550;
  border-color:rgba(8,95,153,.16);
  background:rgba(255,255,255,.82);
  box-shadow:0 15px 30px -25px rgba(8,48,76,.7),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.setup-page-v2 .tg-hero-help-v3:hover,
.setup-page-v2 .tg-hero-help-v3:focus-visible {
  color:#0877c9;
  border-color:rgba(16,137,242,.3);
  background:#fff;
}
.setup-page-v2 .tg-action-leading-v3,
.setup-page-v2 .tg-action-arrow-v3 {
  flex:none;
  width:19px;
  height:19px;
  color:currentColor;
}
.setup-page-v2 .tg-action-arrow-v3 { width:17px; height:17px; }

.setup-page-v2 .tg-nordic-flags-v2,
.setup-page-v2 .setup-support-flags-v2 {
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:7px 9px 7px 11px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:15px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 38px -26px rgba(4,47,76,.75),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.setup-page-v2 .tg-nordic-flags-v2::before,
.setup-page-v2 .setup-support-flags-v2::before {
  content:"NORDIC";
  margin-right:3px;
  color:#0a567e;
  font:850 .47rem/1 var(--font-display);
  letter-spacing:.12em;
}
.setup-page-v2 .tg-nordic-flags-v2 {
  position:absolute;
  right:2%;
  bottom:2%;
  z-index:4;
}
.setup-page-v2 .tg-nordic-flags-v2 span,
.setup-page-v2 .setup-support-flags-v2 span {
  display:grid;
  place-items:center;
  width:32px;
  height:27px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(11,71,105,.12);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 7px 13px -10px rgba(6,31,47,.9);
}
.setup-page-v2 .tg-nordic-flags-v2 span:first-child,
.setup-page-v2 .setup-support-flags-v2 span:first-child { margin-left:0; }
.setup-page-v2 .tg-nordic-flags-v2 svg,
.setup-page-v2 .setup-support-flags-v2 svg { width:24px; height:16px; }

.setup-page-v2 .tg-three {
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 6%,rgba(16,137,242,.09),transparent 29%),
    radial-gradient(circle at 89% 92%,rgba(18,242,175,.07),transparent 28%),
    #fff;
}
.setup-page-v2 .tg-three::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background-image:linear-gradient(rgba(16,137,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,137,242,.055) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent);
}
.setup-page-v2 .tg-three .wrap { position:relative; z-index:1; }
.setup-page-v2 .tg-three-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,5vw,70px);
  max-width:1080px;
  align-items:start;
}
.setup-page-v2 .tg-three-grid::before {
  content:"";
  position:absolute;
  z-index:0;
  top:31px;
  left:calc(16.666% + 31px);
  right:calc(16.666% + 31px);
  height:2px;
  background:linear-gradient(90deg,#1089f2,rgba(16,137,242,.28) 36%,rgba(18,242,175,.34) 64%,#1089f2);
}
.setup-page-v2 .tg-three-card {
  position:relative;
  z-index:1;
  padding:0;
  text-align:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:none;
}
.setup-page-v2 .tg-three-card:hover { transform:none; border-color:transparent; box-shadow:none; }
.setup-page-v2 .tg-three-num {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:0 auto;
  border:7px solid #fff;
  border-radius:50%;
  color:#fff;
  background:#1089f2;
  box-shadow:0 0 0 1px rgba(16,137,242,.2),0 17px 32px -21px rgba(3,76,125,.75);
  -webkit-text-stroke:0;
  font-size:1.05rem;
  letter-spacing:0;
}
.setup-page-v2 .tg-three-card:nth-of-type(2) .tg-three-num { background:#087bcf; }
.setup-page-v2 .tg-three-card:nth-of-type(3) .tg-three-num { background:#0865ae; }
.setup-page-v2 .tg-three-card h3 {
  margin-top:22px;
  color:#082d46;
  font-size:1.18rem;
}
.setup-page-v2 .tg-three-card p {
  max-width:34ch;
  margin:10px auto 0;
  color:#567083;
  font-size:.88rem;
  line-height:1.72;
}
.setup-page-v2 .tg-three-arrow { display:none; }

.setup-page-v2 .tg-lic {
  isolation:isolate;
  background:
    radial-gradient(circle at 10% 10%,rgba(16,137,242,.33),transparent 34%),
    radial-gradient(circle at 89% 92%,rgba(18,242,175,.15),transparent 34%),
    #061a29;
}
.setup-page-v2 .tg-lic::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.44;
  pointer-events:none;
  background-image:repeating-linear-gradient(127deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 32px);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 84%);
  mask-image:linear-gradient(90deg,#000,transparent 84%);
}
.setup-page-v2 .tg-lic-card {
  border:1px solid rgba(255,255,255,.17);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 34px 70px -46px rgba(0,0,0,.9);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.setup-page-v2 .tg-lic-card .glass-overlay {
  background:radial-gradient(70% 130% at 12% 0%,rgba(16,137,242,.21),transparent 60%),radial-gradient(55% 130% at 100% 100%,rgba(18,242,175,.1),transparent 68%);
}
.setup-page-v2 .tg-lic-card .glass-specular { box-shadow:inset 1px 1px 0 rgba(255,255,255,.38),inset -1px -1px 0 rgba(255,255,255,.06); }
.setup-page-v2 .tg-lic-ic {
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  background:#1089f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 36px -20px rgba(16,137,242,.9);
}
.setup-page-v2 .tg-lic-txt h2 { color:#fff; }
.setup-page-v2 .tg-lic-txt h2 .hl2 { color:#6dc9ff; }
.setup-page-v2 .tg-lic-txt p { color:rgba(225,239,248,.71); }
.setup-page-v2 .tg-lic-txt p b { color:#fff; }
.setup-page-v2 .tg-lic-card .tg-own-btn {
  min-height:50px;
  color:#fff;
  background:#1089f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 34px -22px rgba(16,137,242,.9);
}
.setup-page-v2 .tg-lic-card .tg-own-btn .ic { color:#fff; }

.setup-page-v2 .tg-apps {
  background:
    radial-gradient(circle at 91% 7%,rgba(16,137,242,.08),transparent 27%),
    linear-gradient(180deg,#fff 0%,#f2f8fc 100%);
}
.setup-page-v2 .tg-apps::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background-image:radial-gradient(rgba(16,137,242,.13) .8px,transparent .8px);
  background-size:25px 25px;
  -webkit-mask-image:radial-gradient(circle at 86% 15%,#000,transparent 38%);
  mask-image:radial-gradient(circle at 86% 15%,#000,transparent 38%);
}
.setup-page-v2 .tg-apps .wrap { position:relative; z-index:1; }
.setup-page-v2 .tg-app {
  border-color:rgba(8,80,122,.11);
  border-radius:18px;
  box-shadow:0 29px 56px -43px rgba(4,52,83,.62),inset 0 1px 0 rgba(255,255,255,.9);
}
.setup-page-v2 .tg-app:hover { transform:translateY(-3px); box-shadow:0 32px 60px -42px rgba(4,52,83,.72); }
.setup-page-v2 .tg-app:not(.tg-app--win)::before {
  content:"";
  position:absolute;
  top:0;
  left:22px;
  width:48px;
  height:3px;
  border-radius:0 0 8px 8px;
  background:#1089f2;
}
.setup-page-v2 .tg-app--win {
  color:#fff;
  border:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 5% 0%,rgba(16,137,242,.31),transparent 42%),
    radial-gradient(circle at 100% 100%,rgba(18,242,175,.09),transparent 42%),
    #071f30;
  box-shadow:0 31px 64px -42px rgba(2,35,58,.9),inset 0 1px 0 rgba(255,255,255,.13);
}
.setup-page-v2 .tg-app--win::before {
  height:4px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,#1089f2,#12f2af);
}
.setup-page-v2 .tg-app--win h3 { color:#fff; }
.setup-page-v2 .tg-app--win .tg-app-sub { color:#9bd8f8; }
.setup-page-v2 .tg-app--win p.tg-app-p,
.setup-page-v2 .tg-app--win .tg-app-list li { color:rgba(226,240,248,.7); }
.setup-page-v2 .tg-app--win .tg-app-list li i { color:#fff; }
.setup-page-v2 .tg-app-rank { color:#456377; background:#edf5fa; }
.setup-page-v2 .tg-app--win .tg-app-rank { color:#fff; background:#1089f2; box-shadow:none; }
.setup-page-v2 .tg-app-list li i { color:#087bcf; }
.setup-page-v2 .tg-apps-note {
  width:max-content;
  max-width:100%;
  padding:9px 14px;
  border-radius:999px;
  color:#597285;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 1px rgba(8,80,122,.1);
}

.setup-page-v2 .tg-dev {
  background:
    radial-gradient(80% 54% at 50% 0%,rgba(16,137,242,.2),transparent 66%),
    radial-gradient(50% 36% at 100% 38%,rgba(18,242,175,.07),transparent 74%),
    #051824;
}
.setup-page-v2 .tg-dev::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:linear-gradient(128deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 76%);
  mask-image:linear-gradient(90deg,#000,transparent 76%);
}
.setup-page-v2 .tg-dev-tag {
  color:#fff;
  border:1px solid rgba(94,198,255,.27);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.setup-page-v2 .tg-dev-tag i { color:#fff; }
.setup-page-v2 .tg-dev-head h2 .hl2 { color:#6dc9ff; }
.setup-page-v2 .tg-tabs {
  gap:8px;
  max-width:960px;
  padding:8px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 25px 55px -43px rgba(0,0,0,.9);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.setup-page-v2 .tg-tab {
  min-height:46px;
  border:0;
  border-radius:11px;
  color:rgba(231,242,249,.78);
  background:transparent;
  box-shadow:none;
}
.setup-page-v2 .tg-tab i,
.setup-page-v2 .tg-tab .tg-tab-svg { color:currentColor; }
.setup-page-v2 .tg-tab:hover { color:#fff; background:rgba(255,255,255,.07); }
.setup-page-v2 .tg-tab.is-active {
  color:#fff;
  background:#1089f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 26px -17px rgba(16,137,242,.9);
}
.setup-page-v2 .tg-tab.is-active i,
.setup-page-v2 .tg-tab.is-active .tg-tab-svg { color:#fff; }
.setup-page-v2 .tg-guide {
  border:1px solid rgba(255,255,255,.11);
  border-radius:21px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 44px 90px -60px rgba(0,0,0,.95);
}
.setup-page-v2 .tg-guide-head {
  background:linear-gradient(90deg,rgba(16,137,242,.17),rgba(255,255,255,.025) 62%,transparent);
}
.setup-page-v2 .tg-guide-ic { background:#1089f2; }

.setup-page-v2 .tg-help-strip-v3 {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  max-width:950px;
  margin-bottom:clamp(2rem,4vw,2.8rem);
  padding:16px 17px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  text-align:left;
  background:linear-gradient(110deg,rgba(16,137,242,.15),rgba(255,255,255,.055) 45%,rgba(18,242,175,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 28px 58px -48px rgba(0,0,0,.95);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.setup-page-v2 .tg-help-icon-v3 {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:15px;
  color:#fff;
  background:#1089f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 17px 28px -18px rgba(16,137,242,.9);
}
.setup-page-v2 .tg-help-icon-v3 i { color:#fff; font-size:1.42rem; }
.setup-page-v2 .tg-help-copy-v3 strong {
  display:block;
  color:#fff;
  font:800 .9rem/1.3 var(--font-display);
}
.setup-page-v2 .tg-help-copy-v3 p {
  max-width:62ch;
  margin-top:5px;
  color:rgba(226,239,247,.66);
  font-size:.78rem;
  line-height:1.58;
}
.setup-page-v2 .tg-guided-help-v3 {
  min-height:46px;
  padding-inline:14px;
  white-space:nowrap;
  background:#1089f2;
}
.setup-page-v2 .tg-guided-help-v3 i,
.setup-page-v2 .tg-guided-help-v3 .ic-wa { color:#fff; }

.setup-page-v2 .setup-support-v1 {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 14%,rgba(16,137,242,.31),transparent 35%),
    radial-gradient(circle at 91% 82%,rgba(18,242,175,.12),transparent 34%),
    #051824;
}
.setup-page-v2 .setup-support-v1::before {
  opacity:.42;
  background-image:radial-gradient(rgba(105,204,255,.16) 1px,transparent 1.4px),repeating-linear-gradient(127deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 31px);
  background-size:46px 46px,auto;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 84%);
  mask-image:linear-gradient(90deg,#000,transparent 84%);
}
.setup-page-v2 .setup-support-in-v1 { position:relative; z-index:1; }
.setup-page-v2 .setup-support-in-v1 > div > span { color:#85d2fa; }
.setup-page-v2 .setup-support-flags-v2 {
  margin-top:16px;
  border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 38px -30px rgba(0,0,0,.9);
}
.setup-page-v2 .setup-support-flags-v2::before { color:#bde8fb; content:"NORDIC TEAM"; }
.setup-page-v2 .setup-support-flags-v2 span {
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.92);
}
.setup-page-v2 .setup-support-actions-v1 a {
  min-height:49px;
  padding-inline:16px;
  border-radius:12px;
  color:#fff;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.setup-page-v2 .setup-support-actions-v1 a:first-child {
  color:#07547f;
  border-color:#fff;
  background:#fff;
  box-shadow:0 18px 32px -24px rgba(0,0,0,.8);
}
.setup-page-v2 .setup-support-actions-v1 a:first-child .ic { color:#1089f2; }
.setup-page-v2 .setup-support-actions-v1 small { color:#fff; background:#1089f2; }

@media (max-width:899px) {
  .setup-page-v2 .tg-three-grid {
    grid-template-columns:1fr;
    gap:28px;
    max-width:680px;
  }
  .setup-page-v2 .tg-three-grid::before {
    top:31px;
    bottom:31px;
    left:31px;
    right:auto;
    width:2px;
    height:auto;
    background:linear-gradient(180deg,#1089f2,rgba(16,137,242,.25) 48%,#1089f2);
  }
  .setup-page-v2 .tg-three-card {
    min-height:64px;
    padding-left:86px;
    text-align:left;
  }
  .setup-page-v2 .tg-three-num {
    position:absolute;
    top:0;
    left:0;
    margin:0;
  }
  .setup-page-v2 .tg-three-card h3 { margin-top:3px; }
  .setup-page-v2 .tg-three-card p { max-width:none; margin:8px 0 0; }
}

@media (max-width:619px) {
  .setup-page-v2 .tg-own-actions {
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,350px);
    margin-inline:auto;
  }
  .setup-page-v2 .tg-hero-action-v3 { width:100%; min-height:55px; }
  .setup-page-v2 .tg-nordic-flags-v2 {
    right:auto;
    left:50%;
    bottom:-2%;
    transform:translateX(-50%);
    transform-origin:center;
  }
  .setup-page-v2 .tg-nordic-flags-v2,
  .setup-page-v2 .setup-support-flags-v2 {
    gap:5px;
    padding:6px 7px 6px 9px;
  }
  .setup-page-v2 .tg-nordic-flags-v2::before,
  .setup-page-v2 .setup-support-flags-v2::before { margin-right:1px; font-size:.43rem; }
  .setup-page-v2 .tg-nordic-flags-v2 span,
  .setup-page-v2 .setup-support-flags-v2 span { width:29px; height:25px; border-radius:7px; }
  .setup-page-v2 .tg-nordic-flags-v2 svg,
  .setup-page-v2 .setup-support-flags-v2 svg { width:22px; height:15px; }
  .setup-page-v2 .tg-three-grid { gap:31px; }
  .setup-page-v2 .tg-three-grid::before { left:25px; top:25px; bottom:25px; }
  .setup-page-v2 .tg-three-card { min-height:52px; padding-left:69px; }
  .setup-page-v2 .tg-three-num { width:52px; height:52px; border-width:6px; font-size:.9rem; }
  .setup-page-v2 .tg-three-card h3 { font-size:1.06rem; }
  .setup-page-v2 .tg-three-card p { font-size:.82rem; line-height:1.66; }
  .setup-page-v2 .tg-lic-card { border-radius:19px; }
  .setup-page-v2 .tg-lic-in { padding:24px 19px; }
  .setup-page-v2 .tg-lic-ic { width:58px; height:58px; border-radius:17px; }
  .setup-page-v2 .tg-app { border-radius:16px; padding:1.55rem 1.3rem 1.45rem; }
  .setup-page-v2 .tg-apps-note { width:auto; border-radius:14px; line-height:1.55; }
  .setup-page-v2 .tg-tabs { width:100%; padding:7px; gap:6px; border-radius:15px; }
  .setup-page-v2 .tg-tab { flex:1 1 calc(50% - 6px); justify-content:center; min-height:44px; padding:.68rem .72rem; font-size:.76rem; }
  .setup-page-v2 .tg-help-strip-v3 {
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    padding:14px;
    border-radius:16px;
  }
  .setup-page-v2 .tg-help-icon-v3 { width:46px; height:46px; border-radius:13px; }
  .setup-page-v2 .tg-help-copy-v3 strong { font-size:.79rem; }
  .setup-page-v2 .tg-help-copy-v3 p { font-size:.7rem; }
  .setup-page-v2 .tg-guided-help-v3 { grid-column:1 / -1; justify-content:center; width:100%; }
  .setup-page-v2 .setup-support-flags-v2 { margin:15px auto 0; }
  .setup-page-v2 .setup-support-actions-v1 { gap:10px; }
}

/* Setup Nordic correction v4: metallic flag rails, contained app signal and WhatsApp in setup paths. */
.setup-page-v2 .tg-nordic-flags-v2,
.setup-page-v2 .setup-support-flags-v2 {
  border-color:rgba(177,211,228,.42);
  background:
    linear-gradient(112deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.03) 17%,transparent 34%,rgba(255,255,255,.12) 50%,transparent 64%),
    linear-gradient(180deg,#3b5563 0%,#102733 48%,#263e4b 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 16px 32px -23px rgba(2,26,39,.9);
  backdrop-filter:blur(14px) saturate(110%);
  -webkit-backdrop-filter:blur(14px) saturate(110%);
}
.setup-page-v2 .tg-nordic-flags-v2::before,
.setup-page-v2 .setup-support-flags-v2::before {
  color:#f4fbff;
  text-shadow:0 1px 0 rgba(0,0,0,.55);
}
.setup-page-v2 .tg-nordic-flags-v2 span,
.setup-page-v2 .setup-support-flags-v2 span {
  border-color:rgba(202,226,238,.32);
  background:linear-gradient(145deg,#48616e 0%,#132833 44%,#2f4855 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.27),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 7px 13px -9px rgba(0,0,0,.9);
}
.setup-page-v2 .tg-nordic-flags-v2 svg,
.setup-page-v2 .setup-support-flags-v2 svg {
  border-radius:2px;
  box-shadow:0 1px 3px rgba(0,0,0,.36);
}
.setup-page-v2 .setup-support-flags-v2 {
  border-color:rgba(177,211,228,.34);
  background:
    linear-gradient(112deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.025) 18%,transparent 36%,rgba(255,255,255,.1) 52%,transparent 66%),
    linear-gradient(180deg,#314b59 0%,#0b202b 50%,#203845 100%);
}
.setup-page-v2 .tg-app--win::before {
  top:0;
  left:18px;
  right:18px;
  width:auto;
  height:4px;
  border-radius:0 0 999px 999px;
}
.setup-page-v2 .tg-whatsapp-btn {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  min-height:44px;
  padding:0 1.15rem;
  border-radius:12px;
  color:#fff;
  background:#20b968;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 28px -14px rgba(7,111,58,.72);
  font-family:var(--font-display);
  font-size:.88rem;
  font-weight:700;
  line-height:1;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.setup-page-v2 .tg-whatsapp-btn:hover,
.setup-page-v2 .tg-whatsapp-btn:focus-visible {
  color:#fff;
  background:#169d57;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 28px -14px rgba(7,111,58,.8);
}
.setup-page-v2 .tg-whatsapp-btn .ic-wa {
  flex:none;
  width:19px;
  height:19px;
  color:#fff;
}
.setup-page-v2 .tg-use-help-actions-v4 {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:.7rem;
}
.setup-page-v2 .tg-use-help-actions-v4 .tg-wa-btn,
.setup-page-v2 .tg-use-help-actions-v4 .tg-whatsapp-btn { margin-top:0; }

@media (max-width:619px) {
  .setup-page-v2 .tg-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .setup-page-v2 .tg-actions a {
    justify-content:center;
    width:100%;
    min-width:0;
    padding-inline:10px;
    font-size:.72rem;
  }
  .setup-page-v2 .tg-actions .tg-mail-btn { grid-column:1 / -1; }
  .setup-page-v2 .tg-use-help-actions-v4 {
    display:grid;
    grid-template-columns:1fr;
  }
  .setup-page-v2 .tg-use-help-actions-v4 a { justify-content:center; width:100%; }
}

/* Setup Nordic correction v5: independent circular flags without labels or a shared rail. */
.setup-page-v2 .tg-nordic-flags-v2,
.setup-page-v2 .setup-support-flags-v2 {
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.setup-page-v2 .tg-nordic-flags-v2::before,
.setup-page-v2 .tg-nordic-flags-v2::after,
.setup-page-v2 .setup-support-flags-v2::before,
.setup-page-v2 .setup-support-flags-v2::after {
  display:none;
  content:none;
}
.setup-page-v2 .tg-nordic-flags-v2 span,
.setup-page-v2 .setup-support-flags-v2 span,
.setup-page-v2 .tg-nordic-flags-v2 span:first-child,
.setup-page-v2 .setup-support-flags-v2 span:first-child {
  display:block;
  width:36px;
  height:36px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:2px solid rgba(205,228,239,.9);
  border-radius:50%;
  background:transparent;
  box-shadow:
    0 0 0 1px rgba(7,42,60,.42),
    inset 0 1px 0 rgba(255,255,255,.68),
    0 9px 18px -12px rgba(3,32,47,.78);
}
.setup-page-v2 .tg-nordic-flags-v2 svg,
.setup-page-v2 .setup-support-flags-v2 svg {
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  box-shadow:none;
}
.setup-page-v2 .setup-support-flags-v2 {
  margin-top:16px;
  background:none;
}

@media (max-width:619px) {
  .setup-page-v2 .tg-nordic-flags-v2,
  .setup-page-v2 .setup-support-flags-v2 {
    gap:8px;
    padding:0;
  }
  .setup-page-v2 .tg-nordic-flags-v2 span,
  .setup-page-v2 .setup-support-flags-v2 span,
  .setup-page-v2 .tg-nordic-flags-v2 span:first-child,
  .setup-page-v2 .setup-support-flags-v2 span:first-child {
    width:33px;
    height:33px;
    border-radius:50%;
  }
  .setup-page-v2 .setup-support-flags-v2 { margin:15px auto 0; }
}

/* Setup Nordic correction v6: free-standing wind-shaped flag pennants. */
.setup-page-v2 .tg-nordic-flags-v2,
.setup-page-v2 .setup-support-flags-v2 {
  gap:10px;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.setup-page-v2 .tg-nordic-flags-v2 span,
.setup-page-v2 .setup-support-flags-v2 span,
.setup-page-v2 .tg-nordic-flags-v2 span:first-child,
.setup-page-v2 .setup-support-flags-v2 span:first-child {
  position:relative;
  display:block;
  width:46px;
  height:34px;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform-origin:4px 50%;
}
.setup-page-v2 .tg-nordic-flags-v2 span::before,
.setup-page-v2 .setup-support-flags-v2 span::before {
  position:absolute;
  z-index:2;
  top:1px;
  bottom:1px;
  left:1px;
  display:block;
  width:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#5d7888 0%,#f5fbff 48%,#7893a2 100%);
  box-shadow:0 1px 4px rgba(2,31,46,.36);
  content:"";
}
.setup-page-v2 .tg-nordic-flags-v2 span::after,
.setup-page-v2 .setup-support-flags-v2 span::after {
  position:absolute;
  z-index:3;
  top:-2px;
  left:-1px;
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#fff 0 14%,#d7e6ed 30%,#6f8997 72%,#314c5a 100%);
  box-shadow:0 1px 3px rgba(2,31,46,.4);
  content:"";
}
.setup-page-v2 .tg-nordic-flags-v2 svg,
.setup-page-v2 .setup-support-flags-v2 svg {
  position:absolute;
  top:2px;
  left:3px;
  display:block;
  width:43px;
  height:30px;
  border-radius:0;
  clip-path:polygon(0 7%,87% 0,100% 14%,83% 50%,100% 86%,87% 100%,0 93%);
  filter:drop-shadow(0 5px 4px rgba(3,33,49,.25));
}
.setup-page-v2 .tg-nordic-flags-v2 span:nth-child(1),
.setup-page-v2 .setup-support-flags-v2 span:nth-child(1) { transform:rotate(-4deg) translateY(2px); }
.setup-page-v2 .tg-nordic-flags-v2 span:nth-child(2),
.setup-page-v2 .setup-support-flags-v2 span:nth-child(2) { transform:rotate(2deg) translateY(-2px); }
.setup-page-v2 .tg-nordic-flags-v2 span:nth-child(3),
.setup-page-v2 .setup-support-flags-v2 span:nth-child(3) { transform:rotate(-2deg); }
.setup-page-v2 .tg-nordic-flags-v2 span:nth-child(4),
.setup-page-v2 .setup-support-flags-v2 span:nth-child(4) { transform:rotate(3deg) translateY(1px); }
.setup-page-v2 .tg-nordic-flags-v2 span:nth-child(5),
.setup-page-v2 .setup-support-flags-v2 span:nth-child(5) { transform:rotate(-1deg) translateY(-1px); }

@media (max-width:619px) {
  .setup-page-v2 .tg-nordic-flags-v2,
  .setup-page-v2 .setup-support-flags-v2 { gap:7px; }
  .setup-page-v2 .tg-nordic-flags-v2 span,
  .setup-page-v2 .setup-support-flags-v2 span,
  .setup-page-v2 .tg-nordic-flags-v2 span:first-child,
  .setup-page-v2 .setup-support-flags-v2 span:first-child {
    width:41px;
    height:31px;
    border-radius:0;
  }
  .setup-page-v2 .tg-nordic-flags-v2 svg,
  .setup-page-v2 .setup-support-flags-v2 svg {
    width:38px;
    height:27px;
  }
}