/* ATOBU landing — layout + motion styles for the Elementor page.
   Content lives in Elementor widgets; this file only styles the classes they carry. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/uploads/atobu/fonts/inter-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/uploads/atobu/fonts/inter-latin-ext-wght.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --a-ink:#0B1220; --a-blue:#2D74DE; --a-mist:#F4F6FA; --a-slate:#5B6475;
  --a-orange:#EB5E1C; --a-stroke:#D9DEE7; --a-ondark:#C3C9D4; --a-white:#fff;
  --a-max:1300px; --a-gutter:clamp(20px,4vw,48px);
  --a-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{background:var(--a-mist);color:var(--a-ink);font-family:"Inter",sans-serif!important;-webkit-font-smoothing:antialiased}
.atobu-page [id]{scroll-margin-top:96px}
.atobu-page .elementor-heading-title{font-family:"Inter",sans-serif}

/* ---------- shared section shell ---------- */
.e-con.atobu-sec{
  --gap:0px;
  padding:clamp(80px,10vw,140px) max(var(--a-gutter),calc((100% - var(--a-max))/2));
  position:relative;
}
.atobu-eyebrow,.atobu-eyebrow p{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-blue);margin:0}
.atobu-h2 .elementor-heading-title{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.06;color:var(--a-ink);text-wrap:balance}
.atobu-lead,.atobu-lead p{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6;color:var(--a-slate);margin:0;text-wrap:pretty}
.e-con.atobu-head{--gap:16px;gap:16px;max-width:760px;margin-inline:auto;text-align:center;align-items:center;padding:0;margin-bottom:clamp(40px,6vw,72px)}
.e-con.atobu-head.is-left{margin-inline:0;text-align:left;align-items:flex-start}

/* ---------- buttons ---------- */
.atobu-btn .elementor-button{font-family:"Inter",sans-serif;font-weight:600;font-size:1rem;line-height:1;border-radius:999px;padding:16px 26px;background:var(--a-blue);color:#fff;border:0;transition:transform .3s var(--a-ease),background-color .3s,box-shadow .3s}
.atobu-btn .elementor-button:hover{background:#1f5fc0;color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(45,116,222,.35)}
.atobu-btn .elementor-button:focus-visible{outline:3px solid var(--a-orange);outline-offset:3px}
.atobu-btn--accent .elementor-button{background:var(--a-orange);color:var(--a-ink)}
.atobu-btn--accent .elementor-button:hover{background:#ff7a3d;color:var(--a-ink);box-shadow:0 10px 30px rgba(235,94,28,.35)}
.atobu-btn--ghost .elementor-button{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.atobu-btn--ghost .elementor-button:hover{background:rgba(255,255,255,.16)}

/* ---------- header (floating pill) ---------- */
.e-con.atobu-header{position:fixed;top:16px;left:0;right:0;z-index:100;padding:0 var(--a-gutter);background:transparent;pointer-events:none;--gap:0px}
body.admin-bar .e-con.atobu-header{top:48px}
.e-con.atobu-header__pill{pointer-events:auto;max-width:var(--a-max);margin:0 auto;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;
  background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-radius:999px;padding:10px 10px 10px 28px;box-shadow:0 8px 30px rgba(11,18,32,.10);transition:box-shadow .3s,background .3s}
.is-scrolled .e-con.atobu-header__pill{box-shadow:0 12px 40px rgba(11,18,32,.16);background:rgba(255,255,255,.97)}
.e-con>.elementor-widget.atobu-logo{width:auto;flex:0 0 auto}
.atobu-header .atobu-logo img{height:30px!important;width:auto!important;max-width:none!important;display:block}
.e-con>.elementor-widget.atobu-nav{flex:1 1 auto;width:auto}
.atobu-nav .elementor-nav-menu--main .elementor-item{font-family:"Inter",sans-serif;font-weight:500;font-size:1rem;color:var(--a-ink);padding:10px 16px}
.atobu-nav .elementor-nav-menu--main .elementor-item:hover,.atobu-nav .elementor-nav-menu--main .elementor-item:focus-visible{color:var(--a-blue)}
.atobu-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--a-blue)}
.atobu-nav .elementor-nav-menu--main .elementor-item::after,.atobu-nav .elementor-nav-menu--main .elementor-item::before{display:none}
.atobu-nav .elementor-menu-toggle{background:transparent;color:var(--a-ink);font-size:24px}
.atobu-nav .elementor-nav-menu--dropdown{background:#fff;border-radius:20px;margin-top:14px;box-shadow:0 20px 50px rgba(11,18,32,.15);overflow:hidden}
.atobu-nav .elementor-nav-menu--dropdown a{font-family:"Inter",sans-serif;font-weight:500;color:var(--a-ink);padding:14px 22px}
.atobu-nav .elementor-nav-menu--dropdown a:hover{background:var(--a-mist);color:var(--a-blue)}
.e-con>.elementor-widget.atobu-header__cta{flex:0 0 auto;width:auto}
.atobu-header__cta .elementor-button{padding:14px 22px}
@media (max-width:1024px){
  .atobu-header__cta{display:none}
  .e-con.atobu-header__pill{padding:6px 8px 6px 20px}
  .atobu-header .atobu-logo img{height:24px!important}
}
@media (max-width:767px){
  .e-con.atobu-header{top:10px;padding:0 12px}
  body.admin-bar .e-con.atobu-header{top:56px}
  .e-con.atobu-header__pill{padding:4px 6px 4px 16px}
  .atobu-header .atobu-logo img{height:19px!important}
  .atobu-nav .elementor-menu-toggle{font-size:20px;padding:10px}
}
a,button,.elementor-button,.atobu-tbtn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(45,116,222,.15)}

/* ---------- 1. HERO ---------- */
.e-con.atobu-hero{
  min-height:max(100svh,700px);padding:132px max(var(--a-gutter),calc((100% - 1440px)/2)) 40px;
  justify-content:space-between;--gap:0px;gap:0;color:#fff;overflow:clip;isolation:isolate;
  background:#0B1220 url(/wp-content/uploads/atobu/atobu-hero-bg-2400.webp) center/cover no-repeat;
}
@media (max-width:767px){.e-con.atobu-hero{background-image:url(/wp-content/uploads/atobu/atobu-hero-bg-1280.webp);min-height:100svh;padding-top:112px}}
.atobu-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 45%,transparent 40%,rgba(5,9,18,.55) 100%),linear-gradient(180deg,rgba(5,9,18,.35),transparent 25%,transparent 70%,rgba(5,9,18,.6))}
.e-con>.elementor-widget.atobu-hero__fx{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;max-width:none;margin:0}
.atobu-hero__fx>.elementor-widget-container,.atobu-hero__fx .elementor-widget-container{height:100%}
.atobu-fog{position:absolute;left:-20%;right:-20%;height:70%;bottom:-12%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent);background:url(/wp-content/uploads/atobu/atobu-fog.webp) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.42;will-change:transform;animation:atobu-drift 38s linear infinite alternate}
.atobu-fog--2{bottom:auto;top:-18%;height:60%;opacity:.18;transform:scaleY(-1);animation-duration:52s;animation-direction:alternate-reverse}
@keyframes atobu-drift{from{translate:-6% 0}to{translate:6% 0}}
.atobu-grain{position:absolute;inset:0;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.atobu-hud{position:absolute;inset:104px var(--a-gutter) 28px;font:500 10.5px/1.3 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(195,201,212,.75)}
.atobu-hud i{position:absolute;width:1px;height:14px;background:rgba(255,255,255,.55)}
.atobu-hud .t1{left:0;top:0}.atobu-hud .t2{left:33.3%;top:0}.atobu-hud .t3{left:66.6%;top:0}.atobu-hud .t4{right:0;top:0}
.atobu-hud .b1{left:0;bottom:0}.atobu-hud .b4{right:0;bottom:0}
.atobu-hud .lbl{position:absolute}
.atobu-hud .l-tl{left:12px;top:0}.atobu-hud .l-tr{right:12px;top:0}
.atobu-hud .l-v{left:-4px;top:34%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}
.atobu-hud .l-v2{right:-4px;top:58%;writing-mode:vertical-rl}
.atobu-hud .ring{position:absolute;left:50%;top:50%;width:min(46vw,620px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,255,255,.10)}
.atobu-hud .ring.r2{width:min(30vw,400px);border-color:rgba(255,255,255,.14)}
.atobu-hud .cross{position:absolute;left:50%;top:50%;width:1px;height:46px;translate:-50% -50%;background:rgba(255,255,255,.5)}
.atobu-hud .cross::after{content:"";position:absolute;left:-23px;top:23px;width:46px;height:1px;background:rgba(255,255,255,.5)}
.atobu-hud .dots{display:none}
.atobu-hud .dots b{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.7)}

.e-con.atobu-hero__row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:32px;padding:0;position:relative;z-index:2}
.e-con.atobu-hero__row.is-bottom{align-items:flex-end}
.atobu-giant .elementor-heading-title{font-family:"Inter",sans-serif;font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(3rem,min(7.4vw,13vh),8.25rem);line-height:.88;letter-spacing:-.055em;margin:0;white-space:nowrap}
.e-con>.elementor-widget.atobu-giant{width:auto;flex:0 1 auto}
.atobu-giant.is-right .elementor-heading-title{text-align:right}
.e-con>.elementor-widget.atobu-hero__aside{width:340px;max-width:340px;flex:0 0 340px;padding-top:6px}
.atobu-hero__aside p{font-size:1rem;line-height:1.55;color:rgba(232,236,243,.86);margin:0 0 12px}
.atobu-hero__aside .k{display:block;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9cc0ff;margin-bottom:12px}
.e-con.atobu-hero__row.is-bottom{position:relative}
.e-con.atobu-hero__mid{position:absolute;left:0;bottom:calc(100% + 28px);flex-direction:column;align-items:flex-start;gap:14px;padding:2px 0 2px 20px;width:auto;border-left:1px solid rgba(255,255,255,.35)}
.atobu-hero__mid .elementor-button{white-space:nowrap}
.atobu-hero__mid .atobu-tag p{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,236,243,.8);font-weight:500}
.atobu-hero__mid .atobu-tag strong{display:block;font-size:1rem;letter-spacing:.02em;color:#fff;font-weight:600;text-transform:none;margin-bottom:2px}

/* drone slot in hero */
.e-con.atobu-hero__stage{flex:1 1 auto;align-items:center;justify-content:center;padding:0;position:relative;z-index:1;min-height:260px}
.e-con>.elementor-widget.atobu-drone{width:auto;margin:0 auto}
.atobu-drone img{display:block;height:auto;max-width:none;filter:drop-shadow(0 40px 50px rgba(0,0,0,.45))}
.atobu-drone--hero img{width:clamp(280px,min(40vw,64vh),660px);animation:atobu-hover 4.2s ease-in-out infinite}
@keyframes atobu-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:-.6deg}}
.atobu-fly .atobu-drone--hero img,.atobu-fly .atobu-drone--target img{visibility:hidden;animation:none}

/* flying layer (built by JS) */
.atobu-flyer{position:absolute;left:0;top:0;z-index:40;pointer-events:none;will-change:transform,width;transform-origin:50% 50%}
.atobu-flyer img{display:block;width:100%;height:auto;filter:drop-shadow(0 calc(40px - 22px*var(--land,0)) calc(50px - 20px*var(--land,0)) rgba(0,0,0,calc(.45 - .25*var(--land,0))))}
.atobu-flyer__bob{animation:atobu-hover 4.2s ease-in-out infinite}
.atobu-rotor{position:absolute;border-radius:50%;translate:-50% -50%;overflow:hidden;opacity:.55;mix-blend-mode:multiply}
.atobu-rotor::before{content:"";position:absolute;inset:-10%;background:conic-gradient(from 0deg,transparent 0 30deg,rgba(40,48,64,.28) 60deg,transparent 90deg 210deg,rgba(40,48,64,.28) 240deg,transparent 270deg);animation:atobu-spin .18s linear infinite;border-radius:50%}
@keyframes atobu-spin{to{rotate:360deg}}

/* ---------- 2. WHY US ---------- */
.e-con.atobu-why{background:var(--a-mist);overflow-x:clip}
.e-con.atobu-why__grid{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,48px);padding:0}
.e-con.atobu-why__col{flex:0 1 30%;width:30%;gap:22px;padding:0}
.e-con.atobu-why__stage{flex:1 1 40%;align-items:center;justify-content:center;padding:0;aspect-ratio:1/1;max-width:600px;position:relative}
.atobu-why__stage::before,.atobu-why__stage::after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;pointer-events:none}
.atobu-why__stage::before{width:100%;aspect-ratio:1;border:1px solid var(--a-stroke);background:radial-gradient(circle,rgba(255,255,255,.9) 0 32%,rgba(255,255,255,.35) 33%,transparent 70%)}
.atobu-why__stage::after{width:64%;aspect-ratio:1;background:#fff;box-shadow:0 30px 80px rgba(11,18,32,.08),inset 0 0 0 1px rgba(217,222,231,.8);transition:transform .8s var(--a-ease)}
.atobu-why__stage.is-landed::after{animation:atobu-land 1s var(--a-ease)}
@keyframes atobu-land{0%{transform:scale(1)}35%{transform:scale(1.045)}100%{transform:scale(1)}}
.atobu-drone--target{position:relative;z-index:1}
.atobu-drone--target img{width:min(100%,560px);filter:drop-shadow(0 18px 30px rgba(11,18,32,.22))}
.e-con.atobu-card{background:#fff;border-radius:24px;padding:30px 32px;gap:10px;box-shadow:0 1px 0 rgba(11,18,32,.02),inset 0 0 0 1px var(--a-stroke);transition:box-shadow .4s var(--a-ease),translate .4s var(--a-ease)}
.e-con.atobu-card:hover{box-shadow:0 24px 60px rgba(45,116,222,.12),inset 0 0 0 1px rgba(45,116,222,.35);translate:0 -4px}
.atobu-num p{margin:0;font-size:.85rem;font-weight:600;color:var(--a-blue);letter-spacing:.04em}
.atobu-card h3.elementor-heading-title{font-size:clamp(1.25rem,1.7vw,1.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--a-ink)}
.atobu-card .atobu-text p{margin:0;font-size:1rem;line-height:1.6;color:var(--a-slate)}

/* ---------- 3. ROPE vs ATOBU (pinned) ---------- */
.e-con.atobu-diff{background:var(--a-blue);color:#fff;padding:0;--gap:0px;gap:0}
.e-con.atobu-diff__sticky{position:relative;padding:clamp(80px,10vw,120px) max(var(--a-gutter),calc((100% - var(--a-max))/2));
  display:grid!important;grid-template-columns:1fr minmax(260px,1.05fr) 1fr;grid-template-areas:"head head head" "c1 sphere c3" "c2 sphere c4";column-gap:clamp(20px,3vw,40px);row-gap:24px;align-items:center;overflow:clip}
.atobu-diff__sticky::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 58%,rgba(255,255,255,.16),transparent 70%),radial-gradient(90% 80% at 50% 100%,rgba(11,18,32,.35),transparent 70%)}
.e-con.atobu-diff .atobu-head{grid-area:head;margin-bottom:clamp(8px,2vw,24px)}
.atobu-diff .atobu-eyebrow p,.atobu-diff .atobu-eyebrow{color:#d8e6ff}
.atobu-diff .atobu-h2 .elementor-heading-title{color:#fff}
.atobu-diff .atobu-lead p{color:rgba(255,255,255,.86)}
.e-con>.elementor-widget.atobu-diff__sphere{grid-area:sphere;width:100%;max-width:none;align-self:stretch;position:relative;min-height:420px}
.atobu-diff__sphere .elementor-widget-container,.atobu-diff__sphere canvas{width:100%;height:100%}
.atobu-diff__sphere canvas{position:absolute;inset:-12% -18%;width:136%;height:124%;display:block}
.atobu-g1{grid-area:c1}.atobu-g2{grid-area:c2}.atobu-g3{grid-area:c3}.atobu-g4{grid-area:c4}
.e-con.atobu-glass{position:relative;z-index:2;gap:12px;padding:26px 28px;border-radius:24px;
  background:linear-gradient(160deg,rgba(11,18,32,.42),rgba(11,18,32,.26));
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.35),0 30px 60px rgba(11,18,32,.25);will-change:transform,opacity,filter}
.atobu-glass .atobu-num p{color:#bcd5ff}
.atobu-glass h3.elementor-heading-title{font-size:clamp(1.15rem,1.5vw,1.4rem);font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.2}
.atobu-glass .atobu-vs p{margin:0;font-size:.95rem;line-height:1.5;color:#fff;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.atobu-glass .atobu-vs p+p{margin-top:10px}
.atobu-glass .atobu-vs span{display:block;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px}
.atobu-glass .atobu-vs .rope{color:rgba(255,255,255,.72)}
.atobu-glass .atobu-vs .rope span{color:rgba(255,255,255,.6)}
.atobu-glass .atobu-vs .atb span{color:#ffb38f}
@media (min-width:1025px){
  .atobu-pin .e-con.atobu-diff{height:300vh}
  .atobu-pin .e-con.atobu-diff__sticky{position:sticky;top:0;min-height:100vh;padding-top:max(104px,11vh);padding-bottom:56px;row-gap:18px}
}
@media (max-width:1024px){
  .e-con.atobu-diff__sticky{grid-template-columns:1fr 1fr;grid-template-areas:"head head" "sphere sphere" "c1 c3" "c2 c4"}
  .atobu-diff__sphere{min-height:340px}
}
@media (max-width:640px){
  .e-con.atobu-diff__sticky{grid-template-columns:1fr;grid-template-areas:"head" "sphere" "c1" "c3" "c2" "c4"}
  .atobu-diff__sphere{min-height:300px}
}

/* ---------- 4. INSIGHTS ---------- */
.e-con.atobu-insights{background:#fff}
.e-con.atobu-split{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;padding:0;margin-bottom:clamp(40px,5vw,64px)}
.e-con.atobu-split>.e-con{padding:0;gap:16px}
.e-con.atobu-split .atobu-split__l{flex:0 1 60%;width:60%}
.e-con.atobu-split .atobu-split__r{flex:0 1 34%;width:34%}
.e-con.atobu-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0}
.e-con.atobu-stat{border-radius:24px;padding:30px 26px;gap:14px;background:var(--a-mist);box-shadow:inset 0 0 0 1px var(--a-stroke);justify-content:flex-start}
.e-con.atobu-stat.is-dark{background:var(--a-ink);box-shadow:none}
.e-con.atobu-stat.is-blue{background:var(--a-blue);box-shadow:none}
.atobu-stat__n .elementor-heading-title{font-size:clamp(2.4rem,3.6vw,3.4rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--a-ink)}
.atobu-stat__t p{margin:0;font-size:1rem;line-height:1.55;color:var(--a-ink)}
.atobu-stat__s p{margin:0;font-size:.78rem;line-height:1.4;color:var(--a-slate)}
.atobu-stat__s a{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;text-decoration-thickness:1px;opacity:.9}
.atobu-stat__s a:hover{opacity:1}
.atobu-stat.is-dark .elementor-heading-title,.atobu-stat.is-dark .atobu-stat__t p,.atobu-stat.is-blue .elementor-heading-title,.atobu-stat.is-blue .atobu-stat__t p{color:#fff}
.atobu-stat.is-dark .atobu-stat__s p{color:var(--a-ondark)}
.atobu-stat.is-blue .atobu-stat__s p{color:#e4eeff}
@media (max-width:1024px){.e-con.atobu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.e-con.atobu-stats{grid-template-columns:1fr}}

/* ---------- 5. ABOUT ---------- */
.e-con.atobu-about{background:var(--a-mist);flex-direction:row;gap:clamp(32px,6vw,96px);align-items:flex-start}
.e-con.atobu-about__copy{flex:1 1 50%;width:50%;gap:20px;padding:0;position:sticky;top:120px}
.e-con.atobu-about__grid{flex:1 1 50%;width:50%;display:grid!important;grid-template-columns:1fr 1fr;gap:18px;padding:0}
.e-con.atobu-mini{background:#fff;border-radius:24px;padding:28px;gap:10px;box-shadow:inset 0 0 0 1px var(--a-stroke)}
.e-con.atobu-mini.is-blue{background:var(--a-blue);box-shadow:none}
.atobu-mini h4.elementor-heading-title{font-size:1.2rem;font-weight:600;color:var(--a-ink);letter-spacing:-.01em}
.atobu-mini .atobu-text p{margin:0;color:var(--a-slate);line-height:1.6}
.atobu-mini.is-blue .elementor-heading-title{color:#fff;font-size:4rem;letter-spacing:-.04em;line-height:1}
.atobu-mini.is-blue .atobu-text p{color:#fff}
.atobu-about__copy .atobu-lead p+p{margin-top:14px}

/* ---------- 6. HIRE BAND ---------- */
.e-con.atobu-hire{background:var(--a-mist);padding-top:0;padding-bottom:clamp(24px,4vw,48px)}
.e-con.atobu-hire__band{background:var(--a-ink);border-radius:32px;padding:clamp(40px,6vw,80px);flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;overflow:hidden;position:relative;isolation:isolate}
.atobu-hire__band::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/wp-content/uploads/atobu/atobu-fog.webp) 70% 65%/cover no-repeat;mix-blend-mode:screen;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 75%);mask-image:linear-gradient(90deg,transparent 25%,#000 75%)}
.atobu-hire__band::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 120% at 100% 0%,rgba(45,116,222,.55),transparent 60%)}
.e-con.atobu-hire__copy{gap:16px;padding:0;max-width:760px}
.atobu-hire .atobu-eyebrow p{color:#9cc0ff}
.atobu-hire .atobu-h2 .elementor-heading-title{color:#fff;font-size:clamp(2.2rem,5vw,4.2rem)}
.atobu-hire .atobu-lead p{color:#dfe5ee}
.e-con>.elementor-widget.atobu-btn{width:auto;flex:0 0 auto}

/* ---------- 7. CONTACT ---------- */
.e-con.atobu-contact{background:var(--a-mist);flex-direction:row;gap:clamp(32px,6vw,96px);align-items:flex-start;padding-top:clamp(40px,5vw,72px)}
.e-con.atobu-contact__info{flex:1 1 40%;width:40%;gap:18px;padding:0}
.e-con.atobu-contact__form{flex:1 1 58%;width:58%;background:#fff;border-radius:28px;padding:clamp(28px,4vw,48px);gap:18px;box-shadow:inset 0 0 0 1px var(--a-stroke),0 30px 70px rgba(11,18,32,.06)}
.atobu-details p{margin:0 0 18px;font-size:1.1rem;color:var(--a-ink)}
.atobu-details span{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-slate);margin-bottom:4px}
.atobu-details a{color:var(--a-ink);text-decoration:underline;text-decoration-color:rgba(45,116,222,.4);text-underline-offset:4px}
.atobu-details a:hover{color:var(--a-blue)}
.atobu-contact__form h3.elementor-heading-title{font-size:1.4rem;font-weight:600;color:var(--a-ink)}
.atobu-contact .ff-el-input--label label{font-family:"Inter",sans-serif;font-weight:500;color:var(--a-ink);font-size:.9rem}
.atobu-contact .ff-el-form-control{font-family:"Inter",sans-serif;border-radius:14px!important;border:1px solid var(--a-stroke)!important;padding:13px 16px!important;background:#fff;font-size:1rem}
.atobu-contact .ff-el-form-control:focus{border-color:var(--a-blue)!important;box-shadow:0 0 0 4px rgba(45,116,222,.15)!important;outline:0}
.atobu-contact .ff-btn-submit{font-family:"Inter",sans-serif!important;background:var(--a-blue)!important;color:#fff!important;border-radius:999px!important;padding:15px 28px!important;font-weight:600!important;border:0!important}
.atobu-contact .ff-btn-submit:hover{background:#1f5fc0!important}

/* ---------- TESTIMONIALS (saved template) ---------- */
.e-con.atobu-testimonials{background:#fff}
.e-con.atobu-testis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0}
.e-con.atobu-testi{background:var(--a-mist);border-radius:24px;padding:32px;gap:14px;box-shadow:inset 0 0 0 1px var(--a-stroke)}
.atobu-qmark p{margin:0;font-size:3rem;line-height:.6;color:var(--a-blue);font-weight:600}
.atobu-quote p{margin:0;font-size:1.1rem;line-height:1.6;color:var(--a-ink)}
.atobu-who p{margin:0;font-size:.9rem;color:var(--a-slate);line-height:1.4;padding-left:56px;position:relative;min-height:44px}
.atobu-who strong{color:var(--a-ink)}
.atobu-av{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--a-blue);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem}
@media (max-width:1024px){.e-con.atobu-testis{grid-template-columns:1fr}}

/* ---------- CONTACT buttons ---------- */
.e-con.atobu-acts{gap:12px;padding:0;margin-top:6px}
.e-con>.elementor-widget.atobu-act{width:100%}
.atobu-act .elementor-button{width:100%;justify-content:flex-start;display:flex;font-family:"Inter",sans-serif;font-weight:600;font-size:1.05rem;border-radius:18px;padding:20px 22px;background:#fff;color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-stroke);transition:transform .3s var(--a-ease),box-shadow .3s,background .3s,color .3s}
.atobu-act .elementor-button-content-wrapper{gap:14px;align-items:center;width:100%}
.atobu-act .elementor-button-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:20px;background:var(--a-mist);color:var(--a-blue);transition:background .3s,color .3s}
.atobu-act .elementor-button-icon svg{width:20px;height:20px;fill:currentColor}
.atobu-act .elementor-button-content-wrapper{justify-content:flex-start}
.atobu-act .elementor-button-text{flex:1;text-align:left;display:flex;flex-direction:column;gap:3px;position:relative;padding-right:28px}
.atobu-act .elementor-button-text small{font-size:.88rem;font-weight:400;color:var(--a-slate)}
.atobu-act .elementor-button-text::after{content:"\2192";position:absolute;right:0;top:50%;translate:0 -50%;opacity:.35;transition:transform .3s var(--a-ease),opacity .3s}
.atobu-act .elementor-button:hover,.atobu-act .elementor-button:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(45,116,222,.4),0 16px 40px rgba(11,18,32,.08);color:var(--a-ink)}
.atobu-act .elementor-button:hover .elementor-button-text::after{transform:translateX(4px);opacity:1}
.atobu-act.is-wa .elementor-button-icon{background:#e6f8ee;color:#128c4a}
.atobu-act.is-wa .elementor-button:hover .elementor-button-icon{background:#25d366;color:#fff}
.atobu-act.is-mail .elementor-button:hover .elementor-button-icon,.atobu-act.is-map .elementor-button:hover .elementor-button-icon{background:var(--a-blue);color:#fff}
.atobu-act .elementor-button:focus-visible{outline:3px solid var(--a-orange);outline-offset:3px}
.atobu-details p{margin:0 0 6px}

/* ---------- TESTIMONIAL slider ---------- */
.e-con.atobu-tslider{background:#fff;--gap:0px;gap:0}
.atobu-preview .atobu-tslider.elementor-hidden-desktop,.atobu-preview .atobu-tslider.elementor-hidden-tablet,.atobu-preview .atobu-tslider.elementor-hidden-mobile{display:flex!important}
.e-con.atobu-tslider__top{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;padding:0;margin-bottom:clamp(32px,4vw,52px)}
.e-con.atobu-tslider__top .atobu-head{margin:0}
.e-con>.elementor-widget.atobu-tctl-w{width:auto;flex:0 0 auto}
.atobu-tctl{display:flex;align-items:center;gap:10px}
.atobu-tcount{font:500 .9rem/1 "Inter",sans-serif;color:var(--a-slate);margin-right:10px;font-variant-numeric:tabular-nums}
.atobu-tcount b{color:var(--a-ink);font-weight:600}
.atobu-tbtn{width:52px;height:52px;border-radius:50%;border:0;background:var(--a-mist);color:var(--a-ink);font-size:20px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--a-stroke);transition:background .25s,color .25s,transform .25s var(--a-ease)}
.atobu-tbtn:hover{background:var(--a-blue);color:#fff;transform:scale(1.06)}
.atobu-tbtn:focus-visible{outline:3px solid var(--a-orange);outline-offset:3px}
.e-con.atobu-tslider__track{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:20px;padding:6px var(--a-gutter) 24px 2px;margin-right:calc(-1 * max(var(--a-gutter),(100vw - var(--a-max)) / 2));margin-left:-2px;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.e-con.atobu-tslider__track::-webkit-scrollbar{display:none}
.e-con.atobu-tslider__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.e-con.atobu-tslider__track.is-drag *{user-select:none;pointer-events:none}
.e-con.atobu-testi{flex:0 0 clamp(290px,31vw,430px);width:auto;scroll-snap-align:start;background:var(--a-mist);border-radius:28px;padding:34px 32px 30px;gap:16px;justify-content:space-between;box-shadow:inset 0 0 0 1px var(--a-stroke);transition:transform .5s var(--a-ease),box-shadow .5s,background .5s,opacity .5s;opacity:.55}
.e-con.atobu-testi.is-active{opacity:1;background:#fff;box-shadow:inset 0 0 0 1px rgba(45,116,222,.35),0 24px 60px rgba(11,18,32,.08);transform:translateY(-4px)}
.e-con.atobu-testi:hover{opacity:1}
.atobu-qmark p{margin:0;font-size:4rem;line-height:.5;height:30px;color:var(--a-blue);font-weight:600;font-family:Georgia,serif}
.atobu-quote{flex:1}
.atobu-quote p{margin:0;font-size:1.12rem;line-height:1.6;color:var(--a-ink);letter-spacing:-.005em}
.atobu-who p{margin:0;font-size:.88rem;color:var(--a-slate);line-height:1.45;padding-left:60px;position:relative;min-height:46px;padding-top:2px}
.atobu-who strong{color:var(--a-ink);font-size:1rem}
.atobu-av{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:var(--a-blue);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;letter-spacing:.02em}
.atobu-av.is-ink{background:var(--a-ink)}.atobu-av.is-orange{background:var(--a-orange);color:var(--a-ink)}.atobu-av.is-slate{background:var(--a-slate)}
.atobu-tbar{height:2px;background:var(--a-stroke);border-radius:2px;overflow:hidden;margin-top:12px}
.atobu-tbar i{display:block;height:100%;width:16.66%;background:var(--a-blue);transition:transform .5s var(--a-ease),width .3s}
@media (max-width:767px){.e-con.atobu-tslider__top{flex-direction:column;align-items:flex-start}.e-con.atobu-testi{flex-basis:84vw}}

/* ---------- FAQ ---------- */
.e-con.atobu-faq{background:var(--a-mist);flex-direction:row;align-items:flex-start;gap:clamp(32px,6vw,96px)}
.e-con.atobu-faq__head{flex:0 1 36%;width:36%;gap:18px;padding:0;position:sticky;top:120px}
.e-con>.elementor-widget.atobu-faq__list{flex:1 1 60%;width:60%}
.atobu-btn--line .elementor-button{background:transparent;color:var(--a-ink);box-shadow:inset 0 0 0 1.5px var(--a-ink)}
.atobu-btn--line .elementor-button:hover{background:var(--a-ink);color:#fff;box-shadow:none}
.atobu-faq__list .elementor-accordion{display:flex;flex-direction:column;gap:12px}
.atobu-faq__list .elementor-accordion-item{border:0!important;background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px var(--a-stroke);transition:box-shadow .3s}
.atobu-faq__list .elementor-accordion-item:hover{box-shadow:inset 0 0 0 1px rgba(45,116,222,.35)}
.atobu-faq__list .elementor-tab-title{padding:24px 28px!important;border:0!important;display:flex;align-items:center;gap:16px;cursor:pointer}
.atobu-faq__list .elementor-tab-title .elementor-accordion-title{order:0;flex:1;font-family:"Inter",sans-serif;font-size:1.12rem;font-weight:600;color:var(--a-ink);letter-spacing:-.01em;text-decoration:none}
.atobu-faq__list .elementor-accordion-icon{order:1;width:36px!important;height:36px;border-radius:50%;background:var(--a-mist);display:grid!important;place-items:center;flex:0 0 36px;color:var(--a-blue);font-size:13px;transition:background .3s,color .3s,transform .4s var(--a-ease)}
.atobu-faq__list .elementor-accordion-icon svg{width:13px;height:13px;fill:currentColor}
.atobu-faq__list .elementor-tab-title.elementor-active .elementor-accordion-icon{background:var(--a-blue);color:#fff;transform:rotate(180deg)}
.atobu-faq__list .elementor-tab-title.elementor-active .elementor-accordion-title{color:var(--a-blue)}
.atobu-faq__list .elementor-tab-content{border:0!important;padding:0 28px 26px!important;color:var(--a-slate);font-size:1rem;line-height:1.7}
.atobu-faq__list .elementor-tab-content p{margin:0}
.atobu-faq__list .elementor-tab-title:focus-visible{outline:3px solid var(--a-orange);outline-offset:-3px;border-radius:20px}

/* ---------- NEWSLETTER ---------- */
.e-con.atobu-news{background:var(--a-mist);padding-top:0}
.e-con.atobu-news__card{flex-direction:row;align-items:stretch;gap:0;padding:0;background:#fff;border-radius:32px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--a-stroke),0 30px 80px rgba(11,18,32,.06)}
.e-con>.elementor-widget.atobu-news__img{flex:0 0 46%;width:46%;margin:0;position:relative;min-height:420px}
.atobu-news__img .elementor-widget-container,.atobu-news__img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.e-con.atobu-news__copy{flex:1 1 54%;width:54%;gap:16px;padding:clamp(32px,5vw,72px);justify-content:center}
.atobu-news__form .elementor-form-fields-wrapper{display:flex;flex-wrap:nowrap;gap:10px;margin:0!important}
.atobu-news__form .elementor-field-group{padding:0!important;margin:0!important}
.atobu-news__form .elementor-field-group:not(.elementor-field-type-submit){flex:1 1 auto;width:auto!important}
.atobu-news__form .elementor-field-type-submit{flex:0 0 auto;width:auto!important}
.atobu-news__form input.elementor-field{font-family:"Inter",sans-serif;height:56px;border-radius:999px!important;border:1px solid var(--a-stroke)!important;background:var(--a-mist)!important;padding:0 24px!important;font-size:1rem;color:var(--a-ink)}
.atobu-news__form input.elementor-field:focus{border-color:var(--a-blue)!important;box-shadow:0 0 0 4px rgba(45,116,222,.15);outline:0;background:#fff!important}
.atobu-news__form .elementor-button{height:56px;border-radius:999px;padding:0 30px;background:var(--a-blue)!important;font-family:"Inter",sans-serif;font-weight:600;font-size:1rem;color:#fff;transition:background .3s,transform .3s var(--a-ease)}
.atobu-news__form .elementor-button:hover{background:#1f5fc0!important;transform:translateY(-1px)}
.atobu-news__form .elementor-message{font-family:"Inter",sans-serif;margin-top:12px;font-size:.95rem}
.atobu-news__note p{margin:0;font-size:.82rem;color:var(--a-slate)}
.atobu-news__note a{color:var(--a-slate);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1024px){
  .e-con.atobu-faq{flex-direction:column;align-items:stretch}
  .e-con.atobu-faq__head,.e-con>.elementor-widget.atobu-faq__list{width:100%;flex-basis:auto;position:static}
  .e-con.atobu-news__card{flex-direction:column}
  .e-con>.elementor-widget.atobu-news__img{width:100%;flex-basis:auto;min-height:260px}
  .e-con.atobu-news__copy{width:100%}
}
@media (max-width:560px){.atobu-news__form .elementor-form-fields-wrapper{flex-wrap:wrap}.atobu-news__form .elementor-field-type-submit,.atobu-news__form .elementor-field-type-submit .elementor-button{width:100%!important}}

/* ---------- FOOTER ---------- */
.e-con.atobu-footer{background:var(--a-ink);color:var(--a-ondark);padding:clamp(64px,8vw,96px) max(var(--a-gutter),calc((100% - var(--a-max))/2)) 32px;gap:48px}
.e-con.atobu-footer__top{flex-direction:row;justify-content:space-between;gap:40px;padding:0;flex-wrap:wrap}
.e-con.atobu-footer__brand{gap:16px;padding:0;max-width:380px}
.atobu-footer__brand .elementor-widget-image{text-align:left}
.atobu-footer__brand img{height:34px!important;width:auto!important;max-width:none!important}
.atobu-footer .atobu-text p{margin:0;color:var(--a-ondark);line-height:1.6}
.e-con.atobu-footer__cols{flex-direction:row;gap:clamp(40px,6vw,96px);padding:0;width:auto}
.e-con.atobu-footer__col{gap:12px;padding:0;width:auto}
.atobu-footer h4.elementor-heading-title{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.atobu-footer .atobu-links p{margin:0 0 10px}
.atobu-footer a{color:var(--a-ondark);text-decoration:none;transition:color .2s}
.atobu-footer a:hover,.atobu-footer a:focus-visible{color:#fff}
.e-con.atobu-footer__bottom{flex-direction:row;justify-content:space-between;gap:16px;padding:24px 0 0;border-top:1px solid rgba(195,201,212,.18);flex-wrap:wrap}
.atobu-footer__bottom p{margin:0;font-size:.875rem;color:#8d95a5}

/* ---------- reveal (non-scrubbed fallback) ---------- */
.atobu-js .atobu-reveal{opacity:0;translate:0 28px;transition:opacity .9s var(--a-ease),translate .9s var(--a-ease)}
.atobu-js .atobu-reveal.is-in{opacity:1;translate:0 0}
.atobu-js .atobu-reveal.from-l{translate:-36px 18px}.atobu-js .atobu-reveal.from-r{translate:36px 18px}
.atobu-js .atobu-reveal.from-l.is-in,.atobu-js .atobu-reveal.from-r.is-in{translate:0 0}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .atobu-drone--hero img{width:min(72vw,600px)}
  .e-con.atobu-why__grid{flex-direction:column}
  .e-con.atobu-why__stage{order:-1;width:min(100%,520px);flex:0 0 auto}
  .e-con.atobu-why__col{width:100%;flex:0 0 auto;display:grid!important;grid-template-columns:1fr 1fr}
  .e-con.atobu-split,.e-con.atobu-about,.e-con.atobu-contact{flex-direction:column;align-items:stretch}
  .e-con.atobu-split .atobu-split__l,.e-con.atobu-split .atobu-split__r,.e-con.atobu-about__copy,.e-con.atobu-about__grid,.e-con.atobu-contact__info,.e-con.atobu-contact__form{width:100%;flex-basis:auto}
  .e-con.atobu-about__copy{position:static}
  .e-con.atobu-hire__band{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .e-con.atobu-hero__row{flex-direction:column;gap:18px}
  .e-con>.elementor-widget.atobu-hero__aside{width:100%;max-width:420px;flex:0 0 auto}
  .atobu-giant .elementor-heading-title{white-space:normal}
  .e-con.atobu-hero__row.is-bottom{align-items:stretch}
  .atobu-giant.is-right .elementor-heading-title{text-align:left}
  .atobu-giant .elementor-heading-title{font-size:clamp(2.9rem,15vw,4.6rem)}
  .atobu-hud .ring,.atobu-hud .l-v2,.atobu-hud .l-tr,.atobu-hud .l-tl,.atobu-hud .t2,.atobu-hud .t3,.atobu-hud .l-v{display:none}
  .e-con.atobu-hero{padding-top:104px;gap:22px}
  .atobu-drone--hero img{width:min(86vw,420px)}
  .e-con.atobu-hero__mid{position:static;order:3}
  .e-con.atobu-why__col{grid-template-columns:1fr}
  .e-con.atobu-about__grid{grid-template-columns:1fr}
  .e-con.atobu-footer__cols{flex-direction:column;gap:32px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .atobu-fog,.atobu-drone--hero img,.atobu-flyer__bob,.atobu-rotor::before{animation:none!important}
  .atobu-js .atobu-reveal{opacity:1;translate:none;transition:none}
}

/* ---------- 404 ---------- */
.e-con.atobu-404{min-height:100svh;justify-content:center;align-items:center;text-align:center;padding-top:120px;padding-bottom:60px}
.e-con.atobu-404__inner{position:relative;z-index:2;align-items:center;gap:18px;padding:0;max-width:760px;margin:0 auto}
.atobu-404__num .elementor-heading-title{font-family:"Inter",sans-serif;font-weight:700;font-size:clamp(7rem,22vw,17rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);margin:0}
.e-con>.elementor-widget.atobu-404__drone{margin-top:clamp(-150px,-11vw,-60px);margin-bottom:6px}
.atobu-404__drone img{width:clamp(260px,34vw,480px);animation:atobu-hover 4.2s ease-in-out infinite;filter:drop-shadow(0 40px 50px rgba(0,0,0,.5))}
.atobu-404__title .elementor-heading-title{font-family:"Inter",sans-serif;font-weight:600;font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}
.atobu-404__lead p{margin:0;color:rgba(232,236,243,.86);font-size:1.1rem;line-height:1.6;max-width:520px}
.e-con.atobu-404__btns{flex-direction:row;gap:12px;padding:0;justify-content:center;flex-wrap:wrap;margin-top:8px}
body.error404 .site-main,body.error404 main#content{padding:0;max-width:none}

/* ---------- inner pages (privacy, 404) under the floating header ---------- */
body:not(.home):not(.error404) .site-main,body:not(.home):not(.error404) main#content{padding-top:130px;padding-bottom:80px;max-width:820px;margin-inline:auto;padding-inline:var(--a-gutter)}
body:not(.home) .site-main h1,body:not(.home) .site-main h2{font-family:"Inter",sans-serif;letter-spacing:-.025em;color:var(--a-ink)}
body:not(.home) .site-main p,body:not(.home) .site-main li{color:var(--a-slate);line-height:1.7}

.atobu-pp-meta{font-size:.9rem}
body.privacy-policy .site-main h2,body.page-id-51 .site-main h2{font-size:1.35rem;margin:2.2em 0 .6em;font-weight:600}
body.page-id-51 .site-main a{color:var(--a-blue)}
body.page-id-51 .site-main ul{padding-left:1.2em}
body.page-id-51 .page-header .entry-title{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.035em;font-weight:600}
