/*
Theme Name: TREEMEDIA Astra Child V3
Theme URI: https://treemedia.telenusa.com/
Description: TREEMEDIA polished corporate rental, IT service and web design theme built on Astra.
Author: TREEMEDIA
Template: astra
Version: 3.0.0
*/
:root{--blue:#0569d8;--blue2:#0b4fa3;--blue3:#eaf5ff;--orange:#ff7a00;--yellow:#ffc62b;--ink:#092d55;--muted:#647891;--line:#dce9f6;--white:#fff;--dark:#062a55;--shadow:0 18px 50px rgba(9,64,125,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{text-decoration:none}.tm-wrap{width:min(1180px,92%);margin:auto}.tm-top{background:#06488f;color:#fff;font-size:13px}.tm-top .tm-wrap{height:38px;display:flex;align-items:center;justify-content:space-between}.tm-head{background:#fff;border-bottom:1px solid #edf3f8;position:sticky;top:0;z-index:99}.tm-nav{min-height:82px;display:flex;align-items:center;gap:28px}.tm-logo img{width:205px;height:auto;display:block}.tm-menu{margin-left:auto;display:flex;align-items:center;gap:28px;list-style:none;padding:0}.tm-menu a{color:var(--ink);font-weight:750;font-size:15px}.tm-menu a:hover{color:var(--blue)}.tm-menu .tm-wa a{background:var(--blue);color:#fff;padding:13px 19px;border-radius:11px;box-shadow:0 8px 20px rgba(5,105,216,.20)}
.tm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,#d9efff 0,transparent 30%),linear-gradient(135deg,#f8fcff,#e8f5ff);padding:78px 0 88px}.tm-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#d5ecff;right:-260px;bottom:-330px;opacity:.55}.tm-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.tm-kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:15px}.tm-hero h1{font-size:clamp(46px,5.3vw,72px);line-height:.99;letter-spacing:-3px;margin:0 0 22px;color:#064d9f;max-width:760px}.tm-hero h1 .orange{color:var(--orange)}.tm-lead{font-size:19px;line-height:1.7;color:#244a72;max-width:660px;margin:0 0 30px}.tm-actions{display:flex;gap:12px;flex-wrap:wrap}.tm-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:12px;font-weight:850;transition:.2s}.tm-btn:hover{transform:translateY(-2px)}.tm-primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(5,105,216,.22)}.tm-accent{background:var(--yellow);color:#162b47}.tm-outline{background:#fff;border:1px solid var(--line);color:var(--blue)}
.tm-visual{position:relative;min-height:440px}.tm-visual-main{position:absolute;right:0;top:25px;width:88%;height:360px;border-radius:32px;background:linear-gradient(145deg,#0878e7,#06468f);padding:18px;box-shadow:0 28px 65px rgba(5,76,150,.22);transform:rotate(1deg)}.tm-screen{height:220px;border-radius:21px;background:linear-gradient(135deg,#eff9ff,#b8ddfb);display:flex;align-items:center;justify-content:center;color:#0758a9;font-size:29px;font-weight:900;letter-spacing:.5px}.tm-visual-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.tm-mini{height:92px;border-radius:17px;background:#fff;opacity:.96}.tm-float{position:absolute;left:0;bottom:5px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center}.tm-float strong{display:block;color:var(--ink)}.tm-dot{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #fff2e6}
.tm-section{padding:88px 0}.tm-alt{background:#f6faff}.tm-headline{text-align:center;max-width:780px;margin:0 auto 45px}.tm-headline .tm-kicker{margin-bottom:11px}.tm-headline h2{font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 13px;color:#084f9f}.tm-headline p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.tm-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tm-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.tm-service-card{position:relative;overflow:hidden}.tm-service-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;top:-75px;background:#edf7ff}.tm-number{width:52px;height:52px;border-radius:15px;background:#e8f4ff;color:var(--blue);display:grid;place-items:center;font-size:18px;font-weight:900;margin-bottom:20px}.tm-card h3{font-size:24px;margin:0 0 10px}.tm-card p{color:var(--muted);line-height:1.65;margin:0 0 18px}.tm-link{color:var(--blue);font-weight:850}
.tm-rental-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tm-product{overflow:hidden;padding:0}.tm-product-img{height:165px;background:linear-gradient(135deg,#eaf5ff,#d3eaff);display:flex;align-items:center;justify-content:center;color:#0757a7;font-size:21px;font-weight:900}.tm-product-body{padding:20px}.tm-product-body h3{margin:0 0 7px;font-size:19px}.tm-product-body p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 13px}.tm-price{color:var(--blue);font-weight:900;margin-bottom:14px}.tm-badge{display:inline-block;background:#fff3df;color:#a55300;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;margin-bottom:10px}
.tm-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tm-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;text-align:center}.tm-stat strong{font-size:34px;color:#0756a5;display:block}.tm-stat span{font-size:14px;color:var(--muted)}
.tm-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tm-step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.tm-step-num{color:var(--orange);font-size:28px;font-weight:950}.tm-step h3{margin:8px 0 7px}.tm-step p{margin:0;color:var(--muted);line-height:1.55}
.tm-cta{background:linear-gradient(120deg,#0753a4,#087ce5);border-radius:30px;padding:48px 52px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 22px 55px rgba(5,83,165,.18)}.tm-cta h2{font-size:36px;letter-spacing:-1px;margin:0 0 8px}.tm-cta p{margin:0;color:#d9ebff}.tm-footer{background:#062a55;color:#fff;padding:54px 0 22px}.tm-footgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:45px}.tm-footer img{width:190px;background:#fff;padding:9px;border-radius:9px;margin-bottom:14px}.tm-footer h3{margin:0 0 10px}.tm-footer p,.tm-footer a{color:#c7daef;line-height:1.75}.tm-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:18px;color:#a8c1db;font-size:13px;display:flex;justify-content:space-between}
.tm-pagehero{background:linear-gradient(135deg,#f5faff,#e2f2ff);padding:65px 0}.tm-pagehero h1{font-size:52px;color:#074f9f;letter-spacing:-2px;margin:0 0 10px}.tm-pagehero p{margin:0;color:var(--muted);font-size:18px}.tm-content{padding:65px 0}.tm-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.tm-table th,.tm-table td{padding:15px;border-bottom:1px solid #e8f0f7;text-align:left}.tm-table th{background:#eef7ff;color:#0754a4}.tm-table tr:last-child td{border-bottom:0}
@media(max-width:1000px){.tm-menu{gap:15px}.tm-menu a{font-size:13px}.tm-logo img{width:180px}.tm-hero-grid{grid-template-columns:1fr}.tm-visual{min-height:390px;max-width:720px;width:100%;margin:auto}.tm-services{grid-template-columns:1fr}.tm-rental-grid{grid-template-columns:repeat(2,1fr)}.tm-process,.tm-trust{grid-template-columns:repeat(2,1fr)}.tm-footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.tm-top{display:none}.tm-menu{display:none}.tm-nav{min-height:70px}.tm-hero{padding:54px 0 62px}.tm-hero h1{font-size:43px;letter-spacing:-1.5px}.tm-lead{font-size:17px}.tm-visual{min-height:300px}.tm-visual-main{height:270px;top:10px}.tm-screen{height:160px;font-size:22px}.tm-mini{height:60px}.tm-float{bottom:0;font-size:12px}.tm-section{padding:62px 0}.tm-headline{margin-bottom:30px}.tm-rental-grid,.tm-process,.tm-trust,.tm-footgrid{grid-template-columns:1fr}.tm-cta{display:block;padding:32px}.tm-cta h2{font-size:29px}.tm-cta .tm-btn{margin-top:20px}.tm-pagehero h1{font-size:40px}.tm-bottom{display:block}.tm-bottom span{display:block;margin-top:7px}}