.tivan-about{--about-background:#061d46;--about-accent:#3295ff;--about-text:#fff;--about-muted:#dce6f5;--about-icon-bg:#fff;--about-icon-hover:#fff;--about-border:#cecece;--about-card-end:#a8b5ca;--about-secondary:#fff;--about-logo-width:100px;--about-logo-gap:8px;--about-description-gap:24px;--about-actions-gap:32px;--about-button-gap:12px;--about-features-gap:100px;--about-card-gap:20px;--about-dots-gap:24px;--about-side:52px;--about-image-height:590px;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--about-features-gap);color:var(--about-text);font-family:inherit;min-width:0}
.tivan-about-surface{position:absolute;z-index:-1;inset:85px 0 76px;background:repeating-linear-gradient(125deg,transparent 0 32px,#ffffff01 32px 65px),var(--about-background);border-radius:18px;clip-path:polygon(0 12%,48% 12%,52% 0,100% 0,100% 100%,0 100%)}
.tivan-about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:175px auto auto 1fr;column-gap:24px;row-gap:0;width:calc(100% - var(--about-side)*2);align-self:center;min-height:var(--about-image-height);align-content:start}
.tivan-about-heading{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--about-logo-gap);min-width:0}
.tivan-about-logo{display:block;width:var(--about-logo-width);height:auto;max-width:100%;object-fit:contain}
.tivan-about-title{font-size:30px;font-weight:700;line-height:1.7;white-space:pre-line}
.tivan-about-picture{grid-column:2;grid-row:1/5;display:flex;align-items:flex-start;justify-content:center;min-width:0;height:var(--about-image-height)}
.tivan-about-image{display:block;width:115%;max-width:115%;height:100%;object-fit:contain;object-position:center top;pointer-events:none}
.tivan-about-body{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:var(--about-actions-gap)}
.tivan-about-layout{grid-template-rows:calc(175px - var(--about-description-gap)) auto auto 1fr;row-gap:var(--about-description-gap)}
.tivan-about-description{font-size:16px;line-height:1.9;text-align:justify;white-space:normal}
.tivan-about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--about-button-gap)}
.tivan-about .tivan-about-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:96px;box-sizing:border-box;border:1px solid var(--about-secondary);border-radius:8px;color:var(--about-secondary);text-decoration:none;font-size:14px;font-weight:600;line-height:1.5;transition:background-color .25s,transform .25s,box-shadow .25s}
.tivan-about-button:before,.tivan-about-button:after{content:'';width:7px;flex-shrink:0}
.tivan-about .tivan-about-button-primary{background:var(--about-accent);border-color:var(--about-accent);color:#fff}
.tivan-about .tivan-about-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.tivan-about-features{display:flex;flex-direction:column;gap:var(--about-dots-gap);width:calc(100% - var(--about-side)*2);align-self:center;min-width:0}
.tivan-about-viewport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:var(--about-card-gap);min-width:0}
.tivan-about-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px;min-width:0;isolation:isolate;transition:transform .3s ease}
.tivan-about-card:before,.tivan-about-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.tivan-about-card:before{background:#00286c33;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(126px);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 413 210' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M40 0H401Q413 0 413 12V170Q413 176 409 180L383 206Q379 210 373 210H12Q0 210 0 198V40Q0 34 4 30L30 4Q34 0 40 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.tivan-about-card:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 413 210' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23D4D4D4' stroke-width='1' vector-effect='non-scaling-stroke' d='M40 .5H400.5Q412.5 .5 412.5 12.5V170Q412.5 176 408.5 180L382.5 205.5Q378.5 209.5 373 209.5H12.5Q.5 209.5 .5 197.5V40Q.5 34 4.5 30L30 4.5Q34 .5 40 .5Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.tivan-about-card-inner{display:flex;flex-direction:column;gap:12px;width:calc(100% - 48px);min-width:0}
.tivan-about-card-heading{display:flex;align-items:center;gap:16px}
.tivan-about-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:var(--about-icon-bg);color:var(--about-accent);transition:background-color .3s,color .3s,box-shadow .3s}
.tivan-about-icon-image{display:block;width:32px;height:32px;object-fit:contain;filter:brightness(0) saturate(100%) invert(49%) sepia(95%) saturate(2030%) hue-rotate(191deg) brightness(103%) contrast(101%);transition:filter .3s ease}
.tivan-about-card:hover .tivan-about-icon-image,.tivan-about-card:focus-visible .tivan-about-icon-image{filter:brightness(0) invert(1)}
.tivan-about-icon-art{display:block;width:28px;height:28px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.tivan-about-icon-placeholder{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;background:transparent}
.tivan-about-card-title{font-size:21px;font-weight:600;line-height:1.65}
.tivan-about-card-description{font-size:16px;line-height:1.8;color:var(--about-muted)}
.tivan-about-card:hover,.tivan-about-card:focus-visible{transform:translateY(-5px)}
.tivan-about-card:hover .tivan-about-icon,.tivan-about-card:focus-visible .tivan-about-icon{background:var(--about-accent);color:var(--about-icon-hover);box-shadow:inset 0 0 0 2px #ffffff24,0 0 26px 8px #3295ff45}
.tivan-about-card:before{background-image:linear-gradient(180deg,#061d4600 0%,#536b9166 48%,#a8b5cae6 100%);transition:background-color .3s ease}
.tivan-about-card-inner:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 25%,#3295ff55,transparent 65%);border-radius:12px;opacity:0;transition:opacity .3s ease}
.tivan-about-card:hover .tivan-about-card-inner:before,.tivan-about-card:focus-visible .tivan-about-card-inner:before{opacity:1}
.tivan-about-pagination{display:none}
.tivan-about-button:focus-visible,.tivan-about-dot:focus-visible,.tivan-about-viewport:focus-visible,.tivan-about-card:focus-visible{outline:2px solid var(--about-accent);outline-offset:3px}
@media(min-width:768px) and (max-width:1024px){.tivan-about{--about-side:28px;--about-features-gap:60px}.tivan-about-title{font-size:24px}.tivan-about-card-inner{width:calc(100% - 28px)}.tivan-about-card-heading{gap:8px}.tivan-about-card-title{font-size:17px}.tivan-about-icon{flex-basis:42px;width:42px;height:42px}}
@media(max-width:767px){
 .tivan-about{--about-logo-width:96px;--about-logo-gap:16px;--about-description-gap:16px;--about-actions-gap:24px;--about-features-gap:40px;--about-side:20px;--about-image-height:260px;gap:var(--about-features-gap)}
 .tivan-about-surface{inset:0 0 76px;clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%,0 30px);border-radius:0 0 16px 16px}
 .tivan-about-layout{position:static;display:flex;flex-direction:column;gap:16px;min-height:0;width:calc(100% - var(--about-side)*2);align-self:center}
 .tivan-about-layout:before{content:'';height:4px;flex-shrink:0}
 .tivan-about-heading{align-items:center;text-align:center;gap:var(--about-logo-gap)}
 .tivan-about-title{font-size:26px;line-height:1.55;text-wrap:balance}
 .tivan-about-picture{position:static;inset:auto;transform:none;display:flex;flex:0 0 auto;align-self:center;width:100%;max-width:100%;height:auto;aspect-ratio:1.1;min-width:0}
 .tivan-about-image{display:block;width:100%;max-width:100%;height:100%;aspect-ratio:1.1;object-fit:contain;object-position:center;transform:none}
 .tivan-about-heading,.tivan-about-body{position:static;width:100%;max-width:100%}
 .tivan-about-body{border:0;gap:var(--about-actions-gap)}
 .tivan-about-description{font-size:14px;line-height:1.9}
 .tivan-about-actions{justify-content:flex-start;flex-wrap:wrap}
 .tivan-about .tivan-about-button{min-height:38px;font-size:12px;min-width:88px}
 .tivan-about-viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;align-items:stretch}
 .tivan-about-viewport::-webkit-scrollbar{display:none}
 .tivan-about-card{flex:0 0 100%;scroll-snap-align:start;min-height:144px;transform:none}
 .tivan-about-card-inner{width:calc(100% - 40px);gap:12px}
 .tivan-about-card-heading{gap:12px}.tivan-about-card-title{font-size:16px}.tivan-about-card-description{font-size:14px;line-height:1.8}
 .tivan-about-icon{flex-basis:38px;width:38px;height:38px}.tivan-about-icon-art{width:24px;height:24px}
 .tivan-about-card:hover,.tivan-about-card:focus-visible{transform:none}
 .tivan-about-pagination{display:flex;justify-content:center;align-items:center;gap:4px;direction:rtl}
 .tivan-about .tivan-about-dot{all:unset;box-sizing:border-box;display:grid;place-items:center;width:12px;height:24px;cursor:pointer}
 .tivan-about-dot:before{content:'';width:9px;height:8px;background:#fff;transition:width .25s,background-color .25s,box-shadow .25s}
 .tivan-about .tivan-about-dot.is-active{width:26px}.tivan-about-dot.is-active:before{width:24px;background:var(--about-accent);box-shadow:0 0 10px 3px #3295ff99}
 .tivan-about .tivan-about-dot:focus-visible{outline:2px solid var(--about-accent);outline-offset:2px}
}
@media(min-width:768px){
 .tivan-about{--about-image-overhang:85px;--about-surface-height:692px;--about-card-overhang:80px;display:grid;grid-template-columns:clamp(24px,4.1vw,57px) minmax(0,1fr) clamp(24px,4vw,56px);grid-template-rows:var(--about-image-overhang) minmax(calc(var(--about-surface-height) - 210px + var(--about-card-overhang)),auto) auto;gap:0}
 .tivan-about-layout{position:relative;grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch;align-self:stretch;grid-template-columns:clamp(32px,6.9vw,96px) minmax(0,542px) minmax(0,1fr);justify-content:normal;grid-template-rows:calc(100px - var(--about-description-gap)) auto auto minmax(48px,1fr);column-gap:0;row-gap:var(--about-description-gap);min-height:0}
 .tivan-about-features{grid-column:2;grid-row:3;width:100%;align-self:start}
 .tivan-about-picture{position:absolute;top: -171px;left:0;width:min(54%,699px);height:auto;aspect-ratio:1;max-width:699px;grid-column:auto;grid-row:auto}
 .tivan-about-image{width:100%;max-width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center top}
 .tivan-about-layout{grid-template-columns:clamp(32px,6.9vw,96px) min(42%,542px) minmax(0,1fr)}
 .tivan-about-heading,.tivan-about-body{grid-column:2;width:100%;max-width:542px;min-width:0;position:relative;z-index:1}
 .tivan-about-surface{inset:var(--about-image-overhang) 0 var(--about-card-overhang)}
 .tivan-about-surface{clip-path:none;border-radius:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1300 650' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M20 78H620Q630 78 637 69L680 9Q687 0 700 0H1280Q1300 0 1300 20V630Q1300 650 1280 650H20Q0 650 0 630V98Q0 78 20 78Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
 .tivan-about-icon{flex-basis:58px;width:58px;height:58px}
 .tivan-about-icon-image{width:32px;height:32px}
}
@media(max-width:767px){.tivan-about-icon-image{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.tivan-about-card,.tivan-about-icon,.tivan-about-icon-image,.tivan-about-button,.tivan-about-dot:before{transition:none!important;transform:none!important}}