/*
Theme Name: TechRiot Light
Description: Light TechRiot IT website draft, designed for Elementor Free. Use with the included setup plugin.
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 8.1
Author: TechRiot IT
Text Domain: techriot-light
License: GPL-2.0-or-later
*/
:root{--tr-orange:#ff8415;--tr-coral:#ff5f55;--tr-ink:#192127;--tr-muted:#56616d;--tr-peach:#fff3e9;--tr-line:#f0dfd1;--tr-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--tr-ink);font:16px/1.7 var(--tr-font)}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#a8400b}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a8400b;outline-offset:4px}h1,h2,h3,h4,p{margin:0 0 16px}h1,h2,h3{line-height:1.13;letter-spacing:-.045em;color:var(--tr-ink)}h1{font-size:clamp(38px,5.4vw,72px)}h2{font-size:clamp(28px,3.5vw,46px)}h3{font-size:24px;letter-spacing:-.025em}p,li{color:var(--tr-muted)}ul{padding-left:22px}li{margin:10px 0}.tr-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #f0e9e2;background:#ffffffed;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.admin-bar .tr-header{top:32px}.tr-wordmark{font-size:25px;font-weight:800;white-space:nowrap;letter-spacing:-1px}.tr-wordmark span{color:#c94d00}.custom-logo{width:auto;max-width:190px;max-height:58px}.tr-header nav{display:flex;align-items:center;gap:27px;font-size:14px}.tr-header nav ul{list-style:none;display:flex;gap:24px;padding:0;margin:0}.tr-header nav li{margin:0}.tr-header .current-menu-item a{color:#b34500}.tr-menu-toggle{display:none}.tr-button,.elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:linear-gradient(115deg,#ff8415,#ff5f55);border:1px solid transparent;border-radius:11px;color:#321600!important;font-weight:750;font-size:14px;line-height:1.35;padding:15px 23px;text-align:center;transition:transform .2s,box-shadow .2s}.tr-button:hover,.elementor-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #ff84152a}.tr-outline .elementor-button{border-color:#d85b0a;background:#fff;color:#843400!important}.tr-text-button .elementor-button{background:none;color:#974000!important;padding:8px 0;min-height:40px}.tr-section{max-width:1200px!important;width:calc(100% - 48px)!important;margin:0 auto!important;padding:65px 0!important;display:flex;flex-direction:column;gap:18px;--container-widget-width:100%;--widgets-spacing:0px}.tr-section.e-con>.e-con-inner{max-width:none}.tr-section .e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--widgets-spacing:0px;padding:0;gap:16px}.tr-section .elementor-widget{margin-bottom:0!important}.tr-section .elementor-heading-title{font-family:var(--tr-font);color:var(--tr-ink);font-weight:750;line-height:1.15;letter-spacing:-.04em}.tr-section h1.elementor-heading-title{font-size:clamp(38px,5.4vw,72px)}.tr-section h2.elementor-heading-title{font-size:clamp(28px,3.5vw,46px)}.tr-section h3.elementor-heading-title{font-size:24px}.tr-section .elementor-widget-text-editor{font-family:var(--tr-font);color:var(--tr-muted);font-size:16px}.tr-hero{display:grid!important;grid-template-columns:1.65fr 1fr;align-items:center;min-height:480px;padding-top:80px!important;padding-bottom:70px!important;position:relative}.tr-hero:before{content:'';position:absolute;inset:0 calc((1200px - 100vw)/2);background:radial-gradient(ellipse at 80% 50%,#ffe8d7,transparent 55%),#fffaf6;z-index:-1}.tr-eyebrow,.tr-eyebrow p{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#a8400b!important}.tr-lead,.tr-lead p{font-size:20px!important;line-height:1.65}.tr-orbit{aspect-ratio:1;position:relative;width:100%;max-width:390px}.tr-orbit:before,.tr-orbit:after{content:'';position:absolute;border:1px solid #ffc99e;border-radius:50%;inset:24% 0;transform:rotate(-30deg)}.tr-orbit:after{transform:rotate(38deg);inset:10% 20%}.tr-orbit i{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffd5a6,#ff8415);box-shadow:0 20px 70px #ff841533}.tr-orbit b,.tr-orbit em{position:absolute;width:25px;height:25px;border-radius:50%;background:#ff5f55;top:65%;left:15%}.tr-orbit em{top:18%;left:70%;width:15px;height:15px;background:#ff8415}.tr-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px;align-items:center}.tr-actions>.e-con,.tr-actions>.elementor-widget{width:auto}.tr-hero-actions{padding-top:0!important;padding-bottom:28px!important}.tr-grid{display:grid!important;gap:24px!important;width:100%}.tr-three{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-card{display:flex;flex-direction:column;border:1px solid var(--tr-line);border-radius:20px;padding:30px!important;background:#fff;gap:12px;min-width:0;height:100%}.tr-card .tr-text-button{margin-top:auto}.tr-number,.tr-number p{color:#c24f00!important;font-size:28px!important;font-weight:750;letter-spacing:-1px}.tr-client-names p{font-size:22px;font-weight:650;color:#525b62}.tr-small,.tr-small p{font-size:13px!important}.tr-stat,.tr-stat p{font-weight:750;font-size:25px!important;color:var(--tr-ink)}.tr-case-image img{width:100%;height:240px;object-fit:cover;object-position:top;border:1px solid #eee;border-radius:12px}.tr-split{display:grid!important;grid-template-columns:1fr 1fr;gap:60px!important;align-items:start}.tr-service-links{display:flex!important;flex-flow:row wrap!important;gap:12px!important}.tr-service-links>.elementor-widget{width:auto!important}.tr-service-detail{border-top:1px solid var(--tr-line)}.tr-cta,.tr-contact-band{background:linear-gradient(115deg,#fff0e5,#fff7f1);padding:38px!important;border-radius:22px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:30px!important;margin:32px auto!important}.tr-cta>div:first-child,.tr-contact-band>div:first-child{flex:1}.tr-cta .tr-actions{width:auto;flex-shrink:0;max-width:280px;flex-direction:column!important}.tr-contact-band>.elementor-widget-button{width:auto;flex-shrink:0}.tr-cta h2{font-size:36px!important}.tr-footer{max-width:1200px;margin:50px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--tr-line);padding:35px 24px}.tr-footer p,.tr-footer small{font-size:13px}.tr-trust{display:flex!important;flex-direction:row!important;justify-content:space-between;padding:25px!important;margin-top:30px!important;background:#fff8f3;border-radius:15px}.tr-mission{border-left:2px solid var(--tr-orange);padding-left:30px!important}.tr-vision{background:#fff5ed;border-radius:22px;padding:40px!important;display:grid!important;grid-template-columns:1fr 3fr;align-items:center;gap:40px}.tr-mega,.tr-mega p{font-size:110px!important;line-height:1;font-weight:800;letter-spacing:-7px;color:#c24f00!important}.tr-founder{display:grid!important;grid-template-columns:1fr 1.5fr;gap:50px!important;align-items:center}.tr-founder-photo img{width:100%;border-radius:20px;object-fit:cover;aspect-ratio:4/5}.tr-timeline{display:flex!important;flex-direction:column!important;gap:22px!important;position:relative}.tr-timeline:before{content:'';width:2px;background:#ffdbc0;position:absolute;top:35px;bottom:35px;left:35px}.tr-step{display:grid!important;grid-template-columns:70px 1fr;align-items:start;gap:24px!important;border:1px solid var(--tr-line);padding:28px 30px 22px 0!important;border-radius:18px;background:#fff;position:relative;transition:opacity .6s,transform .6s}.tr-step-number{position:relative;border-radius:50%;background:#fff0e4;width:70px!important;min-height:70px;display:grid;place-items:center;text-align:center}.tr-step-number p{margin:0;color:#b84a00;font-size:25px;font-weight:800}.tr-step.pending-reveal{opacity:0;transform:translateY(24px)}.elementor-editor-active .tr-step{opacity:1!important;transform:none!important}.tr-transparency{background:#fff8f3;padding:38px!important;border-radius:20px}.tr-transparency .tr-card{background:transparent;border:0;padding:12px!important}.tr-booking{text-align:center}.tr-booking>.elementor-widget-shortcode{text-align:left}.trc{--tr-accent:#ba4900!important;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(350px,1.2fr);max-width:1030px;margin:30px auto;background:#fff;border:1px solid var(--tr-line);border-radius:22px;overflow:hidden;text-align:left}.trc .trc-profile,.trc-profile{background:#fff2e8!important;padding:35px;border-right:1px solid var(--tr-line)}.trc-panel{padding:35px}.trc .trc-avatar,.trc-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%}.trc .trc-primary{background:linear-gradient(115deg,#ff8415,#ff5f55)!important;border:0!important;color:#321600!important}.trc .trc-days button[aria-pressed=true],.trc .trc-slots button[aria-pressed=true]{background:#ba4900!important;color:white!important}.trc .trc-slots button{border-color:#e8c5ad}.trc .trc-profile h2{font-size:29px}.trc .trc-selected{background:#fff2e8}.trc select,.trc input,.trc textarea{max-width:100%}.tr-world-section{text-align:center;position:relative;overflow:hidden;background:#fff8f3;border-radius:24px;padding:55px!important}.tr-world{height:170px;max-width:700px;margin:10px auto 0;border-radius:50%;background:radial-gradient(circle,#ffc799 2px,transparent 3px);background-size:13px 13px;position:relative;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}.tr-world span{font-size:60px;color:#ff8415}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:15px;background:#fff;z-index:100;padding:15px}.tr-page-fallback{max-width:1000px;margin:auto;padding:60px 24px}details{border-bottom:1px solid var(--tr-line);padding:20px}summary{cursor:pointer;font-weight:700}
@media(max-width:1024px){.tr-header{gap:16px;padding:16px 24px}.tr-header nav{gap:16px}.tr-header nav ul{gap:16px}.tr-three{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-split,.tr-founder{gap:30px!important}.tr-hero:before{inset:0 -24px}.tr-cta{flex-direction:column!important;align-items:start}.tr-cta .tr-actions{max-width:none;flex-direction:row!important}.trc{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr)}}
@media(max-width:767px){html{scroll-padding-top:90px}.tr-header{padding:13px 18px;flex-wrap:wrap}.tr-wordmark{font-size:22px}.tr-header>.tr-button{font-size:11px;min-height:40px;padding:10px}.tr-menu-toggle{display:block;border:1px solid var(--tr-line);background:#fff;border-radius:8px;padding:8px;font-size:12px}.tr-header nav{order:4;width:100%;display:none;padding:15px 0}.tr-header nav.open{display:flex}.tr-header nav ul{flex-wrap:wrap}.admin-bar .tr-header{top:46px}.tr-section{width:calc(100% - 36px)!important;padding:40px 0!important;gap:14px}.tr-hero{grid-template-columns:1fr;min-height:0;padding-top:48px!important;gap:10px}.tr-hero-copy{max-width:none}.tr-orbit{max-width:220px;margin:auto}.tr-hero h1{font-size:40px}.tr-three,.tr-two,.tr-split,.tr-founder{grid-template-columns:1fr}.tr-card{padding:24px!important}.tr-client-names p{font-size:19px}.tr-vision{grid-template-columns:1fr;gap:8px;padding:25px!important}.tr-mega,.tr-mega p{font-size:80px!important}.tr-trust{flex-direction:column!important;padding:22px!important;gap:0}.tr-cta,.tr-contact-band{padding:25px!important;flex-direction:column!important;align-items:start}.tr-founder-photo img{max-height:440px;object-position:center 25%}.tr-step{grid-template-columns:50px 1fr;gap:15px!important;padding:20px 18px 15px 0!important}.tr-step-number{width:50px!important;min-height:50px}.tr-step-number p{font-size:19px}.tr-timeline:before{left:25px}.tr-step h3{font-size:21px!important}.tr-step p{font-size:15px}.tr-transparency{padding:25px!important}.trc{display:grid;grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}.trc .trc-profile,.trc-profile{border-right:0;padding:24px!important}.trc .trc-panel,.trc-panel{padding:24px 16px!important;min-width:0}.trc .trc-days button{min-height:34px}.trc .trc-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-footer{flex-direction:column;align-items:start}.tr-world-section{padding:30px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tr-step.pending-reveal{opacity:1;transform:none}}

.tr-brand-original{display:block;width:125px;height:76px;overflow:hidden;flex-shrink:0}.tr-brand-original img{display:block;width:125px;max-width:none;height:125px;margin-top:-19px}.tr-header{padding-top:9px;padding-bottom:9px}
@media(max-width:767px){.tr-hero:before{inset:0 -18px}}
@media(max-width:767px){.tr-header{gap:8px}.tr-header .tr-brand-original{width:100px;height:61px}.tr-header .tr-brand-original img{width:100px;height:100px;margin-top:-15px}.tr-header>.tr-button{order:2}.tr-menu-toggle{order:3}.tr-header nav{order:4}}
/* Keep the brand palette consistent with Elementor's default global kit. */
.tr-section .elementor-widget-button .elementor-button{background:linear-gradient(115deg,#ff8415,#ff5f55)!important;font-weight:750;border-radius:11px;color:#321600!important}
.tr-section .tr-outline .elementor-button{background:#fff!important;color:#843400!important;border:1px solid #d85b0a}
.tr-section .tr-text-button .elementor-button{background:transparent!important;color:#974000!important;box-shadow:none}
.tr-section.tr-cta,.tr-section.tr-contact-band{background:linear-gradient(115deg,#fff0e5,#fff7f1)!important}
.tr-hero:before{width:auto!important;height:auto!important;inset:0 calc((1200px - 100vw)/2)!important}
@media(max-width:1024px){.tr-hero:before{inset:0 -24px!important}}
@media(max-width:767px){.tr-hero:before{inset:0 -18px!important}}

.tr-header nav a[aria-current="page"]{color:#a8400b;font-weight:700}
.tr-section .elementor-widget-button .elementor-button{background-color:#ff8415!important;background-image:linear-gradient(115deg,#ff8415,#ff5f55)!important}
.tr-section .tr-outline .elementor-button{background-color:#fff!important;background-image:none!important}
.tr-section .tr-text-button .elementor-button{background-color:transparent!important;background-image:none!important}
.tr-section.tr-cta,.tr-section.tr-contact-band{background-color:#fff2e8!important;background-image:linear-gradient(115deg,#fff0e5,#fff7f1)!important}