/* Marka paleti: design/tokens.css, sky motion mini guide (K-54).
   Başlıklar: Source Serif 4. Gövde: sistem fontu. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0}
img{max-width:100%}
button,a,input{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
#skymotion{--sm-navy:#122b4f;--sm-blue:#9cd1ef;--sm-sand:#f2e5d6;--sm-lilac:#cbb8e8;--sm-green:#d3f4b5;--sm-paper:#fcfaf7;--sm-ink:#122b4f;--sm-muted:#415572;--sm-panel:#ffffff;--sm-slate:#415572;--sm-pale:#fcfaf7;--sm-gray:#d0d5dc;--sm-line:#d0d5dc;font-family:system-ui,-apple-system,sans-serif;background:var(--sm-paper);color:var(--sm-ink);font-size:15px;line-height:1.6;overflow-wrap:break-word}
#skymotion *{box-sizing:border-box}
#skymotion h1,#skymotion h2,#skymotion h3,#skymotion p{margin:0;color:inherit}
#skymotion button,#skymotion input{font:inherit}
#skymotion button,#skymotion a{touch-action:manipulation}
#skymotion button{cursor:pointer}
#skymotion a{color:inherit;text-decoration:none}
#skymotion .sm-wrap{padding-inline:max(24px,calc((100% - 1080px)/2))}
#skymotion .sm-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px;border-bottom:1px solid var(--sm-line)}
#skymotion .sm-brand{font-size:23px;letter-spacing:-1px;font-weight:500;white-space:nowrap}
#skymotion .sm-original-logo{display:block;width:168px;aspect-ratio:3494 / 910;background:var(--sm-ink);mask:url("/assets/logo.svg") center / contain no-repeat}
#skymotion .sm-links{display:flex;align-items:center;gap:24px;font-size:12px}
#skymotion .sm-nav-cta{border-bottom:1px solid var(--sm-ink);padding-block:8px}
#skymotion .sm-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:38px;padding-block:64px 60px;align-items:center}
#skymotion .sm-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:20px}
#skymotion h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(44px,6.5vw,70px);line-height:1.05;letter-spacing:-2.5px;font-weight:400;max-width:8em}
#skymotion h1 em{font-weight:400}
#skymotion .sm-lead{color:var(--sm-muted);max-width:35em;margin-top:24px;font-size:15px;line-height:1.8}
#skymotion .sm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
#skymotion .sm-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--sm-ink);padding:13px 20px;border-radius:50px;background:var(--sm-ink);color:var(--sm-paper);font-size:13px;font-weight:500;min-height:46px}
#skymotion .sm-textlink{font-size:13px;padding:10px 4px;text-decoration:underline;text-underline-offset:5px}
#skymotion .sm-note{font-size:11px;color:var(--sm-muted);margin-top:16px}
#skymotion .sm-stage{position:relative;background:var(--sm-blue);border-radius:160px 160px 24px 24px;padding:45px 22px 22px;color:var(--sm-navy)}
#skymotion .sm-stage-label{text-align:center;font-size:11px;letter-spacing:2px;margin-bottom:22px}
#skymotion .sm-preview{position:relative;background:var(--sm-paper);color:var(--sm-ink);padding:23px;border-radius:20px;box-shadow:0 20px 36px -24px var(--sm-navy)}
#skymotion .sm-preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--sm-muted);margin-bottom:14px}
#skymotion .sm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sm-lilac);margin-right:6px}
#skymotion .sm-preview h3{font-family:"Source Serif 4",Georgia,serif;font-size:26px;line-height:1.15;font-weight:400;margin-bottom:16px}
#skymotion .sm-choices{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
#skymotion .sm-choices button{background:transparent;color:var(--sm-ink);border:1px solid var(--sm-line);border-radius:30px;padding:8px 10px;font-size:11px;min-height:38px}
#skymotion .sm-choices button[aria-pressed=true]{background:var(--sm-green);border-color:var(--sm-green);color:var(--sm-navy)}
#skymotion .sm-routine{display:flex;align-items:center;gap:12px;padding-block:13px;border-top:1px solid var(--sm-line)}
#skymotion .sm-routine i,#skymotion .sm-routine svg{width:19px;height:19px;flex:none}
#skymotion .sm-routine-copy{flex:1}
#skymotion .sm-routine-copy strong{display:block;font-size:13px;font-weight:500}
#skymotion .sm-routine-copy span{display:block;font-size:11px;color:var(--sm-muted)}
#skymotion .sm-minutes{font-size:11px;white-space:nowrap}
#skymotion .sm-mantra{margin-top:16px;font-family:"Source Serif 4",Georgia,serif;font-size:18px;text-align:center}
#skymotion .sm-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-block:20px;border-top:1px solid var(--sm-line);border-bottom:1px solid var(--sm-line);font-size:11px;letter-spacing:1.7px;text-transform:uppercase}
#skymotion .sm-section{padding-block:56px}
#skymotion .sm-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:end;margin-bottom:30px}
#skymotion h2{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-1px;font-weight:400}
#skymotion .sm-heading>p{color:var(--sm-muted);font-size:13px}
#skymotion .sm-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#skymotion .sm-pillar{padding:24px 22px;border-radius:16px;color:var(--sm-navy);background:var(--sm-blue)}
#skymotion .sm-pillar:nth-child(2){background:var(--sm-lilac)}
#skymotion .sm-pillar:nth-child(3){background:var(--sm-green)}
#skymotion .sm-pillar-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:38px}
#skymotion .sm-pillar h3{font-family:"Source Serif 4",Georgia,serif;font-size:25px;line-height:1.15;font-weight:400;margin-bottom:13px}
#skymotion .sm-pillar p{font-size:12px;line-height:1.7}
#skymotion .sm-pillar small{display:block;font-size:11px;border-top:1px solid currentColor;padding-top:12px;margin-top:25px}
#skymotion .sm-balance{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;background:var(--sm-navy);color:var(--sm-sand);padding-block:42px;align-items:center}
#skymotion .sm-symbol{display:grid;place-items:center;min-height:140px;position:relative}
#skymotion .sm-ring{width:130px;height:130px;border:1px solid var(--sm-sand);border-radius:50%;position:absolute;transform:translateX(-23px)}
#skymotion .sm-ring+span{transform:translateX(23px);border-color:var(--sm-lilac)}
#skymotion .sm-symbol-text{font-size:11px;letter-spacing:2px;position:relative;background:var(--sm-navy);padding:5px}
#skymotion .sm-balance .sm-eyebrow{margin-bottom:12px;color:var(--sm-lilac)}
#skymotion .sm-balance h2{font-size:34px;margin-bottom:16px}
#skymotion .sm-balance p{font-size:13px;max-width:48em}
#skymotion .sm-closing{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding-block:48px}
#skymotion .sm-closing h2{font-size:35px}
#skymotion .sm-closing p{font-size:13px;color:var(--sm-muted);margin-top:14px}
#skymotion .sm-form label{display:block;font-size:12px;margin-bottom:8px}
#skymotion .sm-form-line{display:flex;gap:8px;flex-wrap:wrap}
#skymotion .sm-form input{min-width:0;width:100%;flex:1 1 150px;background:var(--sm-panel);color:var(--sm-ink);border:1px solid var(--sm-line);border-radius:50px;padding:13px 17px;font-size:16px}
#skymotion .sm-form .sm-note{font-size:11px;margin-top:10px}
#skymotion .sm-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--sm-line);padding-block:22px;color:var(--sm-muted);font-size:11px}
@media(max-width:650px){#skymotion .sm-original-logo{width:132px}#skymotion .sm-links>a:first-child{display:none}#skymotion .sm-hero{grid-template-columns:1fr;padding-block:36px;gap:34px}#skymotion h1{font-size:54px;max-width:9em}#skymotion .sm-stage{max-width:380px;width:100%;justify-self:center}#skymotion .sm-heading,#skymotion .sm-closing{grid-template-columns:1fr;gap:20px}#skymotion .sm-pillars{grid-template-columns:1fr}#skymotion .sm-pillar-top{margin-bottom:20px}#skymotion .sm-pillar small{margin-top:16px}#skymotion .sm-balance{grid-template-columns:1fr;gap:22px}#skymotion .sm-section{padding-block:36px}#skymotion .sm-strip{justify-content:center;font-size:10px;gap:12px}#skymotion .sm-nav{padding-block:18px}#skymotion .sm-nav-cta{font-size:11px}}
@media(pointer:coarse){#skymotion .sm-choices button{min-height:44px}}

#skymotion .sm-nav{background:var(--sm-navy);color:var(--sm-sand);border-bottom-color:var(--sm-slate)}
#skymotion .sm-nav .sm-original-logo{background:var(--sm-sand)}
#skymotion .sm-nav-cta{border-color:var(--sm-sand)}
#skymotion .sm-hero{position:relative;background:var(--sm-navy);color:var(--sm-sand);padding-block:42px 52px;isolation:isolate;background-image:radial-gradient(1px 1px at 8% 13%,var(--sm-sand) 60%,transparent 61%),radial-gradient(1px 1px at 47% 19%,var(--sm-sand) 60%,transparent 61%),radial-gradient(1px 1px at 38% 84%,var(--sm-sand) 60%,transparent 61%),radial-gradient(1px 1px at 96% 44%,var(--sm-sand) 60%,transparent 61%),radial-gradient(1px 1px at 61% 61%,var(--sm-sand) 60%,transparent 61%)}
#skymotion .sm-hero .sm-lead,#skymotion .sm-hero>.sm-hero-copy>.sm-note{color:var(--sm-sand)}
#skymotion .sm-hero h1 em{color:var(--sm-green)}
#skymotion .sm-hero h1{max-width:9em;font-size:clamp(44px,6.3vw,68px);line-height:1.1}
#skymotion .sm-hero .sm-button{background:var(--sm-green);border-color:var(--sm-green);color:var(--sm-navy)}
#skymotion .sm-hero .sm-note{color:var(--sm-sand)}
#skymotion .sm-stage{background:transparent;padding:0;border-radius:0;color:var(--sm-sand);display:flex;flex-direction:column;align-items:center}
#skymotion .sm-moon-photo{display:block;width:min(270px,85%);height:auto;mix-blend-mode:screen;margin-bottom:-35px;position:relative;z-index:-1;border-radius:50%}
#skymotion .sm-stage-label{display:none}
#skymotion .sm-preview{width:100%;padding:20px 22px;background:var(--sm-pale);color:var(--sm-navy);--sm-ink:var(--sm-navy);--sm-muted:var(--sm-slate);--sm-line:var(--sm-gray)}
#skymotion .sm-preview h3{font-size:23px;margin-bottom:12px}
#skymotion .sm-preview h3 br{display:none}
#skymotion .sm-preview-top{margin-bottom:9px}
#skymotion .sm-choices{margin-bottom:12px}
#skymotion .sm-routine{padding-block:10px}
#skymotion .sm-mantra{font-size:16px;margin-top:18px}
#skymotion .sm-eyebrow,#skymotion .sm-strip{letter-spacing:.2px;text-transform:none}
#skymotion .sm-eyebrow{font-size:13px}
@media(max-width:650px){#skymotion .sm-hero{padding-block:32px;gap:18px}#skymotion .sm-hero h1{font-size:48px}#skymotion .sm-moon-photo{width:220px;margin-bottom:-22px}#skymotion .sm-preview-top{font-size:10px}}

#skymotion .sm-product{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding-block:60px;border-bottom:1px solid var(--sm-line)}
#skymotion .sm-product-intro>p:not(.sm-eyebrow){font-size:14px;line-height:1.75;color:var(--sm-muted);margin-block:22px}
#skymotion .sm-feature-list article{display:flex;gap:18px;padding-block:24px;border-bottom:1px solid var(--sm-line)}
#skymotion .sm-feature-list article:first-child{padding-top:0}
#skymotion .sm-feature-list article:last-child{border-bottom:0;padding-bottom:0}
#skymotion .sm-feature-no{font-size:12px;color:var(--sm-muted);padding-top:5px}
#skymotion .sm-feature-list h3{font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:25px;line-height:1.2;margin-bottom:12px}
#skymotion .sm-feature-list p{font-size:13px;line-height:1.75;color:var(--sm-muted)}
#skymotion .sm-feature-meta{display:block;font-size:11px;margin-top:12px;color:var(--sm-muted)}
#skymotion .sm-choices button{border-radius:0;border:0;border-bottom:2px solid transparent;padding-inline:3px;margin-right:10px;font-size:12px}
#skymotion .sm-choices button[aria-pressed=true]{background:transparent;border-bottom-color:var(--sm-navy)}
#skymotion .sm-phase-gallery{display:flex;align-items:center;justify-content:center;gap:8px;min-height:140px}
#skymotion .sm-phase-gallery img{width:30%;max-width:100px;height:auto;border-radius:50%;mix-blend-mode:screen}
@media(max-width:650px){#skymotion .sm-product{grid-template-columns:1fr;gap:32px;padding-block:38px}#skymotion .sm-product-intro h2 br:last-child{display:none}#skymotion .sm-choices button{margin-right:6px;font-size:11px}}

#skymotion .sm-lang{border-bottom:1px solid currentColor;padding-block:7px;white-space:nowrap}
#skymotion .sm-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#skymotion .sm-invite{position:fixed;inset:auto 0 0;z-index:5;background:var(--sm-navy);color:var(--sm-sand);border-top:1px solid var(--sm-slate);padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#skymotion .sm-invite p{font-size:14px}
#skymotion .sm-invite a{text-decoration:underline;text-underline-offset:3px}
#skymotion.has-invite{padding-bottom:150px}
#skymotion .sm-preview h2{font-size:23px;letter-spacing:0;margin-bottom:12px}
#skymotion .sm-feature-icon{width:18px;flex:none;text-align:center;color:var(--sm-slate);font-size:17px}
#skymotion .sm-pillar-mark{font-size:20px}
#skymotion .sm-preview-top{font-size:11px}
#skymotion .sm-strip{font-size:11px}
#skymotion .sm-footer{align-items:center}
#skymotion .sm-footer>p{max-width:48ch}
@media(max-width:650px){#skymotion .sm-links{gap:14px}#skymotion .sm-nav-cta{display:none}#skymotion .sm-links>a:first-child{display:none}#skymotion .sm-preview{padding:20px 16px}#skymotion .sm-routine{gap:8px}#skymotion .sm-routine-copy{min-width:0}#skymotion .sm-minutes{font-size:11px}#skymotion .sm-invite{gap:8px}#skymotion .sm-hero h1{font-size:clamp(39px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}