:root{--primary-color:#ff5a1f;--secondary-color:#000;--helper-color:#fff;--max-width:1440px;}

/* section */
.abcabtefg{width:100%;position:relative;overflow:hidden;background-color:var(--secondary-color);display:flex;flex-direction:column;}
.abcabtefginner{position:relative;z-index:2;width:calc(100% - 2em);max-width:var(--max-width);margin-inline:auto;display:flex;flex-direction:column;gap:2em;align-items:center;justify-content:center;text-align:center;}
.abcabtefghead{display:flex;flex-direction:column;gap:1.1em;align-items:center;max-width:47.5rem;}
.abcabtefgpill{display:inline-flex;align-items:center;gap:.6em;min-height:2.1rem;padding-inline:.9em 1em;border-radius:999px;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:600;color:color-mix(in srgb,var(--helper-color) 85%,transparent);background-color:color-mix(in srgb,var(--helper-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);backdrop-filter:blur(8px);}
.abcabtefgdot{width:1rem;height:1rem;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%),color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%));box-shadow:0 0 .75rem color-mix(in srgb,var(--primary-color) 70%,transparent);}
.abcabtefgtitle{font-size:clamp(1.7rem,1.1rem + 2.8vw,3.4rem);font-weight:700;line-height:1.25;}
.abcabtefglead{max-width:52ch;font-size:clamp(.88rem,.84rem + .3vw,1.06rem);line-height:1.8;color:color-mix(in srgb,var(--helper-color) 58%,transparent);}
.abcabtefgglow{position:absolute;z-index:0;top:-9rem;left:50%;transform:translateX(-50%);width:min(47.5rem,140%);height:32.5rem;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary-color) 20%,transparent),transparent 65%);filter:blur(70px);pointer-events:none;}


/* about */
.abcabtefgfirst{margin-block-start:3em;}
.abcabtefgtext{max-width:56ch;font-size:clamp(.9rem,.86rem + .3vw,1.08rem);line-height:1.9;color:color-mix(in srgb,var(--helper-color) 65%,transparent);}
.abcabtefgbento{width:100%;display:grid;grid-template-columns:1fr;gap:1em;text-align:start;}
.abcabtefgtile{position:relative;overflow:hidden;min-height:12rem;padding:1.6em;border-radius:1.4rem;border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--helper-color) 8%,var(--secondary-color)),color-mix(in srgb,var(--helper-color) 6%,var(--secondary-color)));display:flex;flex-direction:column;gap:.55em;align-items:flex-start;justify-content:flex-start;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .45s ease,box-shadow .55s cubic-bezier(.16,1,.3,1);}
.abcabtefgtile>*{position:relative;z-index:2;}
.abcabtefgtile::before{content:'';position:absolute;z-index:1;pointer-events:none;left:50%;bottom:-38%;transform:translateX(-50%);width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--primary-color) 32%,transparent),color-mix(in srgb,var(--primary-color) 12%,transparent) 46%,transparent 70%);opacity:.4;filter:blur(2px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);}
.abcabtefgtile:hover{transform:translateY(-.4rem);border-color:color-mix(in srgb,var(--helper-color) 24%,transparent);box-shadow:0 2.1rem 4rem -1.9rem color-mix(in srgb,var(--primary-color) 55%,transparent);}
.abcabtefgtile:hover::before{opacity:.85;transform:translateX(-50%) scale(1.12);}
.abcabtefgicon{width:2.1rem;height:2.1rem;margin-bottom:.9rem;border-radius:.7rem;display:grid;place-items:center;font-size:.95rem;color:var(--helper-color);background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%),var(--primary-color) 48%,color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%));box-shadow:0 0 1.4rem -.25rem color-mix(in srgb,var(--primary-color) 80%,transparent);}
.abcabtefgname{font-size:clamp(1rem,.95rem + .3vw,1.3rem);font-weight:700;line-height:1.3;}
.abcabtefgcardtext{max-width:34ch;font-size:clamp(.82rem,.8rem + .15vw,.92rem);color:color-mix(in srgb,var(--helper-color) 58%,transparent);}

@media (min-width:768px){
  .abcabtefgbento{grid-template-columns:repeat(3,1fr);}
}