/*
 Tamiyouz Premium Web Design Experience — page-specific, RTL/LTR, dark/light, accessible.
 Intentionally limited to the existing published web-design-development service.
*/
body.tyz-web40-page {
 --web40-ink:#102139;--web40-deep:#09172a;--web40-navy:#142c4b;
 --web40-gold:#c9a367;--web40-pale:#f2ddbc;
 --web40-muted:#61748a;--web40-line:rgba(33,57,80,.13);
 --web40-surface:#fff;--web40-base:#f8f9fb;
}
body.tyz-web40-page .tyz-site-hero {
 background:
  radial-gradient(ellipse 54% 92% at 87% 33%,rgba(192,147,88,.2),transparent 72%),
  radial-gradient(ellipse 45% 70% at 6% 94%,rgba(44,99,135,.26),transparent 70%),
  linear-gradient(121deg,#071425,#132c48 54%,#0b1b32);
 padding-block:clamp(70px,7vw,103px) clamp(90px,9vw,118px);
}
body.tyz-web40-page .tyz-site-hero h1 {
 max-width:1040px;
 font-size:clamp(40px,5.4vw,76px);
 letter-spacing:-.025em;
 line-height:1.28;
 text-wrap:balance;
}
body.tyz-web40-page .tyz-site-hero p {font-size:clamp(15px,1.6vw,19px);line-height:1.92;max-width:815px}
body.tyz-web40-page .tyz-site-hero::before {
 animation:tyz-web40-ring 19s linear infinite;
}
@keyframes tyz-web40-ring {to{transform:rotate(360deg)}}
body.tyz-web40-page .tyz-site-article{padding-bottom:0;overflow:clip;}
body.tyz-web40-page .tyz-site-article>.tyz-site-shell.tyz-site-article__body {
 max-width:none;
 width:100%;
 padding:0;
}
body.tyz-web40-page .tyz-web40 {
 --web40-wrap:1200px;
 color:var(--web40-ink);
 overflow:hidden;
 font-family:"Cairo","Inter",system-ui,sans-serif;
}
body.tyz-web40-page .tyz-web40 *{box-sizing:border-box;}
body.tyz-web40-page .tyz-web40 a{text-decoration:none;}
body.tyz-web40-page .tyz-web40 h2,
body.tyz-web40-page .tyz-web40 h3,
body.tyz-web40-page .tyz-web40 h4 {
 font-family:"Cairo","Inter",system-ui,sans-serif;
 letter-spacing:-.025em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-wrap {
 max-width:var(--web40-wrap);
 margin-inline:auto;
 padding-inline:clamp(20px,4vw,44px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-eyebrow,
body.tyz-web40-page .tyz-web40 .tyz-web40-kicker {
 display:inline-flex;align-items:center;gap:11px;
 color:#a6783d;letter-spacing:.12em;
 font:800 11px/1.8 "Outfit","Cairo",Arial,sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-eyebrow i {
 width:23px;height:1px;background:currentColor;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section {
 margin:0;padding-block:clamp(76px,8.5vw,128px);
 position:relative;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-heading {max-width:690px;margin:0 0 36px}
body.tyz-web40-page .tyz-web40 .tyz-web40-heading h2 {
 margin:12px 0 12px;
 color:var(--web40-ink);
 font-weight:900;font-size:clamp(29px,3.6vw,48px);line-height:1.42;
 text-wrap:balance;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-heading p {
 margin:0;color:var(--web40-muted);
 font-size:clamp(13.5px,1.4vw,16px);line-height:2;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening {
 background:linear-gradient(140deg,#fafbfc,#eef3f7);
 position:relative;overflow:hidden;
 padding:clamp(78px,9vw,133px) 0 clamp(80px,9vw,120px);
 border:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening::before {
 content:"";position:absolute;pointer-events:none;
 top:-110px;inset-inline-start:-130px;
 width:480px;height:480px;border-radius:50%;
 background:radial-gradient(circle,rgba(206,158,95,.2),transparent 68%);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening-layout {
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
 gap:clamp(26px,5vw,72px);
 align-items:center;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy {position:relative;z-index:2;}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy h2 {
 margin:19px 0;
 color:var(--web40-ink);
 font-size:clamp(31px,3.5vw,49px);
 line-height:1.46;font-weight:900;
 text-wrap:balance;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy>p {
 font-size:clamp(14px,1.4vw,16px);line-height:2.05;
 color:#4c6175;margin:0 0 20px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-pills {
 display:flex;gap:8px;flex-wrap:wrap;
 margin:25px 0 31px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-pill {
 display:inline-flex;align-items:center;gap:7px;
 background:#fff;border:1px solid rgba(194,161,111,.26);
 padding:8px 12px;border-radius:999px;
 box-shadow:0 4px 16px rgba(24,49,72,.04);
 font-size:11.5px;line-height:1.6;font-weight:750;color:#294560;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-pill::before {
 content:"";width:6px;height:6px;flex:none;
 border-radius:50%;background:#c79c60;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-actions {
 display:flex;flex-wrap:wrap;align-items:center;gap:12px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button {
 display:inline-flex;align-items:center;justify-content:center;
 gap:21px;min-height:51px;padding:13px 21px;border-radius:13px;
 font:850 12.5px/1.5 "Cairo","Inter",sans-serif;
 border:1px solid transparent;
 transition:transform .26s,box-shadow .26s,background .26s,border-color .26s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button:hover {transform:translateY(-3px);}
body.tyz-web40-page .tyz-web40 .tyz-web40-button:focus-visible {
 outline:3px solid #b68a51;outline-offset:3px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--primary {
 background:linear-gradient(110deg,#ddbd83,#bf8d4b);
 color:#0a2036!important;box-shadow:0 15px 30px rgba(170,114,49,.22);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--primary:hover {
 box-shadow:0 21px 37px rgba(170,114,49,.31);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--ghost {
 background:rgba(19,43,68,.045);
 color:#163752!important;
 border-color:rgba(28,55,77,.22);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--ghost:hover {background:rgba(19,43,68,.085);}
body.tyz-web40-page .tyz-web40 .tyz-web40-showcase {
 position:relative;
 display:grid;place-items:center;
 min-height:clamp(335px,38vw,490px);
 perspective:1100px;
 transform-style:preserve-3d;
 isolation:isolate;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-showcase::before {
 content:"";position:absolute;inset:9% 8% 4%;
 z-index:-1;border-radius:50%;
 background:radial-gradient(ellipse,rgba(196,157,108,.35),rgba(67,105,136,.13) 55%,transparent 75%);
 filter:blur(25px);
 animation:tyz-web40-aurora 8s ease-in-out infinite alternate;
}
@keyframes tyz-web40-aurora{to{transform:scale(1.11) translateY(-7px);filter:blur(29px)}}
body.tyz-web40-page .tyz-web40 .tyz-web40-orb {position:absolute;border-radius:50%;pointer-events:none;}
body.tyz-web40-page .tyz-web40 .tyz-web40-orb--one {
 width:245px;height:245px;top:2%;inset-inline-end:-4%;
 border:1px solid rgba(179,146,91,.32);
 box-shadow:0 0 0 34px rgba(176,147,98,.05),0 0 0 74px rgba(176,147,98,.025);
 animation:tyz-web40-orbit 15s linear infinite;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-orb--two {
 width:86px;height:86px;bottom:7%;inset-inline-start:0;
 border:1px solid rgba(70,109,141,.24);
 background:radial-gradient(circle,rgba(210,172,112,.12),transparent);
 animation:tyz-web40-orbit 12s linear infinite reverse;
}
@keyframes tyz-web40-orbit{to{transform:rotate(360deg)}}
body.tyz-web40-page .tyz-web40 .tyz-web40-window {
 position:relative;z-index:1;overflow:hidden;
 width:min(100%,490px);min-height:350px;
 background:#0e2035;border:1px solid rgba(221,187,133,.4);
 border-radius:21px;box-shadow:0 32px 70px rgba(12,31,52,.27);
 transform:rotate(-3deg) rotateY(var(--tyz40-tilt-y,0deg)) rotateX(var(--tyz40-tilt-x,0deg));
 transition:transform .5s cubic-bezier(.2,.85,.3,1),box-shadow .5s;
}
html[dir="rtl"] body.tyz-web40-page .tyz-web40 .tyz-web40-window {transform:rotate(3deg) rotateY(var(--tyz40-tilt-y,0deg)) rotateX(var(--tyz40-tilt-x,0deg));}
body.tyz-web40-page .tyz-web40 .tyz-web40-showcase:hover .tyz-web40-window {
 box-shadow:0 40px 90px rgba(8,29,50,.36);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window-toolbar {
 display:flex;justify-content:space-between;align-items:center;gap:13px;
 padding:13px 17px;color:#b7c2d0;
 background:#0a1728;border-bottom:1px solid rgba(221,194,153,.2);
 font:750 9px/1.3 "Outfit",Arial,sans-serif;letter-spacing:.15em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window-dots {
 display:flex;align-items:center;gap:5px;direction:ltr;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window-dots i {
 display:block;width:6px;height:6px;border-radius:50%;background:#b7905e;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window-dots i:nth-child(2){background:#658da2}
body.tyz-web40-page .tyz-web40 .tyz-web40-window-dots i:nth-child(3){background:#d7cdb5}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview {
 min-height:330px;position:relative;isolation:isolate;
 background:
   radial-gradient(circle at 80% 80%,rgba(193,154,87,.28),transparent 42%),
   linear-gradient(135deg,#112945,#0a192d);
 padding:clamp(24px,4vw,41px);
 display:flex;align-items:flex-start;flex-direction:column;justify-content:center;overflow:hidden;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview::before{
 content:"";position:absolute;inset-inline-end:-14%;top:-44%;width:83%;
 aspect-ratio:1;border:1px solid rgba(212,169,102,.32);
 border-radius:50%;
 box-shadow:0 0 0 25px rgba(209,161,88,.04),0 0 0 65px rgba(209,161,88,.03);
 pointer-events:none;z-index:-1;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview small {
 font:700 10px/1.5 "Outfit",Arial,sans-serif;
 color:#eac991;letter-spacing:.17em;margin-bottom:23px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview strong {
 display:flex;flex-direction:column;
 font:900 clamp(26px,3vw,39px)/1.35 "Cairo","Outfit",sans-serif;
 color:#fff8ee;max-width:390px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview em {
 color:#dfbc82;font-style:normal;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-desc {
 color:#c0cddb;line-height:1.8;font-size:11.5px;margin-top:12px;max-width:290px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-cta {
 display:inline-flex;margin-top:21px;
 background:#d7af78;border-radius:9px;color:#172b41;
 font-size:11px;font-weight:800;padding:10px 16px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-lines {
 display:flex;gap:8px;position:absolute;bottom:20px;inset-inline-end:20px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-lines i{
 width:16px;height:3px;background:#cba772;border-radius:6px;opacity:.9;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-lines i:nth-child(2){opacity:.4}
body.tyz-web40-page .tyz-web40 .tyz-web40-preview-lines i:nth-child(3){opacity:.2}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating {
 position:absolute;z-index:2;
 display:flex;align-items:center;gap:9px;
 background:rgba(255,255,255,.93);
 color:#173650;
 border:1px solid rgba(186,152,97,.25);
 box-shadow:0 16px 34px rgba(14,40,62,.15);
 padding:11px 15px;border-radius:14px;
 backdrop-filter:blur(12px);
 font:800 11px/1.4 "Outfit","Cairo",sans-serif;
 animation:tyz-web40-float 5.2s ease-in-out infinite;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating span{color:#a87940;font-size:16px}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating--one{top:12%;inset-inline-start:-4%}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating--two{bottom:8%;inset-inline-end:-5%;animation-delay:-2.2s}
@keyframes tyz-web40-float{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-13px)}
}

/* ── Feature, deliverable and benefit systems ─────────────────────── */
body.tyz-web40-page .tyz-web40 .tyz-web40-section--features {
 background:#fff;position:relative;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-features {
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
 gap:clamp(10px,1.4vw,18px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature {
 grid-column:span 2;position:relative;overflow:hidden;
 min-height:237px;padding:clamp(17px,2vw,26px);
 background:linear-gradient(140deg,#fafbfc,#f1f5f8);
 border:1px solid #e5ebee;border-radius:20px;
 box-shadow:0 9px 25px rgba(18,45,68,.035);
 transition:transform .33s,box-shadow .33s,border-color .33s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature:nth-child(4),
body.tyz-web40-page .tyz-web40 .tyz-web40-feature:nth-child(5){
 grid-column:span 3;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature::before{
 content:"";position:absolute;bottom:-84px;inset-inline-end:-65px;
 width:190px;height:190px;border-radius:50%;
 border:1px solid rgba(190,146,74,.13);
 box-shadow:0 0 0 23px rgba(190,146,74,.035);
 transition:transform .4s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature:hover{
 transform:translateY(-7px);
 border-color:rgba(186,137,76,.45);
 box-shadow:0 22px 46px rgba(18,45,68,.09);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature:hover::before{transform:scale(1.18);}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature-index{
 display:block;color:#b88a53;
 font:850 13px/1.6 "Outfit",sans-serif;
 letter-spacing:.12em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature-mark{
 display:grid;place-items:center;
 background:#fff;border:1px solid #ead8bc;color:#bc8c50;
 font:400 24px/1 Arial,sans-serif;
 width:47px;height:47px;
 border-radius:14px;margin:21px 0 17px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature h3{
 color:#1b3652;font-weight:850;
 margin:0 0 10px;font-size:clamp(15px,1.5vw,19px);line-height:1.55;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature p{
 color:#61768b;font-size:13px;line-height:1.92;
 margin:0;max-width:360px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--offers {
 background:
 radial-gradient(circle at 4% 0%,rgba(211,168,98,.13),transparent 40%),
 linear-gradient(135deg,#0b1c31,#162e4c);
 color:#f9f4ec;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--offers .tyz-web40-kicker{color:#e5c38d}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--offers .tyz-web40-heading h2{color:#fffaf0}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--offers .tyz-web40-heading p{color:#b8c8d9}
body.tyz-web40-page .tyz-web40 .tyz-web40-offers{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer{
 position:relative;padding:clamp(23px,3vw,35px);
 min-height:270px;
 border:1px solid rgba(209,190,163,.2);
 border-radius:22px;
 background:linear-gradient(142deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
 box-shadow:inset 0 1px rgba(255,255,255,.07);
 overflow:hidden;
 transition:transform .3s,border-color .3s,background .3s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer:hover{
 transform:translateY(-7px);
 border-color:rgba(235,199,142,.6);
 background:linear-gradient(142deg,rgba(217,168,105,.13),rgba(255,255,255,.023));
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer-id{
 color:#e4c18a;display:inline-block;
 border:1px solid rgba(227,187,124,.33);
 border-radius:30px;padding:7px 13px;
 font:800 10px/1.5 "Outfit",Arial,sans-serif;
 letter-spacing:.12em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer h3{
 color:#fff8ec;font-size:clamp(17px,1.9vw,22px);
 margin:31px 0 12px;font-weight:850;line-height:1.5;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer p {
 color:#bdcada;font-size:13px;line-height:2;
 max-width:310px;margin:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer-decoration {
 position:absolute;bottom:20px;inset-inline-end:25px;
 color:#d8b47c;font-size:22px;opacity:.55;
 transition:transform .3s,opacity .3s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-offer:hover .tyz-web40-offer-decoration{
 opacity:1;transform:translate(3px,-3px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--benefits{background:#f6f8fa;}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefits{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit{
 position:relative;min-height:185px;overflow:hidden;
 background:#fff;
 border:1px solid #e7ecef;border-radius:19px;
 padding:clamp(22px,2.7vw,34px);
 transition:box-shadow .27s,transform .27s,border-color .27s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit:hover{
 transform:translateY(-5px);
 border-color:#dbbd90;
 box-shadow:0 19px 35px rgba(26,50,76,.08);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit-number{
 display:block;color:#bf9156;letter-spacing:.15em;
 font:900 12px/1.5 "Outfit",sans-serif;margin-bottom:16px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit h3{
 font-weight:850;color:#1c3752;margin:0 0 8px;font-size:clamp(17px,1.7vw,22px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit p{
 margin:0;color:#5b7186;line-height:1.95;font-size:13.5px;
}

/* ── Process timeline ───────────────────────────────────────────── */
body.tyz-web40-page .tyz-web40 .tyz-web40-section--process {
 background:#fff;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-process-layout {
 display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 gap:clamp(30px,7vw,120px);align-items:start;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-process-layout .tyz-web40-heading{
 position:sticky;top:170px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-steps {
 position:relative;list-style:none;
 padding:0;margin:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-steps::before {
 content:"";position:absolute;inset-inline-start:23px;top:15px;bottom:23px;
 width:1px;background:linear-gradient(#bd935c,rgba(189,147,92,.14));
}
body.tyz-web40-page .tyz-web40 .tyz-web40-step {
 display:grid;grid-template-columns:47px minmax(0,1fr);
 gap:19px;position:relative;
 padding:0 0 35px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-step:last-child{padding-bottom:0;}
body.tyz-web40-page .tyz-web40 .tyz-web40-step-no {
 position:relative;z-index:1;display:grid;place-items:center;
 width:47px;height:47px;border-radius:15px;
 background:linear-gradient(135deg,#edd6ac,#c9a06a);
 color:#162d44;
 border:3px solid #fff;
 box-shadow:0 4px 18px rgba(180,138,78,.13);
 font:900 13px "Outfit",Arial,sans-serif;
 transition:transform .26s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-step:hover .tyz-web40-step-no{
 transform:scale(1.11) rotate(-5deg);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-step h3{
 margin:4px 0 9px;
 font-size:clamp(18px,1.8vw,23px);
 color:#17334f;font-weight:850;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-step p{
 margin:0;font-size:13.5px;
 color:#63768a;line-height:2;
}

/* ── Real website design showcase ──────────────────────────────── */
body.tyz-web40-page .tyz-web40 .tyz-web40-section--work {
 background:linear-gradient(140deg,#f0f4f6,#f8fafb);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-projects {
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:clamp(12px,1.8vw,22px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project {
 display:flex;flex-direction:column;
 min-width:0;overflow:hidden;
 background:#fff;border-radius:19px;
 border:1px solid #e3e8ec;
 box-shadow:0 9px 27px rgba(13,36,61,.06);
 transition:transform .35s,box-shadow .35s,border-color .35s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project:hover {
 transform:translateY(-9px);
 box-shadow:0 25px 45px rgba(13,36,61,.15);
 border-color:#cbab7a;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project:focus-visible {
 outline:3px solid #c8a16c;outline-offset:4px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-picture {
 position:relative;display:block;overflow:hidden;
 background:#10233a;aspect-ratio:1.24;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-picture::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(0deg,rgba(12,27,46,.44),transparent 55%);
 pointer-events:none;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-picture img{
 display:block;width:100%;height:100%;
 object-fit:cover;object-position:top center;
 transition:transform .65s cubic-bezier(.2,.74,.25,1);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project:hover img{transform:scale(1.075);}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-index {
 position:absolute;z-index:1;bottom:16px;inset-inline-start:19px;
 font:850 11px "Outfit",sans-serif;
 display:grid;place-items:center;width:36px;height:36px;
 border:1px solid rgba(255,255,255,.42);border-radius:50%;
 color:white;background:rgba(7,27,47,.38);
 backdrop-filter:blur(6px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-info {
 display:flex;justify-content:space-between;
 align-items:flex-start;gap:14px;padding:22px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-info>span:first-child{
 display:flex;flex-direction:column;gap:5px;min-width:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-info small{
 color:#a37845;
 font:800 10px/1.6 "Outfit",sans-serif;letter-spacing:.12em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-info strong{
 color:#1b3853;font:850 18px/1.55 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-desc{
 color:#62798d;font:500 12.5px/1.8 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-arrow{
 display:grid;place-items:center;flex:none;
 width:38px;height:38px;border-radius:11px;
 background:#f6f0e6;color:#a5763c;
 font-size:17px;transition:background .25s,color .25s,transform .25s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project:hover .tyz-web40-project-arrow{
 background:#c7a06d;color:#102942;transform:rotate(-5deg);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-more{text-align:center;margin:33px 0 0;}
body.tyz-web40-page .tyz-web40 .tyz-web40-more a{
 display:inline-flex;align-items:center;gap:13px;
 color:#8a622e;font-size:13px;font-weight:850;
 border-bottom:1px solid rgba(159,110,58,.4);padding:0 0 9px;
 transition:color .2s,gap .2s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-more a:hover{gap:22px;color:#4f3926;}

/* ── FAQ + conclusion ──────────────────────────────────────────── */
body.tyz-web40-page .tyz-web40 .tyz-web40-section--faq{background:#fff;}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-layout {
 display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);
 gap:clamp(26px,5vw,72px);align-items:start;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-layout .tyz-web40-heading {
 position:sticky;top:170px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-list{
 display:flex;flex-direction:column;gap:12px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq {
 display:block;background:#f8fafb;
 border:1px solid #e7ebee;
 border-radius:16px;
 overflow:hidden;
 transition:border-color .28s,background .28s,box-shadow .28s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq[open]{
 background:#fff;border-color:rgba(193,150,86,.47);
 box-shadow:0 14px 30px rgba(12,37,62,.07);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq summary{
 display:flex;justify-content:space-between;align-items:center;
 gap:19px;cursor:pointer;list-style:none;
 color:#15324d;font:800 13.5px/1.8 "Cairo","Inter",sans-serif;
 padding:20px 23px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq summary::-webkit-details-marker{display:none;}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq summary:focus-visible{
 outline:2px solid #c79e66;outline-offset:-4px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-plus {
 width:27px;height:27px;flex:none;
 border:1px solid rgba(196,156,98,.35);
 background:#fff;border-radius:9px;
 display:grid;place-items:center;position:relative;
 transition:transform .25s,background .25s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-plus::before,
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-plus::after {
 content:"";position:absolute;width:11px;height:2px;border-radius:2px;
 background:#a67a45;transition:transform .25s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-plus::after{transform:rotate(90deg);}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq[open] .tyz-web40-faq-plus{
 background:#ddbe8e;transform:rotate(180deg);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq[open] .tyz-web40-faq-plus::after{transform:rotate(0);}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-answer{
 padding:0 23px 20px;
 animation:tyz-web40-faq-in .25s ease;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-faq-answer p{
 font-size:13.2px;line-height:2;color:#61758a;margin:0;
}
@keyframes tyz-web40-faq-in{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
body.tyz-web40-page .tyz-web40 .tyz-web40-final{
 margin:0;
 padding:clamp(80px,10vw,130px) 0;
 position:relative;overflow:hidden;
 text-align:center;color:#fff;
 background:
 radial-gradient(ellipse 60% 100% at 50% 100%,rgba(190,148,79,.19),transparent 74%),
 linear-gradient(125deg,#0b2039,#142d49 55%,#101d2f);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final::before{
 content:"";position:absolute;
 width:min(720px,100vw);aspect-ratio:1;border-radius:50%;
 border:1px solid rgba(225,191,132,.17);
 top:-230px;left:50%;transform:translateX(-50%);
 box-shadow:0 0 0 75px rgba(220,174,107,.045),0 0 0 145px rgba(220,174,107,.025);
 pointer-events:none;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final-inner{
 position:relative;z-index:1;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final .tyz-web40-kicker{color:#e7c994;}
body.tyz-web40-page .tyz-web40 .tyz-web40-final h2{
 color:#fffaf1;
 max-width:820px;
 font:900 clamp(31px,4.7vw,62px)/1.4 "Cairo","Inter",sans-serif;
 margin:17px auto;
 text-wrap:balance;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final p{
 font-size:clamp(14px,1.5vw,17px);
 line-height:1.95;max-width:600px;margin:0 auto 28px;
 color:#c6d4e1;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final .tyz-web40-actions{justify-content:center;}
body.tyz-web40-page .tyz-web40 .tyz-web40-final .tyz-web40-button--ghost{
 color:#f7ebdb!important;background:rgba(255,255,255,.055);
 border-color:rgba(230,210,180,.29);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-final .tyz-web40-button--ghost:hover{
 background:rgba(255,255,255,.11);
}

/* ── Motion: progressive enhancement only; no hidden content if JS fails. ── */
body.tyz-web40-page.tyz-web40-motion .tyz-web40-reveal {
 opacity:0;transform:translateY(27px);
 transition:opacity .78s cubic-bezier(.21,.84,.27,1),
            transform .78s cubic-bezier(.21,.84,.27,1);
}
body.tyz-web40-page.tyz-web40-motion .tyz-web40-reveal.tyz-web40-visible{
 opacity:1;transform:translateY(0);
}
body.tyz-web40-page.tyz-web40-motion .tyz-web40-feature:nth-child(2),
body.tyz-web40-page.tyz-web40-motion .tyz-web40-offer:nth-child(2),
body.tyz-web40-page.tyz-web40-motion .tyz-web40-project:nth-child(2){transition-delay:.07s;}
body.tyz-web40-page.tyz-web40-motion .tyz-web40-feature:nth-child(3),
body.tyz-web40-page.tyz-web40-motion .tyz-web40-offer:nth-child(3),
body.tyz-web40-page.tyz-web40-motion .tyz-web40-project:nth-child(3){transition-delay:.13s;}
body.tyz-web40-page .tyz-web40 a:focus-visible,
body.tyz-web40-page .tyz-web40 summary:focus-visible{
 outline:3px solid #c8a066;outline-offset:3px;
}

/* ── Responsive + current global theme integration ───────────── */
@media(max-width:1080px){
 body.tyz-web40-page .tyz-web40 .tyz-web40-opening-layout{gap:25px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-features {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.tyz-web40-page .tyz-web40 .tyz-web40-feature,
 body.tyz-web40-page .tyz-web40 .tyz-web40-feature:nth-child(4),
 body.tyz-web40-page .tyz-web40 .tyz-web40-feature:nth-child(5){grid-column:auto;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-project-info {padding:16px;}
}
@media(max-width:860px){
 body.tyz-web40-page .tyz-web40 .tyz-web40-opening-layout{grid-template-columns:1fr;gap:48px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-showcase{min-height:390px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-window{max-width:550px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-offers{grid-template-columns:1fr;gap:12px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-offer{min-height:0;padding:25px 26px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-offer h3{margin-top:18px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-process-layout,
 body.tyz-web40-page .tyz-web40 .tyz-web40-faq-layout{grid-template-columns:1fr;gap:24px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-process-layout .tyz-web40-heading,
 body.tyz-web40-page .tyz-web40 .tyz-web40-faq-layout .tyz-web40-heading{position:static;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-projects{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:610px){
 body.tyz-web40-page .tyz-web40 .tyz-web40-section{padding-block:65px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-opening{padding-block:64px 70px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy h2{font-size:30px;line-height:1.5;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-heading h2{font-size:29px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-features{grid-template-columns:1fr;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-feature{min-height:0;padding:22px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-feature-mark{margin:15px 0;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-benefits{grid-template-columns:1fr;gap:11px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-benefit{min-height:0;padding:22px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-showcase{min-height:320px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-window{min-height:290px;border-radius:17px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-preview{min-height:280px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-preview strong{font-size:26px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-floating{padding:8px 11px;font-size:10px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-floating--one{inset-inline-start:0;top:7%;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-floating--two{inset-inline-end:0;bottom:3%;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-projects{grid-template-columns:1fr;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-project-picture{aspect-ratio:1.47;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-final h2{font-size:34px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-button{width:100%;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-actions{width:100%;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-steps::before{inset-inline-start:20px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-step{grid-template-columns:41px minmax(0,1fr);gap:14px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-step-no{width:41px;height:41px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-faq summary{padding:16px;font-size:12.6px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-faq-answer{padding:0 16px 18px;}
}
@media(max-width:390px){
 body.tyz-web40-page .tyz-web40 .tyz-web40-wrap{padding-inline:15px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy h2{font-size:27px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-window{transform:none!important;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-preview{padding:20px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-pills{gap:6px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-pill{font-size:10px;padding:6px 10px;}
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-opening,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-section--features,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-section--process,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-section--faq{
 background:#111e30;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-section--benefits,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-section--work{
 background:#0b192b;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy h2,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-heading h2,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-step h3{
 color:#f5ebdc;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy>p,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-heading p,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-step p{
 color:#b9c7d6;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-feature,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-benefit,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-faq,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-project{
 background:#182a40;
 border-color:#33445a;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-feature h3,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-benefit h3,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-project-info strong,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-faq summary{
 color:#f6ebd9;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-feature p,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-benefit p,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-project-desc,
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-faq-answer p{
 color:#bac9d8;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-pill{
 background:#20344b;color:#e5edf5;border-color:#86693e;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-button--ghost{
 background:rgba(223,228,241,.07);color:#f4e5cf!important;border-color:rgba(213,188,141,.4);
}
@media(prefers-reduced-motion:reduce){
 body.tyz-web40-page .tyz-web40 *,body.tyz-web40-page .tyz-web40 *::before,
 body.tyz-web40-page .tyz-web40 *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
 }
 body.tyz-web40-page.tyz-web40-motion .tyz-web40-reveal{
  opacity:1!important;transform:none!important;
 }
 body.tyz-web40-page .tyz-site-hero::before{animation:none!important;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-window{transform:none!important;}
}

/* Compatibility with the original Phase17 service shell, on this page only. */
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-site-article > .tyz-site-shell.tyz-site-article__body{
 max-width:none!important;width:100%!important;padding:0!important;
}
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening.tyz-content-lead{
 margin:0!important;
 padding:clamp(78px,9vw,133px) 0 clamp(80px,9vw,120px)!important;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;
 background:linear-gradient(140deg,#fafbfc,#eef3f7)!important;
}
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening .tyz-web40-opening-copy h2{
 max-width:none!important;
 font-size:clamp(31px,3.5vw,49px)!important;
 line-height:1.46!important;
 letter-spacing:-.025em!important;
}
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening .tyz-web40-opening-copy>p{
 max-width:660px!important;
 font-size:clamp(14px,1.4vw,16px)!important;line-height:2.05!important;
}
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-section.tyz-content-block{
 margin:0!important;
 padding-block:clamp(76px,8.5vw,128px)!important;
 border-bottom:0!important;
}
body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-site-cta{
 display:none; /* replaced with the contextual full-width premium consultation CTA */
}
html[data-tyz-theme="dark"] body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening.tyz-content-lead{
 background:#111e30!important;
}
@media(max-width:610px){
 body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-section.tyz-content-block{padding-block:65px!important;}
 body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening.tyz-content-lead{padding-block:64px 70px!important;}
 body.single-tyz_service.tyz-site-v1.tyz-web40-page .tyz-web40 .tyz-web40-opening .tyz-web40-opening-copy h2{font-size:30px!important;}
}

/* TAMIYOUZ / WEB DESIGN V3 — ART-DIRECTED PREMIUM MOTION & INTERACTIVE EXPERIENCE */
body.tyz-web40-page .tyz-web40 {
  --tyz-v3-amber:#d7af6b;
  --tyz-v3-light:#f7fbff;
}
body.tyz-web40-page .tyz-site-hero {
  overflow:hidden;
  background:
    radial-gradient(ellipse 58% 110% at 7% 18%, rgba(164,113,58,.21),transparent 75%),
    radial-gradient(ellipse 47% 98% at 89% 100%,rgba(38,96,142,.35),transparent 77%),
    linear-gradient(126deg,#08162a,#102b47 58%,#071528);
}
body.tyz-web40-page .tyz-site-hero .tyz-site-shell{position:relative;isolation:isolate;}
body.tyz-web40-page .tyz-site-hero .tyz-site-shell::before {
  content:"";position:absolute;pointer-events:none;
  width:min(45vw,520px);aspect-ratio:1;inset-inline-end:-12%;top:-47%;
  border:1px solid rgba(216,179,121,.16);border-radius:50%;
  box-shadow:0 0 0 28px rgba(213,172,108,.039),0 0 0 72px rgba(213,172,108,.026),0 0 0 140px rgba(213,172,108,.014);
  animation:tyz-v3-hero-ring 13s ease-in-out infinite alternate;
}
@keyframes tyz-v3-hero-ring{to{transform:translate(-19px,23px) scale(1.1);opacity:.57}}
body.tyz-web40-page .tyz-site-hero h1 {
  font-weight:900;letter-spacing:-.045em;
  text-shadow:0 5px 55px rgba(12,31,50,.32);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening{
  background:
    radial-gradient(ellipse 37% 54% at 10% 15%,rgba(224,183,118,.14),transparent 79%),
    linear-gradient(140deg,#f9fbff,#eaf1f7)!important;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening .tyz-web40-opening-copy h2{
  font-weight:900;letter-spacing:-.045em;line-height:1.35!important;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-opening-copy > p{max-width:630px;font-weight:550;}
body.tyz-web40-page .tyz-web40 .tyz-web40-showcase{
  --tyz-v3-float-shift:0px;
  transform:translate3d(0,var(--tyz-v3-float-shift),0);
  will-change:transform;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window{
  overflow:hidden;
  box-shadow:0 43px 90px rgba(6,30,53,.29),0 0 0 1px rgba(221,180,111,.14);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-window::after{
  content:"";position:absolute;z-index:3;pointer-events:none;
  width:65%;height:140%;top:-20%;left:-130%;
  background:linear-gradient(90deg,transparent,rgba(254,239,214,.10),transparent);
  transform:skew(-23deg);
  animation:tyz-v3-window-sheen 11s ease-in-out infinite;
}
@keyframes tyz-v3-window-sheen{
  0%,48%,100%{left:-130%}
  65%{left:145%}
}
body.tyz-web40-page .tyz-web40 .tyz-web40-showcase::after {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:74%;height:63%;
  background:radial-gradient(ellipse,rgba(204,157,82,.24),transparent 75%);
  filter:blur(32px);
  animation:tyz-v3-glow-pulse 8s ease-in-out infinite alternate;
}
@keyframes tyz-v3-glow-pulse{to{transform:scale(1.23);opacity:.54}}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating--one {animation-duration:7.3s}
body.tyz-web40-page .tyz-web40 .tyz-web40-floating--two {animation-duration:6.1s}

/* Distinctive interactive solution selector; all options are real readable HTML. */
body.tyz-web40-page .tyz-web40 .tyz-web40-section--types {
  background:linear-gradient(152deg,#0b1d34,#123250 65%,#0c1e33);
  color:#f9f5ed;
  position:relative;
  isolation:isolate;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--types::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(90deg,transparent 49.93%,rgba(220,183,116,.042) 50%,transparent 50.08%) 0 0/80px 80px,
    radial-gradient(ellipse 45% 70% at 91% 30%,rgba(188,144,84,.14),transparent);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--types .tyz-web40-heading h2 {
  color:#fdf6e9;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--types .tyz-web40-heading p {
  color:#bcd0e3;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-section--types .tyz-web40-kicker {
  color:#ecc795;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-layout {
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(19px,3vw,36px);align-items:stretch;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-choices {
  display:grid;grid-template-columns:1fr;gap:11px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type {
  position:relative;isolation:isolate;
  display:grid;align-items:center;
  grid-template-columns:41px minmax(0,1fr) 18px;
  gap:clamp(10px,1.5vw,20px);
  text-align:start;
  cursor:pointer;
  border:1px solid rgba(211,194,166,.18);
  background:rgba(255,255,255,.043);
  border-radius:17px;
  padding:20px clamp(14px,2vw,23px);
  color:#eff3f8;
  transition:background .26s,border-color .26s,box-shadow .26s,transform .26s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type::before {
  content:"";position:absolute;inset-block:12px;inset-inline-start:0;
  width:3px;border-radius:2px;background:#eac58b;
  transform:scaleY(0);transition:transform .28s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type:hover,
body.tyz-web40-page .tyz-web40 .tyz-web40-type.is-active{
  background:linear-gradient(114deg,rgba(218,173,99,.16),rgba(255,255,255,.06));
  border-color:rgba(225,182,116,.63);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 29px rgba(4,15,30,.14);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type.is-active::before {transform:scaleY(1)}
body.tyz-web40-page .tyz-web40 .tyz-web40-type:hover{transform:translateY(-2px);}
body.tyz-web40-page .tyz-web40 .tyz-web40-type:focus-visible{
  outline:2px solid #efd29c;outline-offset:3px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-id{
  font:850 13px/1.5 "Outfit",Arial,sans-serif;
  letter-spacing:.11em;color:#c9a16e;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-copy{
  min-width:0;display:flex;flex-direction:column;gap:4px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-copy strong{
  color:#f8f5ef;font:850 clamp(15px,1.5vw,20px)/1.55 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-copy>span{
  color:#abc0d6;font:550 12px/1.75 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-go{
  color:#d5a965;font-size:17px;opacity:.68;
  transition:opacity .2s,transform .2s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type.is-active .tyz-web40-type-go{
  opacity:1;transform:translate(2px,-2px);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel{
  display:flex;flex-direction:column;
  min-height:430px;overflow:hidden;
  border:1px solid rgba(218,177,109,.4);
  border-radius:25px;
  background:linear-gradient(146deg,#102e4d,#091b31);
  box-shadow:0 30px 60px rgba(3,13,26,.27);
  position:relative;isolation:isolate;
  transition:border-color .3s,box-shadow .3s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel::before {
  content:"";position:absolute;z-index:-1;
  aspect-ratio:1;width:95%;
  top:-35%;inset-inline-end:-37%;
  border-radius:50%;
  border:1px solid rgba(221,184,128,.18);
  box-shadow:0 0 0 37px rgba(219,175,108,.05),0 0 0 89px rgba(219,175,108,.027);
  animation:tyz-v3-panel-orbit 15s ease-in-out infinite alternate;
}
@keyframes tyz-v3-panel-orbit{to{transform:rotate(18deg) scale(1.14);opacity:.54}}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel[data-active-type="1"]{
  background:linear-gradient(145deg,#092b3c,#102b37);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel[data-active-type="2"]{
  background:linear-gradient(145deg,#1b2544,#112244);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel[data-active-type="3"]{
  background:linear-gradient(145deg,#202948,#0d253e);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel-inner{
  padding:clamp(20px,3vw,35px);
  flex:1;display:flex;flex-direction:column;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel-top{
  display:flex;align-items:center;gap:10px;
  color:#aac1d5;letter-spacing:.11em;
  font:750 10px/1.5 "Outfit",Arial,sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel-top>span:last-child{
  margin-inline-start:auto;color:#d7bb8f;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-status-light{
  width:7px;height:7px;display:block;
  border-radius:50%;background:#dfbc83;
  box-shadow:0 0 0 5px rgba(223,188,131,.11);
  animation:tyz-v3-status 3.5s infinite ease-in-out;
}
@keyframes tyz-v3-status{50%{box-shadow:0 0 0 10px rgba(223,188,131,.02)}}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-deco{
  align-self:flex-end;color:#b9915f;font-size:44px;
  animation:tyz-v3-deco-spin 27s linear infinite;
  opacity:.7;
}
@keyframes tyz-v3-deco-spin{to{transform:rotate(360deg)}}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview{
  max-width:490px;
  display:flex;flex-direction:column;gap:12px;
  margin:auto 0;min-width:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview small{
  color:#dec499;letter-spacing:.15em;
  font:750 10px/1.6 "Outfit",Arial,sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview h3{
  color:#fff7ea;
  margin:0;
  font:900 clamp(25px,3vw,42px)/1.4 "Cairo","Inter",sans-serif;
  letter-spacing:-.025em;
  text-wrap:balance;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview p{
  color:#b9c9d8;
  margin:0;
  font:550 14px/1.95 "Cairo","Inter",sans-serif;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview-lines{
  display:flex;gap:8px;margin-top:18px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview-lines i{
  width:13%;height:4px;border-radius:8px;background:rgba(225,182,111,.65);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview-lines i:nth-child(2){width:8%;opacity:.5}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview-lines i:nth-child(3){width:20%;opacity:.2}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel-bottom{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:14px clamp(20px,3vw,35px);
  border-top:1px solid rgba(224,188,133,.16);
  color:#aabdd0;font:600 11px/1.5 "Cairo","Inter",sans-serif;
  background:rgba(3,14,27,.14);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel-bottom span:last-child{
  color:#d9ba85;font-size:16px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-types-follow{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;margin-top:22px;
  font-size:12.5px;color:#bcc9d7;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-types-follow a{
  color:#f0cf99;font-weight:800;border-bottom:1px solid #b89052;
  padding-bottom:6px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-types-follow a:hover{
  color:#fff4e1;
}

/* Distinct ambient pointer-light on feature and benefit surfaces. */
body.tyz-web40-page .tyz-web40 .tyz-web40-feature,
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit{
  isolation:isolate;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature::after,
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;
  background:radial-gradient(circle 170px at var(--tyz-v3-x,50%) var(--tyz-v3-y,50%),
  rgba(217,174,104,.15),transparent 80%);
  opacity:0;transition:opacity .35s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-feature:hover::after,
body.tyz-web40-page .tyz-web40 .tyz-web40-benefit:hover::after{opacity:1}
body.tyz-web40-page .tyz-web40 .tyz-web40-project-picture img {
  transition:transform .75s cubic-bezier(.2,.85,.2,1),filter .75s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-project:hover img{
  transform:scale(1.085);filter:saturate(1.08) contrast(1.04);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--primary{
  position:relative;isolation:isolate;overflow:hidden;
  box-shadow:0 16px 33px rgba(171,124,60,.24);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--primary::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:70px;height:240%;top:-75%;left:-105px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:rotate(25deg);transition:left .65s cubic-bezier(.2,.85,.3,1);
}
body.tyz-web40-page .tyz-web40 .tyz-web40-button--primary:hover::after{left:calc(100% + 100px)}
body.tyz-web40-page .tyz-web40 .tyz-web40-process-layout::before{
  content:"";position:absolute;inset-inline-start:0;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related {
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  border:1px solid rgba(185,143,79,.31);
  background:linear-gradient(128deg,#f9f1e4,#fff);
  border-radius:19px;
  padding:clamp(18px,3vw,30px);
  margin-top:28px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related>div:first-child {
  display:flex;flex-direction:column;gap:5px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related small {
  color:#a47a45;font:800 10px/1.5 "Outfit",sans-serif;letter-spacing:.15em;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related strong {
  font:850 19px/1.6 "Cairo","Inter",sans-serif;color:#1f3851;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related-links {
  display:flex;flex-wrap:wrap;gap:8px;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related a{
  padding:9px 12px;background:#fff;color:#75532d;
  border-radius:10px;font-size:12px;
  font-weight:800;border:1px solid #dfc59c;
  transition:transform .2s,background .2s;
}
body.tyz-web40-page .tyz-web40 .tyz-web40-related a:hover{
  transform:translateY(-2px);background:#f9e9d2;
}
@media(max-width:960px){
  body.tyz-web40-page .tyz-web40 .tyz-web40-type-layout {grid-template-columns:1fr;}
  body.tyz-web40-page .tyz-web40 .tyz-web40-type-choices{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.tyz-web40-page .tyz-web40 .tyz-web40-type {grid-template-columns:34px minmax(0,1fr) 15px;}
  body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel{min-height:350px;}
  body.tyz-web40-page .tyz-web40 .tyz-web40-related {flex-direction:column;align-items:stretch;}
}
@media(max-width:600px){
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-choices {grid-template-columns:1fr;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-type {padding:14px 17px;min-height:75px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel{min-height:360px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview h3{font-size:29px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-preview p{font-size:13px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-related strong{font-size:17px;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-related-links a{width:100%;}
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-related{
 background:linear-gradient(120deg,#192c41,#122539);border-color:#735c3b;
}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-related strong{color:#f5eddf}
html[data-tyz-theme="dark"] body.tyz-web40-page .tyz-web40 .tyz-web40-related a{
 color:#f0d7b2;background:#25405a;border-color:#82663f;
}
@media(prefers-reduced-motion:reduce){
 body.tyz-web40-page .tyz-site-hero .tyz-site-shell::before,
 body.tyz-web40-page .tyz-web40 .tyz-web40-window::after,
 body.tyz-web40-page .tyz-web40 .tyz-web40-showcase::after,
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-panel::before,
 body.tyz-web40-page .tyz-web40 .tyz-web40-type-deco,
 body.tyz-web40-page .tyz-web40 .tyz-web40-status-light{animation:none!important;}
 body.tyz-web40-page .tyz-web40 .tyz-web40-showcase {transform:none!important;}
}

body.tyz-web40-page .tyz-web40-type-panel .tyz-web40-type-preview {
 transition:opacity .18s ease,transform .18s ease;
}
body.tyz-web40-page .tyz-web40-type-panel.is-changing .tyz-web40-type-preview {
 opacity:.24;transform:translateY(8px);
}
body.tyz-web40-page .tyz-web40-scroll-progress {
 display:block;position:fixed;
 height:3px;top:0;inset-inline:0;z-index:99999;
 background:linear-gradient(90deg,#bb884a,#f3d8a1,#bb884a);
 pointer-events:none;transform:scaleX(0);
 transform-origin:left center;box-shadow:0 0 14px rgba(197,145,72,.33);
 will-change:transform;
}
html[dir="rtl"] body.tyz-web40-page .tyz-web40-scroll-progress {
 transform-origin:right center;
}
@media(prefers-reduced-motion:reduce){
 body.tyz-web40-page .tyz-web40-type-panel .tyz-web40-type-preview{
  transition:none!important;transform:none!important;
 }
 body.tyz-web40-page .tyz-web40-scroll-progress {display:none!important;}
}