@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#050709;--paper:#e9edf1;--blue:#315cff;--cyan:#85eaff;--line:#ffffff20}*{box-sizing:border-box}.tot-agency{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 'DM Sans',Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:90px}.tot-agency a{color:inherit;text-decoration:none}.tot-agency button{font:inherit;cursor:pointer;color:inherit}.tot-agency img{max-width:100%;display:block}.tot-agency figure{margin:0}.tot-agency h1,.tot-agency h2,.tot-agency h3{font-family:Manrope,Arial,sans-serif;font-weight:500;color:inherit;line-height:1.06;letter-spacing:-.055em}.tot-agency h2{font-size:clamp(40px,5.7vw,88px);margin:20px 0 30px}.tot-agency h3{font-size:clamp(28px,3vw,46px);margin:24px 0}.tot-agency em{font-family:Georgia,serif;font-weight:400;color:#a5b5c9}.tot-agency p{margin:0 0 22px}.tot-header{height:100px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#050709aa,transparent)}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:-1px;line-height:1.1}.logo img{width:43px}.logo small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:8px;font-weight:400}.tot-header nav{display:flex;gap:30px;font-size:12px}.tot-header nav a:hover{color:var(--cyan)}.menu{display:none}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#0935a13d,transparent 50%),#050709}.hero:after{content:'';position:absolute;width:900px;height:900px;border:1px solid #4276e426;border-radius:50%;right:-130px;top:90px;pointer-events:none}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.hero-sphere{position:absolute;right:3%;top:19%;width:46%;filter:drop-shadow(0 0 90px #1739e655);animation:levitate 12s ease-in-out infinite}.hero-sphere img{width:100%}.hero-copy{position:relative;z-index:2;padding:170px 5% 90px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600}.hero-title{font-size:clamp(64px,7.7vw,122px);margin:40px 0 30px;max-width:1000px;line-height:1.02!important}.hero-title span{background:linear-gradient(100deg,#fff,#a2b6f1 45%,#4e73f6);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-deck{font-size:17px;color:#aeb7c4;line-height:1.65}.hero-note{font-size:8px;letter-spacing:2px;margin-top:40px!important;color:#899bb6}.wp-block-buttons{display:flex}.tot-agency .wp-block-button__link{display:inline-flex;gap:50px;border:1px solid #ffffff55;border-radius:0;background:transparent;color:inherit;padding:15px 22px;font-size:12px;transition:background .25s}.tot-agency .wp-block-button__link:hover{background:#315cff;border-color:#315cff}.hero-foot{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;z-index:3;font-size:8px;letter-spacing:2px}.section{padding:110px 5%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;background:#0a0d12}.intro>.eyebrow{grid-column:1/-1}.intro h2{font-size:clamp(40px,5vw,74px)}.intro>.lead{align-self:center}.lead{font-size:21px;color:#aeb9c8;line-height:1.7;max-width:800px}.clients{grid-column:1/-1;border-top:1px solid var(--line);padding-top:40px;margin-top:60px}.client-line{font-size:clamp(14px,2vw,30px);letter-spacing:-.5px;display:block}.client-line span{color:#3d65b5;margin:0 24px}.micro{font-size:10px;color:#8f9bab;letter-spacing:.5px}.section-head{margin-bottom:45px}.feature-case{position:relative;min-height:620px;overflow:hidden;background:#02132e}.case-image{position:absolute;inset:0}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.feature-case:hover .case-image img{transform:scale(1.035)}.case-overlay{position:relative;padding:55px;width:52%;z-index:1;background:linear-gradient(90deg,#020b1bde,#020b1b44,transparent)}.case-overlay h2{font-size:clamp(40px,4.4vw,65px)}.case-overlay p:not(.eyebrow){color:#b8c5db;max-width:380px}.case-overlay em{color:var(--cyan)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.brand-card{padding:50px;min-height:420px;position:relative;overflow:hidden}.brand-card:after{content:'↗';font-size:200px;position:absolute;right:15px;top:0;opacity:.09;pointer-events:none}.brand-card p:not(.eyebrow){max-width:400px;font-size:15px}.cricket{background:#b0ef35;color:#111b09}.cricket em{color:#334d13}.att{background:#007ca7;color:white}.att em{color:#a5ecff}.dish-story{background:#0c1017}.case-intro{max-width:840px}.case-intro>p:not(.eyebrow){max-width:650px;color:#aeb9c8}.deck-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}.deck-gallery figure:first-child{grid-column:1/-1}.deck-gallery img{width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.steps p{font-size:9px;letter-spacing:1px;color:#8297b6;border-top:1px solid var(--line);padding-top:22px}.steps strong{display:block;color:#e7edf4;font-size:18px;letter-spacing:-.3px;font-weight:400;margin-top:8px}.ai{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:radial-gradient(ellipse at 80% 60%,#3b195f80,transparent 60%),#08080c;overflow:hidden}.ai-copy>p:not(.eyebrow){color:#aeb9c8}.ai-copy h2{font-size:clamp(42px,4.4vw,70px)}.process-line{font-size:10px;letter-spacing:1.8px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px!important}.ai-art{position:relative;padding:20px 0 80px}.ai-primary{transform:rotate(-5deg);border:1px solid #ffffff33;box-shadow:0 20px 60px #0008}.ai-secondary{width:75%;margin-top:-40px!important;margin-left:25%!important;transform:rotate(6deg);border:1px solid #ffffff33;box-shadow:0 20px 60px #0008}.ai-art .micro{margin-top:40px;text-align:center;font-size:8px}.strategy{background:#dfe4e8;color:#10151b}.strategy em{color:#506072}.strategy .lead{color:#4a5968}.message-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:50px 0 35px}.message{padding:40px;background:#f4f7f8;border-top:3px solid #70a81e}.att-message{border-color:#008ab7}.message h3{font-size:30px;line-height:1.25}.message>p:last-child{color:#526273;font-size:14px}.strategy-flow{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1113;padding-top:24px;font-size:10px;letter-spacing:1.2px}.strategy .micro{color:#586879}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.motion-card>figure{display:none}.motion-card video{width:100%;aspect-ratio:16/9;background:#000}.motion-card h3{font-size:30px}.motion-card>p{font-size:12px;color:#8f9bab}.motion>.micro{margin-top:30px}.about{border-top:1px solid var(--line);background:radial-gradient(ellipse at 0% 100%,#0c235b,transparent 70%)}.about h2{max-width:1100px}.awards{font-size:13px;letter-spacing:3px;margin-top:45px!important;color:#889ab4}.contact{background:#2854e8;position:relative;overflow:hidden}.contact h2{font-size:clamp(60px,9vw,145px)}.contact em{color:#c8d6ff}.contact .micro{color:#c0d1ff;margin-top:40px}.tot-agency footer{padding:35px 5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line)}footer button{background:none;border:0;font-size:9px!important;letter-spacing:1px}.skip{position:absolute;top:-100px;z-index:100;background:white;color:black!important;padding:15px}.skip:focus{top:0}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #67ddff;outline-offset:5px}.paused *{animation-play-state:paused!important}.section{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js-ready .reveal.seen{opacity:1;transform:none}@keyframes levitate{50%{transform:translateY(-24px) rotate(7deg)}}@media(min-width:1700px){.tot-agency{max-width:2000px;margin:auto}}@media(max-width:950px){.tot-header nav{gap:18px}.hero{min-height:780px}.hero-title{font-size:9vw}.hero-sphere{top:28%;right:-10%;width:58%;opacity:.75}.hero-copy{padding-top:180px}.case-overlay{width:60%;padding:35px}.feature-case{min-height:550px}.brand-card{padding:35px}.lead{font-size:18px}}@media(max-width:650px){.tot-header{height:85px;padding:18px 6%}.logo{font-size:18px}.logo img{width:35px}.logo small{font-size:7px}.menu{display:block;background:none;border:0;font-size:12px!important}.tot-header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#080d18;padding:25px 6%;flex-direction:column;gap:25px}.tot-header nav.open{display:flex}.hero{height:auto;min-height:850px}.hero-copy{padding:150px 6% 100px}.hero .eyebrow{font-size:8px;max-width:240px}.hero-title{font-size:15vw;letter-spacing:-.065em;margin:35px 0}.hero-sphere{width:78%;top:360px;right:-20%;opacity:.42}.hero-deck{font-size:15px;max-width:270px;margin-top:40px!important}.hero-note{max-width:210px;line-height:2}.hero-foot{font-size:7px;letter-spacing:1px}.section{padding:70px 6%}.intro,.ai{display:block}.intro h2{font-size:43px}.lead{font-size:17px}.clients{margin-top:40px}.client-line{font-size:15px;line-height:2.2}.client-line span{margin:0 8px}.feature-case{min-height:700px}.case-image{height:310px;position:relative}.case-image img{object-position:70%}.case-overlay{width:100%;padding:28px;background:#07142b}.case-overlay h2{font-size:44px}.brand-grid,.message-grid,.motion-grid{grid-template-columns:1fr}.brand-card{padding:30px;min-height:350px}.brand-card h2{font-size:47px}.deck-gallery{grid-template-columns:1fr}.deck-gallery figure:first-child{grid-column:auto}.steps{display:block}.steps p{padding-top:18px}.steps strong{margin-top:0}.ai-art{margin-top:40px}.ai-copy h2{font-size:43px}.message{padding:28px}.message h3{font-size:27px}.strategy-flow{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.about h2{font-size:39px}.awards{font-size:10px;letter-spacing:1px}.contact h2{font-size:17vw}.tot-agency footer{flex-wrap:wrap;font-size:8px}.tot-agency footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

body.admin-bar .tot-header{top:32px} .tot-agency .wp-block-group{margin-block-start:0;margin-block-end:0} .tot-agency .wp-block-image img{height:auto} .tot-agency .case-image img{height:100%}

/* Keep the staging preview navigation below GoDaddy’s admin banner. */
body.admin-bar:has(.launch-now-cta-container) .tot-header{top:76px}
@media(max-width:782px){body.admin-bar .tot-header{top:46px}body.admin-bar:has(.launch-now-cta-container) .tot-header{top:90px}}

/* Client logo strip and website portfolio, v1.1.0 */
.client-section{overflow:hidden;background:#0a0d12}.client-section h2{max-width:900px}.logo-marquee{overflow:hidden;margin-top:50px;background:#fff;border-radius:4px;padding:24px 0}.logo-track{display:flex;width:max-content;animation:client-scroll 32s linear infinite}.logo-set{display:flex;flex:none;align-items:center;gap:48px;padding-right:48px}.client-logo{width:240px;height:100px;display:flex;align-items:center;justify-content:center;flex:none;padding:15px}.tot-agency .client-logo img{width:auto;height:auto;max-height:70px;max-width:210px;object-fit:contain}.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track,.logos-paused .logo-track,.paused .logo-track{animation-play-state:paused}.logo-pause{margin-top:18px;background:transparent;border:1px solid #ffffff55;padding:8px 16px;color:inherit}.web-development{background:#0c1017}.web-development>figure{margin:45px 0!important;border:1px solid #ffffff30}.web-development>figure img{width:100%}.web-development>.message-grid{margin-top:50px}.deck-gallery{grid-template-columns:1fr}.deck-gallery img{width:100%}@keyframes client-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-marquee{overflow-x:auto}}@media(max-width:650px){.client-logo{width:180px}.logo-set{gap:20px;padding-right:20px}.tot-agency .client-logo img{max-width:160px}}

.client-logo img[alt="ARC"],.client-logo img[src$="/arc.png"]{background:#131820;border-radius:3px;padding:10px}

/* v1.2.0: scrollable training deck */
.tot-agency .deck-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#315cff #0c1017}.tot-agency .deck-gallery>figure{flex:0 0 100%;min-width:0;scroll-snap-align:start;align-self:flex-start}.tot-agency .deck-gallery img{width:100%;height:auto}.deck-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.deck-controls button{background:transparent;border:1px solid #ffffff55;color:inherit;padding:10px 16px}.deck-count{font-size:13px;font-variant-numeric:tabular-nums}.deck-controls button:hover{background:#315cff}@media(max-width:650px){.deck-controls{gap:10px}.deck-controls button{font-size:12px;padding:8px 12px}}

/* v1.2.1: centered carousel controls */
.tot-agency .deck-controls{justify-content:center;gap:12px;padding:22px 16px;margin:0 auto 24px;background:radial-gradient(ellipse at 50% 0%,#315cff22,transparent 70%);border-bottom:1px solid #ffffff12}.tot-agency .deck-controls button{min-height:44px;padding:11px 22px;border:1px solid #8aabff55;border-radius:999px;background:linear-gradient(135deg,#365ff1 0%,#2345b6 55%,#152b77 100%);box-shadow:inset 0 1px 0 #ffffff25,0 5px 20px #1747d322;color:#fff;font-size:13px;font-weight:500;letter-spacing:.02em;transition:background .2s,box-shadow .2s,transform .2s}.tot-agency .deck-controls button:hover{background:linear-gradient(135deg,#537aff,#3458d4 55%,#213d98);box-shadow:inset 0 1px 0 #ffffff35,0 6px 24px #315cff45;transform:translateY(-1px)}.tot-agency .deck-controls button:focus-visible{outline:2px solid #85eaff;outline-offset:4px}.tot-agency .deck-count{min-width:56px;text-align:center;color:#c6d5f4;font-size:12px;letter-spacing:.08em}.tot-agency .deck-controls .deck-pause{background:linear-gradient(135deg,#263650,#121e36);border-color:#7196d64d}@media(max-width:650px){.tot-agency .deck-controls{gap:8px;padding:18px 4px}.tot-agency .deck-controls button{padding:10px 14px;font-size:12px}.tot-agency .deck-count{min-width:42px}}

/* v1.2.2: side-arrow deck navigation */
.tot-agency .deck-shell{position:relative;margin-top:50px}.tot-agency .deck-shell .deck-gallery{margin-top:0}.tot-agency .deck-shell .deck-controls{position:absolute;inset:0;padding:0;margin:0;background:none;border:0;pointer-events:none;display:block}.tot-agency .deck-shell .deck-controls button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;font-size:26px;line-height:1;pointer-events:auto;display:grid;place-items:center}.tot-agency .deck-shell .deck-prev{left:14px}.tot-agency .deck-shell .deck-next{right:14px}.tot-agency .deck-shell .deck-controls button:hover{transform:translateY(-50%) scale(1.06)}.tot-agency .deck-shell .deck-count{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:#050709bb;backdrop-filter:blur(8px)}@media(max-width:650px){.tot-agency .deck-shell .deck-controls button{width:40px;height:40px;min-height:40px;font-size:22px}.tot-agency .deck-shell .deck-prev{left:6px}.tot-agency .deck-shell .deck-next{right:6px}.tot-agency .deck-shell .deck-count{bottom:6px;font-size:10px;padding:3px 8px}}

/* v1.3.0: interactive tablet artwork and service cards */
.tot-agency .ai-art figure{position:relative;transform:translate(var(--repel-x,0px),var(--repel-y,0px)) rotate(var(--art-angle,-3deg)) scale(var(--art-scale,1));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s;will-change:transform}.tot-agency .ai-art .ai-secondary{--art-angle:5deg}.tot-agency .ai-art figure:hover{filter:drop-shadow(0 18px 40px #466fff40);z-index:2}.tot-agency .ai-art img{border:1px solid #9bb9ff44;border-radius:12px}.tot-agency .message-grid{counter-reset:service;gap:24px}.tot-agency .message-grid .message{counter-increment:service;position:relative;overflow:hidden;border:1px solid #5f83c444;border-top:1px solid #85b4ff88;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,#244dbb44,transparent 65%),linear-gradient(135deg,#15233a,#0b1220);padding:42px;box-shadow:inset 0 1px 0 #ffffff08;transition:transform .25s,border-color .25s}.tot-agency .message-grid .message:nth-child(even){background:radial-gradient(ellipse at 100% 0%,#6639ac44,transparent 65%),linear-gradient(135deg,#1c2038,#101323)}.tot-agency .message-grid .message:before{content:'0' counter(service) ' /';display:block;margin-bottom:28px;color:#83b9ff;font-size:12px;letter-spacing:.18em}.tot-agency .message-grid .message:after{content:'↗';position:absolute;right:28px;top:22px;color:#8fb4ff;font-size:30px;opacity:.65}.tot-agency .message-grid .message h3{color:#f3f6ff!important;font-size:clamp(25px,2.5vw,38px);line-height:1.15;max-width:90%;margin:0 0 20px}.tot-agency .message-grid .message p{color:#becde3!important;font-size:16px;line-height:1.75;margin-bottom:0}.tot-agency .message-grid .message:hover{transform:translateY(-5px);border-color:#8aabff99}@media(max-width:650px){.tot-agency .message-grid .message{padding:28px}.tot-agency .ai-art figure{transform:none}}@media(prefers-reduced-motion:reduce){.tot-agency .ai-art figure,.tot-agency .message-grid .message:hover{transform:none!important}}

/* v1.4.0: watch-led launch process */
.process-orbit{position:relative;min-height:800px;isolation:isolate;border:1px solid #5675c230;border-radius:24px;background:radial-gradient(ellipse at 50% 70%,#13265b66,transparent 60%),#070c15;overflow:hidden}.orbit-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#315cff18;filter:blur(65px);left:calc(50% - 200px);top:280px}.orbit-path{position:absolute;width:100%;height:100%;inset:0;fill:none;pointer-events:none}.orbit-path path{stroke:url(#orbit-gradient);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 8px #529dff);transition:stroke-dashoffset 1.5s ease}.watch-trigger{position:absolute;z-index:2;left:35%;top:35%;width:30%;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center}.watch-trigger img{width:auto;max-height:410px;filter:drop-shadow(0 25px 35px #000b);animation:watch-float 7s ease-in-out infinite}.watch-trigger>span{font-size:12px;letter-spacing:.08em;color:#bcd3ff;border:1px solid #6f99f566;border-radius:30px;padding:10px 20px;background:#102247cc;margin-top:16px}.process-step{position:absolute;width:23%;padding:20px;background:linear-gradient(140deg,#162b52ee,#0c1629ee);border:1px solid #668ffc66;border-radius:18px;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .5s,transform .6s;transition-delay:calc(var(--step)*.18s);box-shadow:0 15px 35px #0005}.process-step-1{left:74%;top:60%;--step:0}.process-step-2{left:72%;top:13%;--step:1}.process-step-3{left:37%;top:3%;--step:2}.process-step-4{left:3%;top:29%;--step:3}.tot-agency .process-step h3{font-size:24px;color:#f5f8ff;margin:12px 0;letter-spacing:-.03em}.process-step strong{display:block;color:#99cbff;font-size:12px;margin-bottom:8px}.tot-agency .process-step p{color:#b4c5dd;font-size:12px;line-height:1.6;margin:0}.process-icon{display:inline-grid;width:38px;height:38px;place-items:center;background:#335be744;border:1px solid #87b6ff66;border-radius:50%}.process-icon svg{width:22px;fill:none;stroke:#a9e5ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.process-number{float:right;color:#839fcb;font:11px monospace;padding-top:12px}.orbit-hint{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:.16em;color:#8096bd}.process-orbit.is-open .process-step{opacity:1;transform:none}.process-orbit.is-open .orbit-path path{stroke-dashoffset:0}.watch-trigger:focus-visible{outline:2px solid #85eaff;outline-offset:8px;border-radius:20px}@keyframes watch-float{50%{transform:translateY(-12px) rotate(2deg)}}@media(max-width:800px){.process-orbit{padding:30px 20px 60px;min-height:0}.watch-trigger{position:relative;left:auto;top:auto;width:100%;margin:0 auto 30px}.watch-trigger img{max-height:310px}.orbit-path{display:none}.process-stages{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process-step{position:relative;inset:auto;width:auto;padding:18px;opacity:1;transform:none}.tot-agency .process-step h3{font-size:20px}.orbit-hint{font-size:8px}.process-orbit:not(.is-open) .process-stages{display:none}}@media(max-width:450px){.process-stages{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.watch-trigger img{animation:none}.process-step,.orbit-path path{transition:none}}

.tot-agency .watch-trigger,.tot-agency .watch-trigger:hover,.tot-agency .watch-trigger:focus,.tot-agency .watch-trigger:active{background:transparent;box-shadow:none}.tot-agency .process-orbit{min-height:740px}.watch-trigger img{max-height:350px}