/* HATAMIAN G8 — scoped premium homepage hero and truthful own-project portfolio, draft only */
.hatg8-feature-hero,.hatg8-featured{box-sizing:border-box;font-family:inherit}
.hatg8-feature-hero *,.hatg8-featured *,.hatg8-feature-hero *:before,.hatg8-featured *:before{box-sizing:border-box}
.hatg8-feature-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 12%,rgba(27,95,185,.25),transparent 42%),linear-gradient(118deg,#092750,#051a38 75%,#091d3e)}
.hatg8-feature-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 98%,rgba(255,255,255,.04) 100%),linear-gradient(0deg,transparent 98%,rgba(255,255,255,.03) 100%);background-size:100px 100px;opacity:.23}
.hatg8-feature-hero__grid{width:min(100%,1340px);margin:auto;min-height:660px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,4vw,70px);padding:clamp(58px,7vw,100px) clamp(24px,5vw,72px) 60px}
.hatg8-feature-hero__copy{min-width:0;position:relative;z-index:2}
.hatg8-feature-hero__eyebrow{display:flex;align-items:center;gap:10px;font-size:clamp(.65rem,.9vw,.75rem);font-weight:800;letter-spacing:.11em;line-height:1.65;color:#d7e8ff;margin-bottom:25px}
.hatg8-feature-hero__eyebrow>span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ff963a}
.hatg8-feature-hero h1{font-family:inherit;font-size:clamp(2.8rem,4.65vw,4.8rem);font-weight:850;letter-spacing:-.055em;line-height:1.08;color:#fff;max-width:14ch;margin:0}
.hatg8-feature-hero h1 em{font-style:normal;color:#ffab65}
.hatg8-feature-hero__intro{font-size:clamp(1rem,1.27vw,1.16rem);line-height:1.75;max-width:50ch;color:#c0d2e8;margin:28px 0 31px}
.hatg8-feature-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hatg8-feature-hero .hatg8-feature-hero__button{min-height:55px;display:inline-flex;gap:23px;align-items:center;justify-content:space-between;padding:13px 22px;background:#1558d7;color:#fff;font-weight:760;font-size:.88rem;text-decoration:none;border-radius:12px;transition:transform .2s,background .2s}
.hatg8-feature-hero .hatg8-feature-hero__button:hover{background:#0d44af;transform:translateY(-2px)}
.hatg8-feature-hero .hatg8-feature-hero__button--outline{background:transparent;border:1px solid #7388a4;color:#fff}
.hatg8-feature-hero .hatg8-feature-hero__button--outline:hover{background:rgba(255,255,255,.09)}
.hatg8-feature-hero__checks{display:flex;flex-wrap:wrap;gap:10px 21px;list-style:none;margin:32px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18);font-size:.73rem;font-weight:700;color:#c9d9ed}
.hatg8-feature-hero__checks li:before{content:"✦";margin-right:8px;color:#ffab64}
.hatg8-feature-hero__visual{position:relative;min-width:0;min-height:450px;display:flex;align-items:center}
.hatg8-feature-hero__visual:before{position:absolute;content:"";width:95%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(50,118,218,.20),transparent 70%)}
.hatg8-feature-hero__visual-label{position:absolute;z-index:4;top:6%;left:-3%;padding:12px 17px;border-radius:12px;background:#fff;color:#0c2c56;font-weight:750;font-size:.74rem;box-shadow:0 15px 34px rgba(1,11,27,.23)}
.hatg8-feature-hero__frame{position:relative;margin:0 0 0 3%;width:95%;overflow:hidden;border:1px solid #9cbce4;background:#f7fbff;border-radius:20px;box-shadow:0 28px 70px rgba(0,7,22,.33);transform:perspective(1200px) rotateY(-3deg)}
.hatg8-feature-hero__frame-bar{display:flex;align-items:center;gap:7px;background:#e8f0f9;border-bottom:1px solid #cedaea;padding:14px 16px}
.hatg8-feature-hero__frame-bar span{width:8px;height:8px;border-radius:50%;background:#eba39b}.hatg8-feature-hero__frame-bar span:nth-child(2){background:#f1d188}.hatg8-feature-hero__frame-bar span:nth-child(3){background:#89c3ac}
.hatg8-feature-hero__frame-bar strong{color:#27476e;margin:0 auto;font-size:.81rem}
.hatg8-feature-hero__image{display:block;width:100%;height:auto;max-height:375px;object-fit:contain;object-position:center;background:#f6f9fe}
.hatg8-feature-hero__mini{position:absolute;z-index:3;bottom:-2%;right:-1%;width:54%;min-width:185px;padding:14px 16px;background:#fff;color:#09294e;border:1px solid #c8d8ed;border-radius:16px;box-shadow:0 20px 42px rgba(0,11,29,.28);transform:rotate(3deg)}
.hatg8-feature-hero__mini strong{display:block;font-size:.9rem}.hatg8-feature-hero__mini small{display:block;font-size:.7rem;color:#5d7895;margin-top:3px}
.hatg8-feature-hero__mini-image{display:block;width:100%;height:auto;max-height:90px;object-fit:contain;margin-top:9px}
.hatg8-featured{padding:clamp(64px,7vw,104px) 0;background:#f6f9fd;color:#102d51}
.hatg8-featured__wrap{width:min(calc(100% - 40px),1240px);margin:auto}
.hatg8-featured__heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:35px;align-items:end;margin-bottom:34px}
.hatg8-featured__eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#2465b0}
.hatg8-featured__heading h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.13;letter-spacing:-.045em;color:#092a52;margin:12px 0 0;font-weight:820}
.hatg8-featured__heading p{font-size:.98rem;color:#5e7794;line-height:1.75;margin:0}
.hatg8-featured__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.hatg8-featured__card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #dbe5f1;background:#fff;border-radius:20px;box-shadow:0 6px 24px rgba(6,38,79,.03)}
.hatg8-featured__media{display:block;background:#eef3fa;min-height:220px;height:248px;overflow:hidden}
.hatg8-featured__media img{width:100%;height:100%;object-fit:contain;background:#eaf1fa;transition:transform .3s;display:block}
.hatg8-featured__card--concept .hatg8-featured__media img{object-fit:cover}
.hatg8-featured__card:hover .hatg8-featured__media img{transform:scale(1.045)}
.hatg8-featured__card-copy{padding:24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.hatg8-featured__kind{font-size:.66rem;font-weight:820;letter-spacing:.1em;color:#155dbe}
.hatg8-featured__card--concept .hatg8-featured__kind{color:#a45d17}
.hatg8-featured__card h3{font-size:1.5rem;font-weight:800;line-height:1.2;color:#0b2a50;margin:10px 0}
.hatg8-featured__card p{font-size:.88rem;color:#5b7593;line-height:1.6;margin:0 0 19px;flex:1}
.hatg8-featured__card-copy a{text-decoration:none;color:#1558c0;font-size:.84rem;font-weight:750;margin:8px 0 0}
.hatg8-featured__card-copy a:hover{text-decoration:underline}
.hatg8-featured__more{text-align:center;margin:26px 0 0}
.hatg8-featured__more a{display:inline-flex;padding:11px 23px;border:1px solid #ccd9ea;border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:750;color:#15509b}
.hatg8-featured--hub{padding-top:clamp(48px,6vw,86px)}
.hatg8-featured--hub .hatg8-featured__heading{max-width:1180px}
.hatg8-featured__hub-note{margin-top:30px;padding:24px 28px;background:#eaf2fc;border:1px solid #cddff4;border-radius:19px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.hatg8-featured__hub-note strong{display:block;color:#0a2b51;font-size:1.06rem;font-weight:830;margin-bottom:8px}
.hatg8-featured__hub-note p{max-width:74ch;color:#465f7a;font-size:.9rem;line-height:1.7;margin:0}
.hatg8-featured__hub-note>a{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 19px;border-radius:11px;background:#1558d7;color:#fff;font-size:.86rem;font-weight:760;text-decoration:none}
.hatg8-featured__hub-note>a:hover{background:#0b45ad}
@media(max-width:780px){.hatg8-featured__hub-note{flex-direction:column;align-items:stretch;padding:22px}.hatg8-featured__hub-note>a{white-space:normal}}
.hatg8-featured a:focus-visible,.hatg8-feature-hero a:focus-visible{outline:3px solid #ff9b40;outline-offset:3px}
@media(max-width:980px){.hatg8-feature-hero__grid{gap:24px;padding:70px 28px}.hatg8-feature-hero h1{font-size:clamp(2.6rem,4.4vw,3.8rem)}.hatg8-featured__media{height:220px}}
@media(max-width:780px){.hatg8-feature-hero__grid{grid-template-columns:1fr;gap:15px}.hatg8-feature-hero h1{max-width:19ch}.hatg8-feature-hero__visual{min-height:410px;max-width:650px;width:100%;margin:auto}.hatg8-feature-hero__frame{width:83%;margin-left:6%}.hatg8-feature-hero__mini{width:45%;right:5%}.hatg8-featured__heading{grid-template-columns:1fr}.hatg8-featured__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hatg8-featured__card--concept{grid-column:span 2}}
@media(max-width:550px){.hatg8-feature-hero__grid{padding:53px 20px 38px}.hatg8-feature-hero h1{font-size:clamp(2.6rem,10vw,3.45rem)}.hatg8-feature-hero__intro{font-size:1rem}.hatg8-feature-hero__visual{min-height:310px;margin-top:15px}.hatg8-feature-hero__visual-label{left:0;top:0;padding:8px 11px;font-size:.65rem}.hatg8-feature-hero__frame{width:92%;margin-left:4%}.hatg8-feature-hero__image{max-height:220px}.hatg8-feature-hero__mini{min-width:130px;width:46%;right:0;bottom:-12px;padding:9px}.hatg8-feature-hero__mini strong{font-size:.75rem}.hatg8-feature-hero__mini small{font-size:.55rem}.hatg8-feature-hero__mini-image{max-height:38px}.hatg8-featured__wrap{width:calc(100% - 28px)}.hatg8-featured__cards{grid-template-columns:1fr}.hatg8-featured__card--concept{grid-column:auto}.hatg8-featured__media{height:236px}.hatg8-featured__card-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.hatg8-feature-hero *,.hatg8-featured *{transition:none!important;transform:none!important}}