@import url("landing.css");
/* YENTUMI company homepage — intentionally separate from Gradebook product UI. */
:root{--y-black:#090b10;--y-navy:#0b1f3a;--y-blue:#155eef;--y-soft:#f5f8fd;--y-line:#dfe7f2;--y-muted:#617087}
*{box-sizing:border-box}.company-body{margin:0;background:#fff;color:var(--y-black);font-family:Inter,"Segoe UI",Arial,sans-serif}.company-body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:780px;background:radial-gradient(circle at 82% 23%,#dcecff 0,transparent 34%),linear-gradient(145deg,#fff 18%,#f4f8fd 100%)}
a{text-decoration:none}.company-header{display:flex;align-items:center;width:min(1240px,100%);height:86px;margin:auto;padding:0 28px;border-bottom:1px solid #e8edf4}.company-logo img{display:block;width:250px;max-height:57px;object-fit:contain;object-position:left center}.company-header nav{display:flex;align-items:center;gap:9px;margin-left:auto}.company-nav-link{padding:11px 14px;color:#394b63;font-weight:700}.company-nav-button,.company-primary,.company-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.company-nav-button{padding:11px 18px;background:#0c4fc6;color:#fff;box-shadow:0 9px 24px #155eef24}
.company-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:620px;width:min(1240px,100%);margin:auto;padding:64px 28px 80px}.company-hero-copy{animation:company-rise .65s ease both}.company-kicker,.section-label,.section-heading>span{display:inline-block;color:#155eef;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.company-hero h1{margin:18px 0 20px;font-size:clamp(58px,6.3vw,88px);line-height:.96;letter-spacing:-.06em}.company-hero h1 em{color:#155eef;font-style:normal}.company-lead{max-width:680px;margin:0;color:#344860;font-size:20px;line-height:1.55}.company-support{max-width:650px;margin:16px 0 0;color:var(--y-muted);font-size:15px;line-height:1.65}.company-actions,.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.company-primary{gap:28px;padding:14px 18px;background:linear-gradient(135deg,#1767e8,#103f9c);color:#fff;box-shadow:0 12px 28px #155eef2b}.company-secondary{padding:13px 17px;border:1px solid #cbd8e8;background:#fff;color:#243d5d;box-shadow:0 8px 22px #102a4308}.company-primary:hover,.company-nav-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px #155eef38}.company-secondary:hover{transform:translateY(-2px);border-color:#9ebbea}
.company-hero-visual{position:relative;display:grid;place-items:center;min-height:430px}.company-symbol{position:relative;z-index:2;display:grid;place-items:center;width:218px;height:218px;border:1px solid #d4e2f3;border-radius:54px;background:#ffffffed;box-shadow:0 32px 90px #0f3a6d20}.company-symbol img{width:108px;height:108px;object-fit:contain}.company-orbit{position:absolute;border:1px solid #bcd5f4;border-radius:50%}.orbit-a{width:390px;height:390px}.orbit-b{width:300px;height:300px;border-style:dashed}.signal{position:absolute;z-index:3;padding:10px 14px;border:1px solid #d6e3f2;border-radius:999px;background:#fff;box-shadow:0 12px 30px #123b6d17;color:#274867;font-size:12px;font-weight:800}.signal-one{top:14%;right:2%}.signal-two{bottom:14%;right:7%;color:#087c52}.signal-three{bottom:24%;left:0;color:#155eef}
.company-hero-product{align-self:center;padding:34px;border:1px solid #d7e4f3;border-radius:30px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 30px 90px #123b6d1a;animation:companyRise .7s ease both}.hero-product-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e8f0ff;color:#155eef;font-size:11px;font-weight:900;letter-spacing:.12em}.hero-product-title{display:flex;align-items:center;gap:16px;margin:22px 0}.hero-product-title img{width:64px;height:64px;object-fit:contain;border-radius:17px}.hero-product-title h2{margin:0;font-size:35px}.hero-product-title p{margin:4px 0 0;color:#51708f}.company-hero-product>p{color:#35516d;line-height:1.75}.company-hero-product ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;list-style:none}.company-hero-product li{padding:10px;border-radius:12px;background:#fff;color:#244866;font-size:12px;font-weight:750;text-align:center}.company-hero-product .product-actions{display:flex;gap:10px;margin-top:24px}.company-hero-product button{font:inherit;cursor:pointer}@keyframes companyRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.company-product{padding:88px 28px;background:#081c36;color:#fff}.company-product>.section-label{display:block;width:min(1080px,100%);margin:0 auto 18px;color:#80b1ff}.product-highlight{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;width:min(1080px,100%);margin:auto;padding:38px;border:1px solid #ffffff1f;border-radius:25px;background:linear-gradient(135deg,#102f58,#0b2444);box-shadow:0 24px 70px #00000033}.product-brand{display:flex;align-items:center;gap:18px}.product-brand img{width:75px;height:75px;object-fit:contain;padding:8px;border-radius:18px;background:#fff}.product-brand h2{margin:0;font-size:37px}.product-brand span{display:block;margin-top:4px;color:#b8cbe1}.product-highlight>p{margin:0;color:#d0deed;font-size:17px;line-height:1.65}.product-highlight .product-actions{grid-column:1/-1;margin-top:0}.product-highlight .company-secondary{background:transparent;color:#fff;border-color:#ffffff55}
.company-identity{padding:95px 28px 105px;background:var(--y-soft)}.section-heading{width:min(1120px,100%);margin:0 auto 34px}.section-heading h2{max-width:650px;margin:8px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1120px,100%);margin:auto}.identity-grid article{min-height:235px;padding:27px;border:1px solid var(--y-line);border-radius:20px;background:#fff;box-shadow:0 12px 35px #102a4309}.identity-grid article>b{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#eaf2ff;color:#155eef;font-size:11px}.identity-grid h3{margin:32px 0 10px;font-size:21px}.identity-grid p{margin:0;color:var(--y-muted);line-height:1.65}
.company-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;padding:35px max(28px,calc((100% - 1120px)/2));background:#050e1b;color:#cad8e8}.company-footer>div:first-child img{width:180px;filter:invert(1);mix-blend-mode:screen}.company-footer>div:first-child p{margin:5px 0 0;color:#8fa7c2;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.company-footer>div:nth-child(2){display:flex;gap:18px}.company-footer a,.company-footer button{padding:0;background:transparent;color:#d5e4f4;font-weight:700}.company-footer>p{margin:0;text-align:right;font-size:12px}.company-footer small{color:#8198b2}.company-registration{font-family:Inter,"Segoe UI",Arial,sans-serif}
@keyframes company-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.company-hero-copy{animation:none}.company-primary,.company-secondary,.company-nav-button{transition:none}}
@media(max-width:900px){.company-logo img{width:210px}.company-hero{grid-template-columns:1fr;text-align:center;padding-top:55px}.company-lead,.company-support{margin-left:auto;margin-right:auto}.company-actions{justify-content:center}.company-hero-visual{min-height:360px}.product-highlight{grid-template-columns:1fr}.product-highlight .product-actions{grid-column:auto}.identity-grid{grid-template-columns:1fr}.identity-grid article{min-height:auto}.company-footer{grid-template-columns:1fr;text-align:center}.company-footer>div:first-child img{object-position:center}.company-footer>div:nth-child(2){justify-content:center}.company-footer>p{text-align:center}}
@media(max-width:600px){.company-header{height:70px;padding:0 16px}.company-logo img{width:155px}.company-nav-link{display:none}.company-nav-button{padding:9px 13px;font-size:12px}.company-hero{min-height:auto;padding:48px 17px 58px}.company-hero h1{font-size:50px}.company-lead{font-size:17px}.company-actions{display:grid}.company-hero-visual{min-height:300px}.company-symbol{width:160px;height:160px;border-radius:40px}.company-symbol img{width:80px;height:80px}.orbit-a{width:275px;height:275px}.orbit-b{width:215px;height:215px}.signal{font-size:10px}.company-product,.company-identity{padding:65px 16px}.product-highlight{padding:25px 20px}.product-brand{align-items:flex-start}.product-brand img{width:62px;height:62px}.product-brand h2{font-size:29px}.product-highlight>p{font-size:15px}.product-actions{display:grid}.company-footer{padding:32px 18px}.registration-grid{grid-template-columns:1fr}}
.section-heading>p{max-width:790px;margin:18px 0 0;color:var(--y-muted);font-size:16px;line-height:1.75}.company-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;width:min(1120px,calc(100% - 56px));margin:0 auto;padding:105px 0}.contact-copy h2{margin:10px 0 15px;font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}.contact-copy>p{color:var(--y-muted);line-height:1.7}.contact-details{display:grid;gap:11px;margin-top:28px}.contact-details a,.contact-details span{color:#244766;font-weight:750}.contact-form{padding:30px;border:1px solid var(--y-line);border-radius:24px;background:#fff;box-shadow:0 22px 60px #102a4310}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-grid label{display:grid;gap:8px;color:#29455f;font-size:13px;font-weight:800}.contact-grid .full{grid-column:1/-1}.contact-grid input,.contact-grid textarea{width:100%;padding:13px 14px;border:1px solid #cedbea;border-radius:11px;background:#fbfdff;color:#102a43;font:inherit}.contact-form .company-primary{margin-top:18px;border:0;cursor:pointer}.contact-ready{padding:12px;border-radius:10px;background:#eafaf3;color:#087c52;font-size:13px}.company-footer>div:first-child strong{font-size:20px;letter-spacing:.13em}@media(max-width:900px){.company-contact{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.company-contact{width:100%;padding:65px 16px}.contact-grid{grid-template-columns:1fr}.contact-grid .full{grid-column:auto}.contact-form{padding:21px}.company-header nav{gap:4px}.company-header .company-nav-link{display:none}}
