@charset "UTF-8";
:root{--navy:#06152e;--dark:#051027;--mid:#09244c;--card:#071e41;--border:#1689de;--cyan:#05d5ff;--sky:#1899ff;--white:#f8fbff;--text:#d3e5f8;--muted:#a7c6df;--green:#07e6bf;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 90% 4%,#0a2f67 0,transparent 36%),linear-gradient(180deg,#06182f 0%,#06132e 60%,#030d20 100%);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}svg.icon{height:1.4em;width:1.4em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.grid-glow{position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(rgba(63,165,245,.23) .7px,transparent .7px);background-size:24px 24px;z-index:0}.site-header{position:sticky;top:0;z-index:20;background:rgba(2,15,37,.92);border-bottom:1px solid rgba(34,146,244,.35);box-shadow:0 5px 24px rgba(0,0,0,.16);backdrop-filter:blur(18px)}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:28px}.identity{display:flex;align-items:center;min-width:0;gap:17px}.logo-frame{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:210px;height:79px;padding:9px;background:#fff;border:3px solid #20cfff;border-radius:17px;box-shadow:0 0 0 3px rgba(10,77,174,.6),0 0 24px #008dff9e,inset 0 0 12px rgba(0,165,255,.2);transition:box-shadow .2s ease}.identity:hover .logo-frame{box-shadow:0 0 0 3px rgba(10,77,174,.7),0 0 32px #00baffc4}.logo-frame img{width:100%;max-height:100%;height:auto;object-fit:contain;display:block}.brand-rule{height:49px;width:3px;background:linear-gradient(#01d1ff,#257bff);box-shadow:0 0 12px #08a8ff}.portal-wordmark{white-space:nowrap;letter-spacing:-.045em;font-weight:900;font-size:clamp(26px,2.7vw,42px);line-height:1}.portal-wordmark em{font-style:normal;color:#0ebaf8}.site-nav{display:flex;align-items:center;gap:31px}.site-nav a{display:flex;align-items:center;gap:9px;padding:15px 0;white-space:nowrap;color:#e0ecff;font-size:15px;font-weight:650;position:relative;transition:color .2s}.site-nav a .icon{color:#bce8ff;font-size:18px}.site-nav a:hover,.site-nav a.active{color:#05d5ff}.site-nav a.active:after{content:"";height:2px;bottom:6px;position:absolute;left:0;right:0;background:#00d2ff;box-shadow:0 0 11px #00bcff}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;gap:5px;border:1px solid #1d8cdb;border-radius:10px;background:rgba(10,36,76,.9);cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:2px;background:#e5faff}
.hero{position:relative;min-height:615px;padding-top:69px;isolation:isolate}.hero-ambient{position:absolute;inset:0 -40px 0 -40px;z-index:-2;background:radial-gradient(ellipse at 73% 28%,rgba(40,136,253,.36),transparent 59%),linear-gradient(180deg,rgba(3,17,40,0),rgba(3,17,40,.05) 73%,#051b39);pointer-events:none}.truck-visual{position:absolute;right:-50px;top:16px;width:min(61%,800px);height:555px;background:url('./assets/hero-tronton.webp') center center/cover no-repeat;z-index:-1;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);border-radius:18px;opacity:.99}.truck-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06152e 0%,transparent 22%,transparent 78%,rgba(2,14,37,.5) 100%)}.hero-content{position:relative;z-index:2;max-width:665px}.eyebrow,.section-kicker{margin:0 0 13px;font-size:15px;font-weight:800;color:#12cef9;letter-spacing:.055em}.hero h1{font-size:clamp(57px,6.2vw,92px);letter-spacing:-.06em;line-height:.99;margin:0 0 12px;font-weight:900;text-shadow:0 5px 16px rgba(0,0,0,.3)}.hero h1 span{color:#05b6fe}.hero h2{font-size:clamp(25px,2.6vw,40px);line-height:1.2;letter-spacing:-.045em;font-weight:800;margin:0 0 22px}.hero h2 span{color:#00c7fa}.hero-copy{max-width:510px;font-size:18px;line-height:1.64;color:#e0edff;text-shadow:0 3px 10px #051d3c;margin:0 0 27px}.login-button{position:relative;display:inline-flex;align-items:center;gap:16px;justify-content:space-between;width:min(100%,380px);padding:9px 18px 9px 11px;min-height:76px;border:2px solid #1dddff;border-radius:15px;background:linear-gradient(108deg,#11b8ff 0%,#0863fa 62%,#1251ce 100%);box-shadow:0 0 26px #009fffa1,0 16px 32px #020f29a1;color:#fff;font-size:17px;font-weight:800;transition:transform .2s,box-shadow .2s;outline-offset:5px}.login-button:hover{transform:translateY(-3px);box-shadow:0 0 37px #00b5ff,0 16px 32px #020f29}.login-button:active{transform:translateY(1px)}.login-button .arr{margin-left:auto;font-size:21px}.google-box{display:grid;place-items:center;background:white;color:#4285f4;font-family:Arial,sans-serif;font-size:29px;font-weight:900;width:51px;height:51px;border-radius:10px;box-shadow:0 4px 15px #092e7ba0;flex:0 0 auto;background-image:linear-gradient(140deg,#4285f4 15%,#34a853 38%,#fbbc05 65%,#ea4335 89%);-webkit-background-clip:text;background-clip:text}.google-box:before{content:"";position:absolute;z-index:-1}.login-support{margin:18px 0 0;max-width:490px;color:#c6deeb;font-size:12px;line-height:1.6}.login-error{max-width:550px;border:1px solid #fbbe65;border-radius:9px;background:#5c310bdb;padding:12px 16px;font-size:13px;line-height:1.6}.hero-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(700px,100%);margin-top:44px}.benefit{border:1px solid #1398ecb0;background:linear-gradient(125deg,#061c3be8,#0b2b51d9);display:flex;align-items:center;gap:14px;min-height:78px;padding:14px 19px;border-radius:13px;box-shadow:0 12px 30px rgba(1,14,37,.25)}.benefit .icon{font-size:25px;color:#08cfff;filter:drop-shadow(0 0 7px #00a8ff)}.benefit span{font-size:13px;line-height:1.35;font-weight:650}
.page-section{position:relative;margin-top:55px;scroll-margin-top:128px}.section-heading{display:flex;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:clamp(28px,2.6vw,37px);line-height:1.15;margin:0 0 9px;letter-spacing:-.03em}.section-heading p:not(.section-kicker){color:#bdd7eb;font-size:15px;margin:0;line-height:1.55}.section-kicker{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:10px;letter-spacing:.13em}.section-kicker .icon{font-size:17px}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step-card{position:relative;padding:21px 24px 27px;min-height:305px;border:1px solid #1379c9;border-radius:16px;background:linear-gradient(143deg,rgba(8,36,76,.93),rgba(4,21,49,.96));box-shadow:inset 0 1px rgba(148,218,255,.06),0 13px 28px #020e24b0;transition:transform .2s,border-color .2s}.step-card:hover{transform:translateY(-4px);border-color:#0cceff}.step-number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 0 20px #007eff60}.n1{background:#128afc}.n2,.n3{background:#03c9ac}.n4{background:#9766f6}.step-glyph{display:block;margin:23px auto 21px!important;height:70px!important;width:70px!important;filter:drop-shadow(0 0 10px #069bff)}.google-glyph{font-size:58px;text-align:center;font-family:Arial,sans-serif;font-weight:900;color:#4285f4;text-shadow:2px 2px #31ad61,-2px -1px #ef5145}.step-glyph.blue{color:#12aaff}.step-glyph.green{color:#04efc0}.step-glyph.red{color:#f85977}.step-card h3{font-size:17px;line-height:1.35;margin:0 0 13px}.step-card p{font-size:13px;color:#bfd6ec;line-height:1.6;margin:0}.info-strip,.privacy-strip{margin-top:21px;display:flex;align-items:center;gap:20px;padding:23px 28px;border:1px solid #1688e2;border-radius:15px;background:linear-gradient(100deg,#062649,#052045);box-shadow:0 10px 24px rgba(0,8,30,.3)}.info-strip>.icon,.privacy-strip>.icon{font-size:30px;color:#04c9ff;filter:drop-shadow(0 0 6px #059ae7)}.info-strip strong,.privacy-strip strong{display:block;font-size:17px;margin-bottom:6px}.info-strip span,.privacy-strip p{display:block;margin:0;font-size:14px;color:#c4def0;line-height:1.55}.safe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.safe-card{padding:29px 26px;min-height:250px;text-align:center;border:1px solid #167ddd;border-radius:16px;background:linear-gradient(140deg,#082b5bce,#061731f5);box-shadow:0 15px 31px #03132f94}.safe-icon{height:68px!important;width:68px!important;color:#04c3fe;filter:drop-shadow(0 0 15px #03b7ff);margin-bottom:12px}.safe-card h3{font-size:18px;line-height:1.3;margin:0 0 11px}.safe-card p{font-size:14px;line-height:1.65;color:#cee1f3;margin:0}.privacy-strip>.icon{color:#06e5ba}.help-section{margin-bottom:80px}.faq{display:grid;gap:11px}.faq details{background:linear-gradient(110deg,#062b54,#082346);border:1px solid #0b8bd5;border-radius:11px;overflow:hidden}.faq summary{display:flex;align-items:center;gap:13px;padding:14px 17px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary>.icon{margin-left:auto;color:#09bdff;transition:transform .2s}.faq details[open] summary>.icon{transform:rotate(180deg)}.faq details p{margin:0;padding:0 19px 17px 57px;max-width:1000px;color:#cce0ee;font-size:14px;line-height:1.65}.question-mark{flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#00a8f0;color:#032047;font-weight:900;display:grid;place-items:center}.contact-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:16px 19px;border-radius:15px;border:1px solid #05d8c2;background:linear-gradient(100deg,#053051,#05223f);box-shadow:0 0 18px #04a8df1c}.contact-left{display:flex;align-items:center;gap:17px}.whatsapp-mark{height:52px;width:52px;border:2px solid #00e7a9;border-radius:50%;display:grid;place-items:center;color:#00edb5}.whatsapp-mark .icon{font-size:26px}.contact-left strong{display:block;font-size:16px;margin-bottom:5px}.contact-left p{margin:0;color:#b9d4e7;font-size:13px;line-height:1.5}.wa-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;min-width:210px;border:2px solid #00dfc2;border-radius:999px;white-space:nowrap;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.wa-button:hover{transform:translateY(-2px);background:#006b7299}.wa-button .icon{color:#06edb7}.wa-button .arr{margin-left:6px}.footer{border-top:1px solid #17518b;background:#04152e;padding:26px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;color:#99bcd7;font-size:12px}.footer-row a{color:#76ddff}.footer-row a:hover{text-decoration:underline}
@media(max-width:1150px){.wrap{width:min(100% - 48px,1320px)}.header-content{min-height:96px}.logo-frame{width:170px;height:69px}.portal-wordmark{font-size:31px}.site-nav{gap:19px}.truck-visual{right:-24px;width:61%;height:510px}.hero-content{max-width:56%}.hero h1{font-size:64px}.hero h2{font-size:30px}.hero-copy{font-size:16px}.steps-grid{gap:12px}.step-card{padding:19px 17px;min-height:315px}}
@media(max-width:880px){.site-nav{gap:13px}.site-nav a{font-size:13px}.logo-frame{width:144px;height:60px}.portal-wordmark{font-size:27px}.brand-rule{height:40px}.identity{gap:12px}.hero{padding-top:62px}.truck-visual{height:470px;top:30px;right:-24px;opacity:.74}.hero-content{max-width:65%}.hero h1{font-size:57px}.hero h2{font-size:27px}.hero-benefits{margin-top:55px;width:100%}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card{min-height:240px}.step-glyph{margin:16px auto!important}.safe-grid{gap:12px}.safe-card{padding:23px 14px}}
@media(max-width:680px){.wrap{width:calc(100% - 30px)}.header-content{min-height:78px;gap:10px}.logo-frame{width:114px;height:54px;border-width:2px;border-radius:12px;padding:5px}.portal-wordmark{font-size:clamp(18px,5vw,26px);letter-spacing:-.045em}.brand-rule{height:34px;width:2px}.identity{gap:9px}.menu-toggle{display:flex;margin-left:auto}.site-nav{display:none;position:absolute;top:calc(100% + 5px);left:15px;right:15px;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px;border:1px solid #127de7;border-radius:13px;background:rgba(3,23,51,.98);box-shadow:0 16px 29px #0009}.site-nav.open{display:flex}.site-nav a{font-size:15px;padding:13px 7px}.site-nav a.active:after{bottom:5px}.hero{min-height:0;padding-top:31px;padding-bottom:13px}.truck-visual{position:relative;display:block;width:calc(100% + 30px);height:260px;top:auto;right:auto;margin:24px -15px -22px;order:1;background-position:center 60%;mask-image:linear-gradient(0deg,#000 60%,#000 85%);-webkit-mask-image:linear-gradient(0deg,#000 60%,#000 85%);border-radius:0;opacity:.98}.hero-ambient{inset:0 -15px}.hero-content{max-width:100%;display:contents}.hero-content .eyebrow,.hero-content h1,.hero-content h2,.hero-content .hero-copy,.hero-content .login-button,.hero-content .login-support,.hero-content .login-error{position:relative;z-index:2}.hero{display:flex;flex-direction:column}.eyebrow{font-size:12px;margin-bottom:12px}.hero h1{font-size:clamp(55px,13vw,80px);margin-bottom:10px}.hero h2{font-size:clamp(23px,6vw,32px);margin-bottom:13px}.hero-copy{font-size:15px;line-height:1.57;margin-bottom:18px}.login-button{min-height:65px;width:100%;max-width:390px;font-size:16px;gap:11px}.google-box{width:44px;height:44px;font-size:27px}.login-support{font-size:11px;margin-top:12px}.hero-benefits{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:34px}.benefit{gap:6px;min-height:76px;padding:10px 7px;flex-direction:column;text-align:center;justify-content:center}.benefit .icon{font-size:20px}.benefit span{font-size:10px}.page-section{margin-top:44px;scroll-margin-top:92px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading p:not(.section-kicker){font-size:13px}.steps-grid{gap:11px}.step-card{padding:17px 14px;min-height:252px}.step-number{width:36px;height:36px;font-size:18px}.step-glyph{width:54px!important;height:54px!important;margin:14px auto 15px!important}.google-glyph{font-size:50px}.step-card h3{font-size:14px}.step-card p{font-size:11px}.info-strip,.privacy-strip{padding:17px 15px;gap:12px}.info-strip>.icon,.privacy-strip>.icon{font-size:24px}.info-strip strong,.privacy-strip strong{font-size:14px}.info-strip span,.privacy-strip p{font-size:12px}.safe-grid{grid-template-columns:1fr}.safe-card{min-height:auto;padding:22px 22px}.safe-icon{height:49px!important;width:49px!important;margin-bottom:7px}.safe-card h3{font-size:16px}.safe-card p{font-size:13px}.faq summary{font-size:13px;gap:10px}.faq details p{font-size:12px;padding-left:16px}.contact-bar{flex-direction:column;align-items:stretch;gap:18px}.wa-button{width:100%}.footer-row{flex-direction:column;align-items:center;text-align:center;gap:13px}.help-section{margin-bottom:45px}}
@media(max-width:360px){.logo-frame{width:105px}.portal-wordmark{font-size:18px}.hero h1{font-size:51px}.step-card{padding:16px 10px}.step-card h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Google emblem: white rounded tile with a multicolor G, not a transparent tile. */
.google-box{background:#fff;color:#4285f4;-webkit-background-clip:border-box;background-clip:border-box}
.google-box span{background:conic-gradient(#4285f4 0 80deg,#34a853 80deg 165deg,#fbbc05 165deg 240deg,#ea4335 240deg 315deg,#4285f4 315deg);-webkit-background-clip:text;background-clip:text;color:transparent}