:root { --ink:#0F1B2D; --muted:#556072; --bg:#FFFFFF; --surface:#F3F4F7; --border:#E5E7EC; --orange:#F26A1B; --orange-dark:#C2410C; --paper:var(--bg); --lime:var(--orange); --green:var(--orange-dark); --line:var(--border); }
* { box-sizing:border-box; }
html { scroll-padding-top:90px; }
body.i24-template { background:var(--paper); color:var(--ink); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.i24-template .container { max-width:1440px; padding-right:52px; padding-left:52px; }
.i24-template-header { position:sticky; top:0; z-index:1030; width:100%; background:rgb(255 255 255 / 95%); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.i24-template-header .navbar { min-height:64px; max-width:1440px; margin:auto; padding:12px 52px; }
.i24-template .brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-size:22px; font-weight:700; line-height:1; letter-spacing:-.035em; text-decoration:none; }
.i24-template .brand-mark { display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border-radius:9px; }
.i24-template .brand-mark img { width:100%; height:100%; object-fit:contain; }
.i24-template .nav-link { color:var(--ink)!important; font-size:16px; font-weight:500; }
.i24-template .nav-link:hover { opacity:.65; }
.i24-template .button-dark,.i24-template .button-light { display:inline-block; padding:13px 26px; color:#fff; font-size:14px; font-weight:600; white-space:nowrap; text-decoration:none; background:var(--ink); border:1px solid var(--ink); border-radius:100px; }
.i24-template .button-dark:hover,.i24-template .button-light:hover { color:#fff; background:var(--green); border-color:var(--green); }
.i24-template .navbar .button-dark { padding:9px 18px; font-size:12px; }
.i24-template .language-selector { display:flex; gap:6px; align-items:center; margin:1rem; color:var(--muted); font-size:12px; font-weight:600; }
.i24-template .language-selector a { color:var(--muted); text-decoration:none; }.i24-template .language-selector a:hover,.i24-template .language-selector .is-active { color:var(--ink); }.i24-template .language-selector .is-active { text-decoration:underline; text-underline-offset:3px; }
.i24-template .eyebrow { display:flex; align-items:center; gap:.5rem; color:var(--muted); font-size:14px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }.i24-template .eyebrow::before { display:inline-block; width:7px; height:7px; content:""; background:var(--lime); border-radius:50%; }
.i24-template .hero { padding-top:100px; padding-bottom:100px; }.i24-template .display-title { max-width:780px; font-size:clamp(42px,5.5vw,72px); font-weight:600; line-height:1.08; letter-spacing:-.035em; }.i24-template .display-title em { color:var(--lime); font:inherit; letter-spacing:inherit; }.i24-template .hero-copy { max-width:620px; color:var(--muted); font-size:18px; line-height:1.7; }.i24-template .hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }.i24-template .hero-tags span { padding:6px 12px; font-size:12px; border:1px solid var(--line); border-radius:50px; }.i24-template .text-link { color:var(--ink); font-size:14px; font-weight:600; text-decoration:none; }.i24-template .text-link:hover { color:var(--green); }
.i24-template .hero .d-flex { align-items:center; }
.i24-template .legal-hero { max-width:1440px; padding-top:96px; padding-bottom:64px; }.i24-template .legal-content { max-width:1080px; }.i24-template .legal-list { border-top:1px solid var(--line); }.i24-template .legal-article { display:grid; grid-template-columns:72px minmax(0,1fr); gap:24px; padding:32px 0; border-bottom:1px solid var(--line); }.i24-template .legal-article > span { color:var(--green); font-size:13px; font-weight:700; letter-spacing:.1em; }.i24-template .legal-article h3 { margin:0 0 10px; font-size:22px; font-weight:600; letter-spacing:-.02em; }.i24-template .legal-article p { max-width:760px; margin:0; color:var(--muted); font-size:16px; line-height:1.7; }.i24-template .legal-article a { color:var(--green); font-weight:600; }
.i24-template .app-scene { position:relative; padding:18px; background:radial-gradient(ellipse at 60% 35%,#f7fbff,#edf1f5); border:1px solid var(--line); border-radius:28px; }.i24-template .app-scene img { display:block; width:100%; min-height:400px; object-fit:cover; object-position:left top; border:1px solid #d8e0e8; border-radius:18px; box-shadow:0 28px 36px -20px #23384b45; }.i24-template .app-caption { display:block; margin-top:14px; color:#7b8794; font-size:11px; text-align:center; letter-spacing:.03em; }
.i24-template .app-scene .hero-video { display:block; width:100%; aspect-ratio:16 / 9; object-fit:contain; background:#111; border:1px solid #d8e0e8; border-radius:18px; box-shadow:0 28px 36px -20px #23384b45; }.i24-template .hero-video-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 4px; color:var(--muted); font-size:12px; font-weight:600; }.i24-template .hero-video-controls select { max-width:68%; padding:8px 30px 8px 10px; color:var(--ink); font:inherit; background:#fff; border:1px solid var(--line); border-radius:8px; }
.i24-template .word-band { padding:1.15rem 0; color:var(--muted); line-height:2.2; text-align:center; background:#f7f8fa; border-block:1px solid var(--line); }.i24-template .word-band span { margin:0 16px; color:var(--muted); font-size:14px; font-weight:500; letter-spacing:.08em; }
.i24-template .section { padding-top:96px; padding-bottom:96px; }.i24-template .section-title { font-size:clamp(32px,4vw,48px); font-weight:600; line-height:1.15; letter-spacing:-.025em; }.i24-template .section-copy { color:var(--muted); font-size:17px; line-height:1.75; }.i24-template .step-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.i24-template .step { padding:20px; background:#f8f9fb; border:1px solid var(--line); border-radius:16px; }.i24-template .step-number { color:var(--green); font-size:.78rem; font-weight:800; letter-spacing:.1em; }.i24-template .step h3 { font-size:19px; font-weight:600; letter-spacing:-.015em; }.i24-template .step .section-copy { font-size:15px; }
.i24-template .photo-tile { display:block;  width:100%; height:100%; min-height:500px; object-fit:cover; border-radius:24px; }.i24-template .feature-card { height:100%; padding:30px; background:#fff; border:1px solid var(--line); border-radius:24px; }.i24-template .feature-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; color:var(--green); font-size:1.2rem; background:#eef6ff; border-radius:50%; }.i24-template .feature-card h3 { margin-top:24px; font-size:20px; font-weight:600; letter-spacing:-.02em; }.i24-template .feature-card p { margin-bottom:0; color:var(--muted); font-size:15px; line-height:1.6; }
.i24-template .numbers { padding:2.25rem; background:#f7f8fa; border:1px solid var(--line); border-radius:24px; }.i24-template .numbers-title { font-size:34px; font-weight:600; line-height:1.2; letter-spacing:-.025em; }.i24-template .number { padding-top:1.1rem; border-top:1px solid var(--line); }.i24-template .number strong { display:block; color:var(--lime); font-size:30px; font-weight:600; letter-spacing:-.025em; }.i24-template .number span { color:var(--muted); font-size:.9rem; }
.i24-template .demo-card { height:100%; padding:20px; background:#fff; border:1px solid var(--line); border-radius:24px; }.i24-template .demo-card video { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; background:#111; border-radius:14px; }.i24-template .demo-card h2 { margin:20px 0 8px; font-size:20px; font-weight:600; letter-spacing:-.02em; }.i24-template .demo-card p { margin-bottom:0; color:var(--muted); font-size:15px; line-height:1.6; }.i24-template .demo-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; color:var(--muted); font-size:12px; font-weight:600; }.i24-template .demo-controls select { max-width:70%; padding:8px 30px 8px 10px; color:var(--ink); font:inherit; background:#f8f9fb; border:1px solid var(--line); border-radius:8px; }.i24-template .hero-video-controls,.i24-template .demo-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; margin-top:16px; padding:14px 16px; color:var(--ink); background:#fff; border:1px solid #dce4ec; border-radius:14px; box-shadow:0 12px 24px -24px #17394b; }.i24-template .audio-control-copy { display:grid; gap:3px; min-width:0; }.i24-template .audio-control-label { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.i24-template .audio-control-title { color:var(--ink); font-size:14px; font-weight:600; }.i24-template .audio-selector { position:relative; display:block; min-width:180px; }.i24-template .audio-selector::after { position:absolute; top:50%; right:14px; color:var(--muted); content:"⌄"; font-size:18px; line-height:1; pointer-events:none; transform:translateY(-58%); }.i24-template .hero-video-controls .audio-selector select,.i24-template .demo-controls .audio-selector select { display:block; width:100%; max-width:none; min-height:44px; padding:10px 38px 10px 14px; color:var(--ink); font:inherit; font-size:14px; font-weight:600; appearance:none; background:#f4f8fc; border:1px solid #dce4ec; border-radius:10px; cursor:pointer; }.i24-template .hero-video-controls .audio-selector select:hover,.i24-template .demo-controls .audio-selector select:hover { border-color:#a9cce8; background:#eef6ff; }.i24-template .hero-video-controls .audio-selector select:focus,.i24-template .demo-controls .audio-selector select:focus { outline:3px solid #d8ebff; outline-offset:2px; border-color:var(--green); }
.i24-template .pricing-card { display:flex; flex-direction:column; height:100%; padding:32px; background:#fff; border:1px solid var(--line); border-radius:24px; }.i24-template .pricing-card-featured { border-color:#b8d7f3; background:#f5faff; box-shadow:0 20px 50px -35px #17394b; }.i24-template .pricing-plan { margin-bottom:14px; color:var(--ink); font-size:22px; font-weight:700; letter-spacing:-.025em; }.i24-template .pricing-plan span { display:inline-block; margin-left:8px; padding:4px 8px; color:var(--green); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; vertical-align:middle; background:#e8f5ff; border-radius:50px; }.i24-template .pricing-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:12px; }.i24-template .pricing-price strong { color:var(--ink); font-size:34px; line-height:1; letter-spacing:-.05em; }.i24-template .pricing-price span { color:var(--muted); font-size:14px; }.i24-template .best-for { margin:0 0 18px; padding-top:12px; color:var(--muted); font-size:14px; border-top:1px solid var(--line); }.i24-template .best-for strong { color:var(--ink); }.i24-template .pricing-features { display:grid; gap:12px; padding:0; margin:28px 0 32px; color:var(--muted); font-size:15px; line-height:1.45; list-style:none; }.i24-template .pricing-features li { position:relative; padding-left:24px; }.i24-template .pricing-features li::before { position:absolute; left:0; color:var(--green); content:"✓"; font-weight:700; }.i24-template .pricing-card .button-dark { margin-top:auto; align-self:flex-start; }
.i24-template .calculator-link { display:inline-block; margin-top:auto; margin-bottom:16px; background:none; border:0; padding:0; cursor:pointer; }.i24-template .calculator-modal .modal-content { border:1px solid var(--line); border-radius:24px; }.i24-template .calculator-modal .modal-header { border-bottom:1px solid var(--line); padding:24px 28px; }.i24-template .calculator-modal .modal-body { padding:26px 28px 30px; }.i24-template .calculator-modal .modal-title { font-size:24px; font-weight:600; letter-spacing:-.025em; }.i24-template .calculator-service { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:20px 0; }.i24-template .calculator-service button,.i24-template .calculator-stepper button { border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font:inherit; font-weight:600; cursor:pointer; }.i24-template .calculator-service button { min-height:42px; padding:8px; }.i24-template .calculator-service button[aria-pressed="true"] { color:var(--green); border-color:#b8d7f3; background:#f5faff; }.i24-template .calculator-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid var(--line); font-size:14px; font-weight:600; }.i24-template .calculator-stepper { display:flex; align-items:center; gap:6px; }.i24-template .calculator-stepper button { width:30px; height:30px; font-size:18px; line-height:1; }.i24-template .calculator-stepper input { width:52px; height:30px; color:var(--ink); text-align:center; border:1px solid var(--line); border-radius:7px; }.i24-template .calculator-result { margin-top:18px; padding:18px; color:#fff; background:var(--ink); border-radius:14px; }.i24-template .calculator-result span,.i24-template .calculator-result small { display:block; opacity:.7; font-size:12px; }.i24-template .calculator-result output { display:block; font-size:32px; font-weight:600; letter-spacing:-.035em; }.i24-template .calculator-note { margin:14px 0 0; color:var(--muted); font-size:13px; }
.i24-template .contact-modal .modal-content { border:1px solid var(--line); border-radius:24px; }.i24-template .contact-modal .modal-header { padding:24px 28px; border-bottom:1px solid var(--line); }.i24-template .contact-modal .modal-body { padding:26px 28px 30px; color:var(--muted); font-size:16px; line-height:1.65; }.i24-template .contact-modal .modal-title { font-size:24px; font-weight:600; letter-spacing:-.025em; }.i24-template .contact-modal a { color:var(--green); font-weight:600; }
.i24-template .final { max-width:none; padding:80px max(52px,calc((100vw - 1336px)/2)); margin-bottom:0; background:#f5f7fa; border-block:1px solid var(--line); }.i24-template .final h2 { max-width:800px; font-size:clamp(32px,4vw,48px); font-weight:600; line-height:1.15; letter-spacing:-.025em; }.i24-template .final-copy { max-width:680px; }.i24-template footer { padding-top:64px; padding-bottom:64px; color:var(--muted); font-size:16px; }.i24-template .legal-footer { display:grid; grid-template-columns:minmax(190px,1fr) minmax(180px,.8fr) auto; gap:48px; align-items:start; }.i24-template .footer-brand { display:grid; gap:10px; max-width:260px; }.i24-template .footer-brand-name { color:var(--ink); font-size:20px; font-weight:700; letter-spacing:-.03em; }.i24-template .footer-brand-claim { line-height:1.55; }.i24-template .footer-nav { display:grid; align-content:start; gap:12px; }.i24-template .legal-links { display:inline-flex; flex-wrap:wrap; gap:12px; }.i24-template .footer-utilities { display:grid; grid-template-columns:repeat(2,minmax(135px,1fr)); gap:40px; }.i24-template .footer-column { display:grid; align-content:start; gap:12px; }.i24-template .footer-column h2 { margin:0 0 6px; color:var(--ink); font-size:18px; font-weight:700; letter-spacing:-.01em; }.i24-template .legal-footer a { color:inherit; text-decoration:none; }.i24-template .legal-footer a:hover { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }.i24-template a:focus-visible { outline:3px solid var(--lime); outline-offset:4px; }
@media(min-width:992px) { .i24-template main#top > .hero > .row > .col-lg-7 { flex:0 0 auto; width:54.16666667%; }.i24-template main#top > .hero > .row > .col-lg-5 { flex:0 0 auto; width:45.83333333%; } }
@media(max-width:991px) { .i24-template .hero,.i24-template .section { padding-top:64px; padding-bottom:64px; }.i24-template .app-scene { max-width:520px; margin:auto; }.i24-template .photo-tile { height:460px; min-height:0; }.i24-template .legal-footer { grid-template-columns:1fr 1fr; gap:36px; }.i24-template .footer-utilities { grid-column:1 / -1; } }
@media(max-width:575px) { .i24-template .hero,.i24-template .section { padding-top:48px; padding-bottom:48px; }.i24-template .legal-hero { padding-top:64px; padding-bottom:40px; }.i24-template .legal-article { grid-template-columns:1fr; gap:8px; padding:24px 0; }.i24-template .step-cards { grid-template-columns:1fr; }.i24-template .photo-tile { height:320px; }.i24-template .pricing-card { padding:28px; }.i24-template .final { padding-top:48px; padding-bottom:48px; }.i24-template .language-selector { margin:1rem 0; }.i24-template footer { padding-top:40px; padding-bottom:40px; }.i24-template .legal-footer,.i24-template .footer-utilities { grid-template-columns:1fr; gap:28px; } }

(max-width:575px) { .i24-template .hero-video-controls,.i24-template .demo-controls { grid-template-columns:1fr; gap:10px; }.i24-template .audio-selector { width:100%; } }

.i24-template .subscription-stack { display:grid; gap:16px; }.i24-template .subscription-tier { min-height:0; padding:26px; }.i24-template .subscription-tier .pricing-plan { margin-bottom:10px; }.i24-template .subscription-tier .pricing-price { margin-bottom:10px; }.i24-template .subscription-tier .section-copy { margin-bottom:22px; font-size:15px; }.i24-template .subscription-tier .button-dark { margin-top:0; }.i24-template .subscription-tier-professional { border-color:#b8d7f3; background:#f5faff; box-shadow:0 20px 50px -35px #17394b; }

.i24-template .subscription-tier .subscription-features { gap:9px; margin:18px 0 24px; font-size:14px; }

/* Interpreter24 orange-and-navy palette. Orange is reserved for actions and
   small wayfinding details; content remains navy for comfortable reading. */
.i24-template .button-dark,.i24-template .button-light { color:#fff; background:var(--orange); border-color:var(--orange); font-weight:700; }
.i24-template .button-dark:hover,.i24-template .button-light:hover { color:#fff; background:var(--orange-dark); border-color:var(--orange-dark); }
.i24-template .eyebrow::before { background:var(--orange); }
.i24-template .audio-control-label { color:var(--orange-dark); }
.i24-template .language-selector .is-active { color:var(--ink); text-decoration-color:var(--orange); }
.i24-template .text-link:hover,.i24-template .legal-article a,.i24-template .contact-modal a { color:var(--orange-dark); }
.i24-template .audio-selector::after { color:var(--orange); }
.i24-template .hero-tags span::before { margin-right:6px; color:var(--orange); content:"•"; }
.i24-template .app-scene { background:var(--surface); }
.i24-template .app-scene .hero-video,.i24-template .demo-card video { background:var(--ink); border-color:var(--border); }
.i24-template .feature-icon { color:var(--orange-dark); background:#FFF0E8; }
.i24-template .number strong { color:var(--orange-dark); }
.i24-template .pricing-card-featured,.i24-template .subscription-tier-professional { border-color:#F6C9AE; background:#FFF8F4; box-shadow:0 20px 50px -35px #0F1B2D; }
.i24-template .pricing-features li::before { color:var(--orange-dark); }
.i24-template .hero-video::-webkit-media-controls-timeline,.i24-template .demo-card video::-webkit-media-controls-timeline { accent-color:var(--orange); }

/* Rotating language headline. The static italic headline remains the no-JS
   fallback; the script replaces it with this accessible presentation. */
.i24-template .display-title .u { position:relative; display:inline-block; isolation:isolate; }
.i24-template .display-title .rot { position:relative; z-index:1; display:inline-grid; vertical-align:bottom; }
.i24-template .display-title .rot span { grid-area:1 / 1; white-space:nowrap; opacity:0; transform:translateY(.25em); transition:opacity .45s,transform .45s; }
.i24-template .display-title .rot span.on { opacity:1; transform:none; }
.i24-template .display-title .rot span.out { opacity:0; transform:translateY(-.25em); }
.i24-template .display-title .stroke { position:absolute; z-index:0; left:-2%; bottom:-.2em; width:104%; height:.32em; overflow:visible; }
.i24-template .display-title .stroke path { stroke-dasharray:1; stroke-dashoffset:1; animation:i24-draw-underline .9s .2s cubic-bezier(.6,0,.2,1) forwards; }
@keyframes i24-draw-underline { to { stroke-dashoffset:0; } }
.i24-template .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { .i24-template .display-title .rot span { transition:none; } .i24-template .display-title .stroke path { animation:none; stroke-dashoffset:0; } }

/* Four equal pricing cards: each subscription is a first-class plan, not a
   nested card beneath another pricing column. */
.i24-template .pricing-grid > [class*="col-"] { display:flex; }
.i24-template .pricing-grid .pricing-card { width:100%; padding:24px; border-radius:20px; }
.i24-template .pricing-grid .pricing-plan { margin-bottom:10px; font-size:19px; }
.i24-template .pricing-grid .pricing-price { gap:6px; margin-bottom:10px; }
.i24-template .pricing-grid .pricing-price strong { font-size:30px; }
.i24-template .pricing-grid .pricing-price span { font-size:13px; }
.i24-template .pricing-grid .best-for { margin-bottom:14px; padding-top:10px; font-size:13px; }
.i24-template .pricing-grid .section-copy { font-size:14px; line-height:1.55; }
.i24-template .pricing-grid .pricing-features { gap:9px; margin:20px 0 24px; font-size:14px; }
.i24-template .pricing-grid .pricing-features li { padding-left:20px; }
.i24-template .pricing-grid .button-dark { padding:11px 18px; font-size:13px; }
@media(max-width:575px) { .i24-template .pricing-grid .pricing-card { padding:24px; } }

/* Sponsor-branding feature page */
.i24-template .feature-card-link { display:block; color:inherit; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.i24-template .feature-card-link span { display:inline-block; margin-top:22px; color:var(--orange-dark); font-size:14px; font-weight:700; }.i24-template .feature-card-link:hover { color:inherit; border-color:#f6c9ae; box-shadow:0 18px 35px -28px #0f1b2d; transform:translateY(-3px); }
.i24-template .language-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; padding:0; margin:32px 0 0; list-style:none; }.i24-template .language-grid li { padding:14px 16px; color:var(--ink); font-weight:600; background:#fff; border:1px solid var(--line); border-radius:12px; }.i24-template .language-support-note { max-width:760px; padding:24px; margin-top:40px; color:var(--muted); background:#fff8f4; border:1px solid #f6c9ae; border-radius:18px; }.i24-template .language-support-note h2 { margin:0 0 10px; color:var(--ink); font-size:22px; font-weight:700; letter-spacing:-.02em; }.i24-template .language-support-note p { margin:0; line-height:1.6; }.i24-template .language-support-note a { color:var(--orange-dark); font-weight:700; }
.i24-template .language-grid li { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }.i24-template .profile-chips { display:inline-flex; flex-wrap:wrap; gap:5px; }.i24-template .profile-chip { padding:3px 7px; color:var(--orange-dark); font-size:10px; font-weight:800; line-height:1.2; letter-spacing:.02em; white-space:nowrap; background:#fff0e8; border-radius:999px; }
.i24-template .profile-filter { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 0; }.i24-template .profile-filter button { padding:9px 14px; color:var(--ink); font:inherit; font-size:13px; font-weight:700; cursor:pointer; background:#fff; border:1px solid var(--line); border-radius:999px; }.i24-template .profile-filter button[aria-pressed="true"] { color:#fff; background:var(--orange); border-color:var(--orange); }.i24-template .language-grid li[hidden] { display:none; }
.i24-template .profile-filter-group { margin-top:28px; }.i24-template .profile-filter-group + .profile-filter-group { margin-top:18px; }.i24-template .profile-filter-label { margin:0 0 8px; color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.i24-template .profile-filter-group .profile-filter { margin:0; }
.i24-template .profile-chip-captions-only { color:#526170; background:#edf1f5; }
.i24-template .sponsor-hero { padding-bottom:88px; }.i24-template .sponsor-screen { padding:18px; background:var(--surface); border:1px solid var(--border); border-radius:28px; box-shadow:0 24px 48px -38px #0f1b2d; }.i24-template .sponsor-screen-top { display:flex; justify-content:space-between; align-items:center; padding:13px 14px; color:#fff; background:var(--ink); border-radius:15px 15px 0 0; }.i24-template .sponsor-event-name { font-size:12px; font-weight:700; letter-spacing:.12em; }.i24-template .sponsor-live { color:#ffd9c2; font-size:10px; font-weight:700; letter-spacing:.08em; }.i24-template .sponsor-caption { min-height:260px; padding:28px 26px; background:#fff; border:1px solid var(--border); border-top:0; }.i24-template .sponsor-caption > span,.i24-template .sponsor-placement > span { display:block; margin-bottom:14px; color:var(--orange-dark); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.i24-template .sponsor-caption p { margin:0 0 20px; color:var(--ink); font-size:19px; font-weight:500; line-height:1.45; letter-spacing:-.02em; }.i24-template .sponsor-caption .caption-muted { color:#8a94a3; }.i24-template .sponsor-placement { padding:22px 26px; text-align:center; background:#fff0e8; border-radius:0 0 15px 15px; }.i24-template .sponsor-placement > span { margin-bottom:7px; color:var(--muted); }.i24-template .sponsor-placement strong { color:var(--ink); font-size:18px; letter-spacing:.06em; }.i24-template .sponsor-process { background:#f7f8fa; border-block:1px solid var(--border); }

/* Portfolio */
.i24-template .portfolio-hero { padding-bottom:72px; }.i24-template .portfolio-list { display:grid; gap:32px; padding-bottom:96px; }.i24-template .portfolio-project { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:28px; }.i24-template .portfolio-project-reverse .portfolio-image-wrap { order:2; }.i24-template .portfolio-project-reverse .portfolio-content { order:1; }.i24-template .portfolio-image-wrap { min-height:460px; background:var(--surface); }.i24-template .portfolio-image { display:block; width:100%; height:100%; object-fit:cover; }.i24-template .portfolio-image-poster { object-position:center; }.i24-template .portfolio-content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:48px; }.i24-template .project-label { margin:0 0 16px; color:var(--orange-dark); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.i24-template .portfolio-content h2 { margin:0; color:var(--ink); font-size:clamp(30px,3.2vw,44px); font-weight:600; line-height:1.12; letter-spacing:-.035em; }.i24-template .project-client { margin:10px 0 24px; color:var(--ink); font-size:16px; font-weight:700; }.i24-template .portfolio-content > p:not(.project-label):not(.project-client):not(.project-note) { margin:0; color:var(--muted); font-size:16px; line-height:1.7; }.i24-template .project-services { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:28px 0 22px; list-style:none; }.i24-template .project-services li { padding:7px 11px; color:var(--ink); font-size:12px; font-weight:700; background:#fff0e8; border-radius:999px; }.i24-template .project-note { margin:0; padding-top:20px; color:var(--muted); font-size:14px; line-height:1.55; border-top:1px solid var(--line); }
@media(max-width:991px) { .i24-template .portfolio-list { padding-bottom:64px; }.i24-template .portfolio-project { grid-template-columns:1fr; }.i24-template .portfolio-project-reverse .portfolio-image-wrap,.i24-template .portfolio-project-reverse .portfolio-content { order:initial; }.i24-template .portfolio-image-wrap { min-height:380px; }.i24-template .portfolio-content { padding:38px; } }
@media(max-width:575px) { .i24-template .portfolio-hero { padding-bottom:44px; }.i24-template .portfolio-list { gap:20px; padding-bottom:48px; }.i24-template .portfolio-project { border-radius:20px; }.i24-template .portfolio-image-wrap { min-height:280px; }.i24-template .portfolio-content { padding:28px; } }

/* Philosophy page */
.i24-template .philosophy-hero { padding-top:112px; padding-bottom:112px; }
.i24-template .philosophy-hero h1 { max-width:1100px; margin:0; font-size:clamp(52px,8vw,112px); font-weight:700; line-height:1.02; letter-spacing:-.065em; }
.i24-template .philosophy-hero h1 em { color:var(--orange); font:inherit; }
.i24-template .philosophy-lead { max-width:710px; margin:36px 0 28px; color:var(--muted); font-size:clamp(19px,2vw,24px); line-height:1.55; }
.i24-template .philosophy-statement { padding:104px 0; color:#fff; background:var(--ink); }
.i24-template .philosophy-statement .eyebrow { color:#d9e1eb; }
.i24-template .philosophy-statement h2 { max-width:1100px; margin:0 0 32px; font-size:clamp(40px,6vw,76px); font-weight:700; line-height:1.1; letter-spacing:-.05em; }
.i24-template .philosophy-statement h2 span { color:#ffad78; }
.i24-template .philosophy-statement p:last-child { max-width:800px; margin:0; color:#d9e1eb; font-size:19px; line-height:1.7; }
.i24-template .philosophy-principles { padding-top:64px; padding-bottom:64px; }
.i24-template .philosophy-principles-intro { padding:24px 0 48px; }
.i24-template .philosophy-principles-intro h2 { margin:0; font-size:clamp(40px,5vw,64px); font-weight:700; line-height:1.1; letter-spacing:-.05em; }
.i24-template .philosophy-principle { display:grid; grid-template-columns:minmax(180px,.45fr) minmax(0,1fr); gap:32px; padding:54px 0; border-bottom:1px solid var(--line); }
.i24-template .philosophy-principle:first-child { border-top:1px solid var(--line); }
.i24-template .philosophy-number { padding-top:10px; color:var(--orange-dark); font-size:13px; font-weight:800; letter-spacing:.12em; }
.i24-template .philosophy-principle h2 { max-width:780px; margin:0 0 18px; font-size:clamp(30px,3.7vw,48px); font-weight:700; line-height:1.14; letter-spacing:-.035em; }
.i24-template .philosophy-principle p { max-width:750px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; }
.i24-template .philosophy-close { padding:96px 0; background:#fff3eb; }
.i24-template .philosophy-close h2 { max-width:1050px; margin:0; font-size:clamp(40px,6vw,76px); font-weight:700; line-height:1.1; letter-spacing:-.05em; }
.i24-template .philosophy-close p:not(.eyebrow) { max-width:720px; margin:28px 0; color:var(--muted); font-size:18px; line-height:1.7; }
@media(max-width:767px) { .i24-template .philosophy-hero { padding-top:72px; padding-bottom:72px; }.i24-template .philosophy-statement,.i24-template .philosophy-close { padding:72px 0; }.i24-template .philosophy-principle { grid-template-columns:1fr; gap:16px; padding:40px 0; }.i24-template .philosophy-principles { padding-top:48px; padding-bottom:48px; }.i24-template .philosophy-principles-intro { padding:8px 0 36px; } }
@media(max-width:575px) { .i24-template .philosophy-hero { padding-top:56px; padding-bottom:64px; }.i24-template .philosophy-hero h1 { font-size:clamp(46px,12vw,64px); }.i24-template .philosophy-lead { margin-top:26px; }.i24-template .philosophy-statement,.i24-template .philosophy-close { padding:56px 0; }.i24-template .philosophy-statement p:last-child,.i24-template .philosophy-principle p,.i24-template .philosophy-close p:not(.eyebrow) { font-size:17px; } }