/* TrafficMagicNow Limited — bespoke, dependency-free marketing site */
:root{--ink:#17211e;--muted:#637068;--muted-light:#a5b1aa;--dark:#111b1a;--dark-deep:#0c1514;--lime:#d8f68e;--lime-hover:#e4ffa6;--paper:#f7f8f4;--white:#fff;--line:#e2e7df;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--lime);color:var(--dark)}.container{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:15px;z-index:999;background:var(--lime);padding:12px}.skip-link:focus{top:12px}.site-header{height:88px;position:sticky;top:0;z-index:40;background:#f9faf7ed;border-bottom:1px solid #dde3dba8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:15px;line-height:1.1;letter-spacing:-.07em;font-weight:850}.brand-copy small{font-size:9px;letter-spacing:.31em;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:26px}.desktop-nav a{font-size:13px;color:#46534c;font-weight:600;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover,.footer-address a:hover{color:#638226}.header-cta{background:var(--dark);color:#fff;border-radius:100px;font-size:13px;font-weight:700;padding:13px 19px;display:inline-flex;gap:27px;align-items:center;transition:transform .2s,background .2s}.header-cta:hover{transform:translateY(-2px);background:#30413a}.header-cta span{font-size:18px}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{height:2px;width:23px;background:#1b2620;display:block;transition:transform .2s}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:var(--dark-deep);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;opacity:.28;z-index:-1;background-image:linear-gradient(#91c49a14 1px,transparent 1px),linear-gradient(90deg,#91c49a14 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 100%)}.hero-orb{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(80px)}.hero-orb-one{width:530px;height:530px;right:3%;top:0;background:#507c4e36}.hero-orb-two{width:310px;height:310px;left:-130px;bottom:-160px;background:#87935a1d}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:684px;align-items:center;gap:48px;padding-block:85px 73px}.hero-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.19em;color:#4b5a50}.eyebrow.light{color:#c5d1c5}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d8f68e16}.eyebrow-number{color:#779247;font-size:12px;letter-spacing:0}.hero h1{font-size:clamp(55px,5.25vw,77px);line-height:1.065;letter-spacing:-.074em;margin:30px 0 25px;font-weight:760;max-width:720px}.hero h1 em,.serif-italic{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.hero .highlight-text{color:var(--lime)}.hero-lead{max-width:530px;color:#afc1b8;font-size:17px;line-height:1.8;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.button{border-radius:100px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 21px 17px 25px;font-size:14px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px;font-weight:400}.button-lime{background:var(--lime);color:var(--dark)}.button-lime:hover{background:var(--lime-hover);box-shadow:0 12px 28px #d8f68e2a}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:14px;align-items:center}.light-link{color:#d8e6d8}.light-link:hover{color:var(--lime)}.light-link span{font-size:20px}.hero-signature{display:flex;align-items:center;gap:15px;margin-top:72px;font-size:12px;letter-spacing:.05em;color:#7f988d}.signature-line{height:1px;width:29px;background:var(--lime)}.hero-visual{min-width:0;position:relative;height:570px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #8eac993b;border-radius:50%;z-index:-1}.orbit-one{width:510px;height:510px}.orbit-two{width:620px;height:620px;opacity:.45}.dashboard{width:min(100%,490px);border:1px solid #44564b;background:linear-gradient(145deg,#23342c 0%,#16221f 64%,#18231e 100%);border-radius:23px;padding:22px;box-shadow:0 35px 60px #050e0d77;transform:rotate(-2deg);position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1b;padding-bottom:19px}.dashboard-wordmark{font-size:11px;color:#d7e7d9;font-weight:700;display:flex;align-items:center;gap:10px}.mini-logo{background:var(--lime);color:var(--dark);height:24px;width:24px;display:grid;place-items:center;border-radius:7px;font-size:17px}.dash-menu{font-size:15px;color:#7f9d8b;letter-spacing:2px}.dash-overline{font-size:9px;letter-spacing:.18em;color:#9cb6a3;margin:28px 0 10px;font-weight:700}.dashboard h2{font-size:39px;line-height:1.1;letter-spacing:-.06em;font-weight:700;margin:0 0 27px}.accent-period{color:var(--lime)}.chart-frame{border-radius:14px;border:1px solid #ffffff12;background:#ffffff08;padding:16px 18px 10px}.chart-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#e0ebe2}.chart-pill{border-radius:20px;background:#c9ef7e18;color:#cfe5a8;padding:5px 9px;font-size:9px;letter-spacing:.03em}.main-chart{display:block;width:100%;height:155px;margin-top:10px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.dash-metrics>div{background:#ffffff0a;border-radius:11px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.metric-icon{font-size:22px;line-height:1.1;color:var(--lime);margin-bottom:9px}.dash-metrics strong{font-size:12px}.dash-metrics small{font-size:10px;color:#9cb2a5}.floating-note{position:absolute;right:-4%;bottom:3%;background:#f5f8e9;box-shadow:0 18px 40px #0005;color:#1f3026;border-radius:14px;display:flex;align-items:center;gap:12px;padding:15px 19px;transform:rotate(4deg)}.float-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e4f4bc;color:#4b6029;font-size:23px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;color:#708072;margin-top:4px}.visual-label{position:absolute;left:5px;top:19px;font-size:10px;letter-spacing:.16em;color:#a6c1ae;font-weight:800;display:flex;align-items:center;gap:9px}.dot-live{width:7px;height:7px;background:var(--lime);border-radius:50%}.floating-star{position:absolute;right:5px;top:35px;color:var(--lime);font-size:45px}.hero-bottom{position:relative;border-top:1px solid #e0f4dc24;display:flex;gap:32px;justify-content:center;align-items:center;color:#80998d;min-height:75px;font-weight:750;letter-spacing:.21em;font-size:10px}.hero-bottom .slash{color:var(--lime)}
.section-pad{padding-block:116px}.intro-section{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:120px}.display-heading{font-size:clamp(44px,4.5vw,67px);line-height:1.12;letter-spacing:-.067em;font-weight:750;margin:26px 0 0}.intro-copy{padding-top:56px}.intro-copy .lead-copy{font-size:22px;line-height:1.5;font-weight:630;letter-spacing:-.025em;color:#26342b;margin:0 0 22px}.intro-copy p:not(.lead-copy){font-size:15px;line-height:1.9;color:#637168;margin:0}.underlined-link{margin-top:30px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #a8b4a7;padding-bottom:10px;font-size:13px;font-weight:750}.underlined-link span{font-size:18px}.underlined-link:hover{border-color:#5b7e26;color:#56751f}
.services-section{background:var(--paper)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:46px}.section-heading-row p{max-width:275px;color:#718076;font-size:14px;line-height:1.8;margin:0 0 8px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{position:relative;min-height:320px;background:#fff;border:1px solid #e9ede6;border-radius:16px;padding:27px 28px 30px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #24372810;border-color:#b8d18c}.service-index{font-size:10px;color:#88998b;letter-spacing:.1em;font-weight:750}.service-icon{width:66px;height:66px;border-radius:18px;background:#f2f7e8;color:#466632;display:grid;place-items:center;margin:19px 0 22px}.service-icon svg{width:42px;height:42px}.service-card h3{font-size:20px;letter-spacing:-.04em;margin:0 0 12px;font-weight:740}.service-card p{color:#748178;font-size:13px;line-height:1.8;margin:0;max-width:290px}.service-arrow{position:absolute;right:26px;top:26px;color:#7e9985;font-size:22px}
.approach-section{background:#14201c;color:#fff;position:relative;overflow:hidden}.approach-section:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;left:-330px;bottom:-360px;border:1px solid #a6f28c15;box-shadow:0 0 0 90px #a6f28c04,0 0 0 190px #a6f28c05}.approach-grid{display:grid;grid-template-columns:.93fr 1fr;gap:110px;align-items:start;position:relative}.light-title{color:#f4f9ee}.approach-copy p{font-size:15px;line-height:1.9;color:#a0b5a8;max-width:390px;margin:25px 0 30px}.button-outline{border-color:#79917d;background:transparent;color:#f4f7ee}.button-outline:hover{background:#25362c;border-color:var(--lime)}.approach-steps{border-top:1px solid #53685b}.approach-step{display:grid;grid-template-columns:45px 1fr 25px;gap:16px;padding:28px 0;border-bottom:1px solid #53685b}.step-number{font-size:13px;color:var(--lime);font-weight:700;padding-top:7px}.approach-step h3{font-size:23px;letter-spacing:-.04em;margin:0 0 9px}.approach-step p{color:#9cafa1;font-size:13px;line-height:1.7;margin:0;max-width:345px}.approach-step>span{font-size:19px;color:#b7ceb8}
.values-section{background:#fff}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:125px}.values-left{position:relative;min-height:440px}.giant-asterisk{font-size:195px;line-height:1;position:absolute;bottom:-35px;left:30px;color:#c9ef8a;font-family:Georgia,serif;transform:rotate(-13deg)}.values-right{padding-top:27px}.value-item{display:grid;grid-template-columns:45px 1fr;gap:22px;border-top:1px solid #dbe2d9;padding:26px 0}.value-item:last-child{border-bottom:1px solid #dbe2d9}.value-item>span{font-size:12px;font-weight:750;color:#73945c;margin-top:5px}.value-item h3{font-size:21px;letter-spacing:-.04em;margin:0 0 10px}.value-item p{font-size:14px;line-height:1.75;color:#6e7a71;margin:0;max-width:360px}
.contact-section{background:#d9f48e;color:#14201b}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.contact-section .eyebrow.light{color:#526d42}.contact-section .eyebrow-number{color:#4e6d36}.contact-copy .light-title{color:#16241b}.contact-copy .lime{color:#5c7d2e}.contact-copy p{max-width:380px;font-size:15px;line-height:1.85;color:#4a6241;margin:25px 0 45px}.contact-location{margin-top:25px;font-size:12px;font-weight:650;display:flex;align-items:center;gap:10px;color:#587044}.location-dot{width:8px;height:8px;border-radius:50%;background:#587d3a}.asterisk{font-size:23px;color:#698d44}.company-panel{background:#fff;border-radius:18px;padding:33px 36px 35px;box-shadow:0 20px 60px #3e6b2c17}.company-panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8e1;padding-bottom:17px;font-size:10px;letter-spacing:.16em;font-weight:750;color:#7c9081}.company-panel-body{padding:32px 0 36px}.company-panel-label{display:block;font-size:10px;letter-spacing:.15em;font-weight:800;color:#7b927c;margin-bottom:12px}.company-panel h3{font-size:clamp(24px,2.4vw,33px);line-height:1.2;letter-spacing:-.05em;margin:0}.company-panel-rule{border-top:1px solid #e4eae2;margin:28px 0}.company-panel address{font-style:normal;font-size:18px;line-height:1.75;color:#3d5847}.company-panel-link{border-top:1px solid #e4eae2;padding-top:24px;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;color:#3b603b}.company-panel-link span{font-size:22px}
.site-footer{background:#0e1816;color:#dceade;padding-top:76px}.footer-main{display:grid;grid-template-columns:1.6fr .6fr 1fr;gap:95px;padding-bottom:75px}.brand-footer .brand-copy strong{color:#ecf9ea}.brand-footer .brand-copy small{color:#b2c9b6}.footer-brand-col p{max-width:285px;color:#8fa69a;font-size:13px;line-height:1.9;margin:24px 0 0}.footer-links,.footer-address{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.site-footer h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e2eee2;margin:8px 0 11px}.footer-links a,.footer-address a{font-size:13px;color:#9db3a4;transition:color .2s}.footer-address address{font-size:13px;font-style:normal;line-height:1.95;color:#a9bbae}.footer-address a{border-bottom:1px solid #566b5b;padding-bottom:4px;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #2b3932;padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom p{font-size:11px;color:#879b8d;margin:0}.footer-bottom>div{display:flex;gap:28px;flex-wrap:wrap}.footer-bottom a{font-size:11px;color:#a4b7a8}.footer-bottom a:hover{color:var(--lime)}
/* Legal pages */.legal-hero{background:var(--dark);color:#fff;padding:95px 0 85px}.legal-hero .display-heading{max-width:850px}.legal-hero p{max-width:660px;color:#a7bcb0;font-size:16px;line-height:1.8}.legal-body{background:#fff;padding:75px 0 110px}.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:100px}.legal-aside{position:sticky;top:115px;align-self:start;border-top:1px solid var(--line);padding-top:22px}.legal-aside p{font-weight:700;font-size:13px;margin:0 0 14px}.legal-aside a{font-size:13px;color:#68806d}.legal-content{max-width:760px}.legal-content h2{font-size:23px;letter-spacing:-.04em;margin:0 0 16px;padding-top:15px}.legal-content h2:not(:first-child){margin-top:42px}.legal-content p,.legal-content li{font-size:15px;line-height:1.85;color:#5c6a60}.legal-content a{color:#416a2d;text-decoration:underline}.legal-content ul{padding-left:23px}.legal-content .updated{font-size:12px;color:#859386;margin:0 0 38px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.dashboard,.floating-note{will-change:transform}
@media(max-width:1130px){.desktop-nav{gap:19px;margin-right:0}.hero-grid{gap:20px}.hero h1{font-size:clamp(51px,5.1vw,70px)}.hero-visual{height:520px}.dashboard{padding:18px}.floating-note{right:-5px}.intro-grid{gap:65px}.approach-grid{gap:50px}.values-grid{gap:60px}.contact-grid{gap:45px}.footer-main{gap:50px}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;top:88px;left:0;right:0;background:#f9faf7;border-top:1px solid #e0e6dc;border-bottom:1px solid #e0e6dc;padding:15px 36px 22px;box-shadow:0 18px 30px #16221c10}.mobile-nav a{font-size:15px;font-weight:650;padding:14px 4px}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero-grid{grid-template-columns:1fr;padding-top:88px;padding-bottom:60px;gap:30px}.hero-content{max-width:680px}.hero h1{font-size:clamp(58px,8vw,78px)}.hero-visual{width:min(600px,100%);height:530px;margin:auto}.hero-signature{margin-top:50px}.intro-grid,.approach-grid,.values-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.intro-copy{padding-top:0;max-width:650px}.section-heading-row{align-items:flex-start}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.values-left{min-height:260px}.giant-asterisk{left:auto;right:5%;bottom:-10px;font-size:140px}.values-right{padding-top:0}.approach-copy{max-width:700px}.contact-copy p{margin-bottom:25px}.footer-main{grid-template-columns:1.2fr 1fr;gap:45px}.footer-brand-col{grid-column:span 2}.legal-layout{grid-template-columns:1fr;gap:25px}.legal-aside{position:static}}
@media(max-width:640px){.container{width:calc(100% - 38px)}.site-header{height:72px}.brand-mark svg{height:36px;width:36px}.brand-copy strong{font-size:12.5px}.brand-copy small{font-size:8px}.mobile-nav:not([hidden]){top:72px;padding-inline:19px}.hero-grid{padding-top:66px;gap:45px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero h1{font-size:clamp(47px,11vw,68px);margin-top:23px;letter-spacing:-.075em}.hero-lead{font-size:15px;line-height:1.75}.hero-actions{gap:20px}.button{padding:15px 19px 15px 22px}.hero-visual{height:405px}.dashboard{width:92%;padding:14px;border-radius:17px}.dashboard-header{padding-bottom:11px}.dashboard-wordmark{font-size:9px}.dash-overline{font-size:7px;margin-top:18px}.dashboard h2{font-size:29px;margin-bottom:15px}.chart-frame{padding:10px}.chart-head{font-size:10px}.main-chart{height:110px}.dash-metrics>div{padding:9px 7px}.metric-icon{font-size:15px;margin-bottom:5px}.dash-metrics strong{font-size:10px}.dash-metrics small{font-size:8px}.orbit-one{width:340px;height:340px}.orbit-two{width:430px;height:430px}.floating-note{bottom:0;right:-2px;padding:9px 11px}.floating-note .float-icon{width:29px;height:29px;font-size:17px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.visual-label{top:0;left:5px;font-size:9px}.floating-star{top:0;right:10px;font-size:29px}.hero-bottom{gap:10px;flex-wrap:wrap;min-height:68px;font-size:8px;letter-spacing:.12em}.section-pad{padding-block:76px}.display-heading{font-size:clamp(41px,10vw,57px)}.intro-grid{gap:28px}.intro-copy .lead-copy{font-size:20px}.section-heading-row{display:block;margin-bottom:30px}.section-heading-row p{margin-top:21px}.services-grid{grid-template-columns:1fr}.service-card{min-height:275px}.approach-grid{gap:45px}.values-left{min-height:220px}.giant-asterisk{font-size:120px}.values-right{padding:0}.contact-grid{gap:33px}.company-panel{padding:22px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:36px;padding-bottom:48px}.footer-brand-col{grid-column:span 2}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-bottom>div{gap:17px}.legal-hero{padding:75px 0 55px}.legal-body{padding:50px 0 80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}