/* atanomous.com — styles shared by every page. Page-only rules stay in each page's <style>. */
/* Self-hosted fonts (latin + latin-ext; latin-ext covers Turkish). Outfit is variable: one file, 300–600. */
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/outfit-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/outfit-latin.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:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin.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:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.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:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/montserrat-200-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/montserrat-200-latin.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}

body{margin:0;background:#0F1B33}
a{color:inherit}
.atn-serif{font-family:'Instrument Serif',serif;font-weight:400}
.atn-hero{height:960px}
.atn-gal{height:auto}
.atn-track{display:flex;flex-direction:column}
.atn-panel{min-height:760px}
@keyframes atn-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes atn-in{from{opacity:0}to{opacity:1}}
@keyframes atn-zoom{from{transform:scale(1)}to{transform:scale(170)}}
@keyframes atn-out{to{opacity:0}}
@keyframes atn-flood{from{opacity:0}to{opacity:1}}
@keyframes atn-left{from{transform:translateX(0)}to{transform:translateX(-38%)}}
@keyframes atn-right{from{transform:translateX(-38%)}to{transform:translateX(0)}}
@keyframes atn-gal{from{transform:translateX(0)}to{transform:translateX(-66.6667%)}}
@keyframes atn-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes atn-ata{from{transform:translateX(-40%);opacity:.2}to{transform:none;opacity:1}}
@keyframes atn-nomos{from{transform:translateX(40%);opacity:.2}to{transform:none;opacity:1}}
@keyframes atn-rise{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
.atn-intro-line{stroke-dasharray:1;animation:atn-draw 2.6s cubic-bezier(.65,0,.35,1) .3s both,atn-solid .01s linear 2.95s forwards}
@keyframes atn-solid{to{stroke-dasharray:none}}
.atn-intro-fade{animation:atn-in 1.2s ease .9s both}
.atn-marq{animation:atn-marq 40s linear infinite}
@supports (animation-timeline: scroll()){
.atn-hero{height:2760px}
.atn-out{animation:atn-out linear both;animation-timeline:scroll(root);animation-range:0px 300px}
.atn-h1a{animation:atn-rise ease-out both;animation-timeline:view();animation-range:entry 10% cover 30%}
.atn-h1b{animation:atn-rise ease-out both;animation-timeline:view();animation-range:entry 30% cover 40%}
.atn-flood{animation:atn-flood linear both;animation-timeline:scroll(root);animation-range:1540px 1800px}
.atn-left{animation:atn-left linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.atn-right{animation:atn-right linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.atn-gal{height:3000px}
.atn-track{flex-direction:row;width:300%;animation:atn-gal linear both;animation-timeline:--gal;animation-range:contain 0% contain 100%}
.atn-galsec{view-timeline:--gal block}
.atn-panel{min-height:0}
.atn-wave{stroke-dasharray:1;animation:atn-draw linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
.atn-ata{animation:atn-ata ease-out both;animation-timeline:view();animation-range:entry 0% cover 45%}
.atn-nomos{animation:atn-nomos ease-out both;animation-timeline:view();animation-range:entry 0% cover 45%}
.atn-rise{animation:atn-rise ease-out both;animation-timeline:view();animation-range:entry 0% cover 25%}
.atn-foot-line{stroke-dasharray:1;animation:atn-draw linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}
.atn-fx .atn-hero{height:2760px}
.atn-fx .atn-gal{height:3000px}
.atn-fx .atn-track{flex-direction:row;width:300%}
.atn-fx .atn-panel{min-height:0}
.atn-fx .atn-wave,.atn-fx .atn-foot-line{stroke-dasharray:1;stroke-dashoffset:1}
.atn-fx .atn-reveal,.atn-fx .atn-rise,.atn-fx .atn-h1a,.atn-fx .atn-h1b{opacity:0}
@media (prefers-reduced-motion: reduce){
.atn-intro-line,.atn-intro-fade,.atn-zoom,.atn-out,.atn-h1a,.atn-h1b,.atn-flood,.atn-left,.atn-right,.atn-track,.atn-wave,.atn-ata,.atn-nomos,.atn-rise,.atn-foot-line,.atn-marq{animation:none!important;stroke-dasharray:none}
.atn-hero{height:960px}.atn-gal{height:auto}.atn-track{flex-direction:column;width:auto}.atn-panel{min-height:760px}
}

footer a{text-decoration:none}
.atn-hdr{transition:background-color .4s ease,color .4s ease,box-shadow .4s ease}
.atn-ul,.atn-nav nav > div > a,footer a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;padding-bottom:3px}
.atn-link{text-decoration:none;border-bottom:0;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;padding-bottom:3px}
.atn-pill{position:relative;overflow:hidden;isolation:isolate;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid #F4F1EA;background:#F4F1EA;color:#0F1B33;font-family:'Outfit',sans-serif;font-size:15px;font-weight:500;letter-spacing:.08em;cursor:pointer;transition:color .35s ease,border-color .4s ease}
.atn-pill::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#0F1B33;transform:translateY(101%);transition:transform .45s cubic-bezier(.65,0,.35,1)}
.atn-roll{position:relative;display:block;overflow:hidden;line-height:1.3}
.atn-roll > span{display:block;transition:transform .45s cubic-bezier(.65,0,.35,1)}
.atn-roll::after{content:attr(data-t);position:absolute;left:0;right:0;top:100%;transition:transform .45s cubic-bezier(.65,0,.35,1)}
.atn-pill:focus-visible,.atn-nav a:focus-visible,footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.atn-mlink{display:inline-block;align-self:flex-start;transition:transform .5s cubic-bezier(.2,.7,.2,1),color .3s ease}
@media (hover:hover) and (pointer:fine){
.atn-ul:hover,.atn-nav nav > div > a:hover,footer a:hover{background-size:100% 1px}
.atn-ul,.atn-nav nav > div > a,footer a{transition:background-size .4s cubic-bezier(.65,0,.35,1)}
.atn-link:hover{animation:atn-ul .7s cubic-bezier(.65,0,.35,1)}
.atn-pill:hover{color:#F4F1EA}
.atn-pill:hover::before{transform:none}
.atn-pill:hover .atn-roll > span,.atn-pill:hover .atn-roll::after{transform:translateY(-100%)}
.atn-mlink:hover{transform:translateX(28px);color:#AEB7C8}
}
@keyframes atn-ul{0%{background-size:100% 1px;background-position:100% 100%}45%{background-size:0% 1px;background-position:100% 100%}46%{background-size:0% 1px;background-position:0 100%}100%{background-size:100% 1px;background-position:0 100%}}
@media (prefers-reduced-motion: reduce){.atn-hdr,.atn-pill,.atn-pill::before,.atn-roll > span,.atn-roll::after,.atn-mlink,.atn-ul,.atn-nav nav > div > a,footer a{transition:none!important}.atn-link:hover{animation:none}}
.atn-phone{position:relative;flex:none;box-sizing:border-box;padding:9px;border-radius:38px;background:#F4F1EA;box-shadow:0 30px 60px -20px rgba(5,10,22,.55)}
.atn-screen{position:relative;overflow:hidden;border-radius:30px;aspect-ratio:600/1164;background:#E2DDD2}
.atn-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.atn-themes img{opacity:0;animation:atn-theme 12s ease-in-out infinite}
.atn-themes img:nth-child(1){opacity:1}
.atn-themes img:nth-child(2){animation-delay:4s}
.atn-themes img:nth-child(3){animation-delay:8s}
.atn-themes img:nth-child(1){animation-name:atn-theme1}
.atn-late img{animation-delay:-2s}
.atn-late img:nth-child(2){animation-delay:2s}
.atn-late img:nth-child(3){animation-delay:6s}
@keyframes atn-theme{0%{opacity:0}5%,33%{opacity:1}38%,100%{opacity:0}}
@keyframes atn-theme1{0%,33%{opacity:1}38%,95%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion: reduce){.atn-themes img{animation:none!important}}
.ahg{display:inline-flex;align-items:center;gap:.9em;color:inherit;text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:200;font-size:12px;letter-spacing:.42em;line-height:1;white-space:nowrap;transition:opacity .3s ease}
.ahg-crest{height:2.6em;width:auto;display:block}
.ahg-div{width:1px;height:1.7em;background:currentColor;opacity:.45}
.ahg-txt{padding-left:.1em}
.ahg-lg{font-size:clamp(14px,1.6vw,22px)}
@media (hover:hover) and (pointer:fine){.ahg:hover{opacity:.7}}
.atn-if{display:contents}

img,video{max-width:100%}
@media (max-width: 767px){
  .atn-stack{grid-template-columns:1fr!important;gap:12px!important}
  .atn-hide-sm{display:none!important}
  .atn-phone{width:42vw!important;max-width:200px}
}

/* Until the runtime has rendered, conditional blocks (menu, dialogs, form states) stay hidden,
   so a slow or blocked script never leaves the menu covering the page. */
html:not(.atn-on) [data-if]{display:none!important}
/* Small text links get a 44px-tall tap area without changing the layout. */
footer a:not(.atn-link),.atn-ul{position:relative}
footer a:not(.atn-link)::before,.atn-ul::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.atn-pill[aria-disabled="true"]{opacity:.6;cursor:progress}
.atn-ts:empty{display:none}
/* Form status lines take no space until they have something to say (still in the accessibility tree). */
.atn-msg:empty{position:absolute}
.atn-ts{flex:1 0 100%;margin-top:4px}