:root{
  --bg:#07111c;--bg2:#0b1622;--panel:#101b28;--panel2:#152231;--text:#f6f8fb;--muted:#99a8b9;
  --amber:#e7a24a;--amber2:#f5bf72;--amber3:#ffcf8b;--line:rgba(255,255,255,.09);
  --amberLine:rgba(231,162,74,.28);--shadow:0 30px 80px rgba(0,0,0,.38);--radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 60%);z-index:-2}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:14px;top:-60px;background:#fff;color:#111;padding:10px 14px;border-radius:10px;z-index:999;transition:.2s}
.skip-link:focus{top:14px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:14px 0;transition:background .25s,border-color .25s,backdrop-filter .25s}
.site-header.scrolled{background:rgba(7,17,28,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(20px) saturate(135%)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.app-icon-mini{width:42px;height:42px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.28);background:#172434}
.app-icon-mini img{width:100%;height:100%;object-fit:cover}
.brand-copy{display:flex;align-items:baseline;gap:7px;letter-spacing:-.02em}
.brand-copy strong{font-size:17px}
.brand-copy em{font-size:9px;font-style:normal;letter-spacing:.16em;color:var(--amber2);font-weight:800}
.site-menu{display:flex;align-items:center;gap:28px;font-size:14px;color:#c1cbd7}
.site-menu a{transition:color .2s,transform .2s}
.site-menu a:hover{color:#fff;transform:translateY(-1px)}
.site-menu .nav-download{padding:9px 15px;border-radius:999px;border:1px solid var(--amberLine);background:rgba(231,162,74,.08);color:var(--amber2)}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);position:relative}
.menu-btn span:not(.sr-only){position:absolute;left:12px;right:12px;height:1.5px;background:#fff;transition:.25s}
.menu-btn span:first-child{top:16px}.menu-btn span:nth-child(2){top:23px}
.hero-section{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:128px 0 82px;background:radial-gradient(circle at 70% 25%,rgba(231,162,74,.13),transparent 30%),radial-gradient(circle at 10% 10%,rgba(68,99,132,.15),transparent 34%),linear-gradient(180deg,#07111c 0%,#091521 100%)}
.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.hero-aurora-one{width:420px;height:420px;right:2%;top:14%;background:rgba(234,157,56,.13)}
.hero-aurora-two{width:360px;height:360px;left:-120px;bottom:12%;background:rgba(52,87,121,.14)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:80px;position:relative;z-index:2}
.launch-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#bac7d5;font-size:12px;font-weight:700;letter-spacing:.02em}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(231,162,74,.45);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(231,162,74,0)}100%{box-shadow:0 0 0 0 rgba(231,162,74,0)}}
.hero-copy-block h1{font-size:clamp(49px,6.2vw,80px);line-height:.98;letter-spacing:-.06em;margin:20px 0 24px;max-width:760px}
.hero-copy-block h1 span{color:var(--amber2);text-shadow:0 10px 45px rgba(231,162,74,.16)}
.hero-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:#a9b6c5;max-width:680px;margin:0}
.store-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.store-button{display:inline-flex;align-items:center;gap:11px;min-width:174px;padding:10px 15px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,background .2s}
.store-button:hover{transform:translateY(-3px);border-color:rgba(245,191,114,.35);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045))}
.store-button svg{width:25px;height:25px;fill:#fff;flex:0 0 auto}
.store-button span{display:flex;flex-direction:column;line-height:1.06}.store-button small{font-size:10px;color:#bdc8d4}.store-button strong{font-size:16px;margin-top:3px}
.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;color:#7f91a4}
.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes i{width:4px;height:4px;border-radius:50%;background:var(--amber)}
.hero-device-wrap{position:relative;min-height:660px;display:grid;place-items:center}
.device-glow{position:absolute;width:76%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(231,162,74,.2),rgba(65,93,122,.08) 45%,transparent 70%);filter:blur(20px)}
.phone{width:355px;height:690px;border-radius:50px;padding:10px;background:linear-gradient(145deg,#56616c 0%,#18212b 15%,#02060a 55%,#39444f 100%);box-shadow:0 42px 90px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.22);position:relative;transform:rotate(2.4deg);z-index:3}
.phone:before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:999px;background:#020509;z-index:8}
.phone-top{position:absolute;left:27px;right:27px;top:18px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;z-index:9;color:#f5f6f8}
.phone-status{display:flex;gap:2px;align-items:end}.phone-status b{display:block;width:3px;border-radius:2px;background:#fff}.phone-status b:nth-child(1){height:5px}.phone-status b:nth-child(2){height:7px}.phone-status b:nth-child(3){height:9px}
.phone-screen{height:100%;border-radius:41px;overflow:hidden;background:linear-gradient(180deg,#0a131e,#0b1520 55%,#0a141f);padding:52px 18px 22px;position:relative}
.phone-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.phone-head div{display:flex;flex-direction:column}.phone-head small{font-size:8px;color:#8593a2;letter-spacing:.13em}.phone-head strong{font-size:20px;letter-spacing:-.03em}.bell{width:18px;height:20px;border:1.5px solid #8898a8;border-radius:9px 9px 6px 6px;opacity:.85}
.countdown-visual{height:244px;border-radius:27px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 35px rgba(0,0,0,.3)}
.countdown-photo,.mini-photo{position:absolute;inset:0;background-image:url("https://raw.githubusercontent.com/yucelsonmez59-tech/safaksayar/main/assets/images/hero.png");background-size:cover;background-position:center}
.countdown-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,19,.82),rgba(7,13,20,.34) 56%,rgba(6,10,16,.12)),linear-gradient(0deg,rgba(5,10,16,.68),transparent 55%)}
.countdown-content{position:absolute;inset:18px;display:flex;flex-direction:column}.safak-label{font-size:9px;font-weight:900;letter-spacing:.16em;color:#d2d9e0}.safak-number{font-size:70px;line-height:1;margin-top:1px;font-weight:400;letter-spacing:-.06em}.atarsa{font-size:14px;font-weight:800;margin-top:auto}.atarsa span{color:var(--amber);font-size:20px;margin-right:7px}.progress-track{height:4px;border-radius:9px;background:rgba(255,255,255,.22);margin-top:14px;overflow:hidden}.progress-track span{display:block;width:3%;height:100%;background:var(--amber)}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#d0d6dd;margin-top:7px}
.milestone-alert{margin-top:13px;border:1px solid rgba(231,162,74,.27);background:rgba(231,162,74,.055);border-radius:18px;padding:11px 12px;display:flex;align-items:center;gap:10px}.check-badge{width:30px;height:30px;border-radius:10px;background:var(--amber);color:#10161d;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 22px rgba(231,162,74,.2)}.milestone-alert div{display:flex;flex-direction:column}.milestone-alert strong{font-size:12px}.milestone-alert small{font-size:9px;color:#8f9ead;margin-top:2px}
.phone-section-title{display:flex;align-items:center;justify-content:space-between;margin:15px 3px 9px}.phone-section-title strong{font-size:13px}.phone-section-title span{font-size:10px;color:#8a99aa}
.dogtag-card{height:85px;border-radius:26px;background:linear-gradient(145deg,#80858a,#c2c4c5 36%,#74797d 68%,#b5b7b9);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 2px rgba(255,255,255,.75),inset 0 -2px 4px rgba(0,0,0,.35),0 14px 24px rgba(0,0,0,.24);display:flex;align-items:center;padding:10px 20px 10px 46px;position:relative;color:#1b1e21;text-shadow:0 1px 0 rgba(255,255,255,.38),0 -1px 0 rgba(0,0,0,.24)}
.dogtag-card:after,.tag-demo:after,.metal-tag:after{content:"";position:absolute;inset:4px;border-radius:inherit;border:1px solid rgba(15,18,20,.25);pointer-events:none}
.dogtag-hole{position:absolute;left:12px;width:24px;height:24px;border-radius:50%;background:#182028;border:5px solid #c2c5c7;box-shadow:inset 0 2px 4px #000,0 1px 1px rgba(255,255,255,.7)}.flag-icon{font-size:23px;margin-right:12px}.tag-separator{width:1px;height:52px;background:rgba(20,23,25,.35);margin-right:12px;box-shadow:1px 0 rgba(255,255,255,.38)}.dogtag-card div:last-child{display:flex;flex-direction:column}.dogtag-card strong{font-size:14px}.dogtag-card small{font-size:11px;font-weight:800;margin-top:1px}
.phone-tabs{position:absolute;left:22px;right:22px;bottom:17px;height:57px;border-radius:22px;background:rgba(13,22,32,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:4px;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.phone-tabs span{height:46px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbc4ce;font-size:18px;line-height:.8}.phone-tabs small{font-size:8px;margin-top:6px}.phone-tabs .active{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));color:var(--amber2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.floating-chip{position:absolute;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(15,26,38,.72);backdrop-filter:blur(16px);font-size:11px;color:#aab8c7;box-shadow:0 12px 30px rgba(0,0,0,.28);z-index:5}.floating-chip span{color:var(--amber2);font-weight:900;margin-right:5px}.chip-one{left:-8px;top:25%;transform:rotate(-4deg)}.chip-two{right:-14px;bottom:22%;transform:rotate(4deg)}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.trust-inner{min-height:92px;display:flex;align-items:center;justify-content:center;gap:40px;color:#7f91a5;text-align:center;font-size:14px}.trust-inner p{margin:0}.trust-inner strong{color:#cdd6df}.trust-divider{width:1px;height:28px;background:var(--line)}
.section{padding:120px 0;position:relative}.section-heading{max-width:720px;margin-bottom:44px}.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--amber);text-transform:uppercase}.section-heading h2,.experience-copy h2,.privacy-copy h2,.cta-panel h2{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 18px}.section-heading p,.experience-copy>p,.privacy-copy p,.cta-panel>p{color:var(--muted);font-size:17px;margin:0;max-width:680px}
.bento-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.feature-card{position:relative;overflow:hidden;min-height:300px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:linear-gradient(145deg,rgba(19,31,45,.95),rgba(10,20,31,.92));box-shadow:0 20px 50px rgba(0,0,0,.17)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%);pointer-events:none}.feature-card h3{font-size:25px;letter-spacing:-.035em;margin:15px 0 10px}.feature-card p{color:#93a2b2;margin:0;max-width:480px}.feature-large{min-height:390px;display:grid;grid-template-columns:1fr 270px;gap:25px;align-items:center}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;min-height:340px}.feature-index{font-size:11px;color:var(--amber2);font-weight:800;letter-spacing:.14em}.icon-tile{width:50px;height:50px;border:1px solid var(--amberLine);background:rgba(231,162,74,.08);border-radius:15px;display:grid;place-items:center;color:var(--amber2)}.icon-tile svg{width:25px;height:25px}
.mini-countdown{height:300px;border-radius:28px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);padding:25px;display:flex;flex-direction:column;justify-content:end;box-shadow:0 24px 45px rgba(0,0,0,.28)}.mini-countdown:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,17,.15),rgba(6,11,17,.78))}.mini-countdown>*:not(.mini-photo){position:relative;z-index:2}.mini-countdown span{font-size:9px;font-weight:900;letter-spacing:.15em}.mini-countdown strong{font-size:68px;line-height:1;font-weight:400;letter-spacing:-.06em}.mini-countdown small{font-size:10px;color:#ccd3da;text-align:right;margin-top:7px}.mini-line{height:4px;border-radius:99px;background:rgba(255,255,255,.22);margin-top:16px}.mini-line i{display:block;width:8%;height:100%;background:var(--amber);border-radius:inherit}
.tag-demo{height:74px;margin-top:35px;border-radius:24px;background:linear-gradient(145deg,#777d82,#c0c3c5 40%,#74797d);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px rgba(255,255,255,.65),inset 0 -2px rgba(0,0,0,.28);position:relative;color:#22272a;display:flex;align-items:center;padding:0 24px 0 58px;text-shadow:0 1px rgba(255,255,255,.35)}.tag-demo b{position:absolute;left:16px;width:24px;height:24px;border-radius:50%;background:#17202a;border:5px solid #c3c7c9;box-shadow:inset 0 2px 4px #000}.tag-demo span{font-weight:900;display:flex;flex-direction:column}.tag-demo small{font-size:11px;margin-top:1px}
.quiz-preview{border-radius:24px;border:1px solid var(--line);padding:24px;background:rgba(5,13,21,.55);min-height:230px}.quiz-preview p{font-size:20px;color:#eff3f7;font-weight:750;max-width:480px}.quiz-chip{display:inline-block;padding:5px 8px;border-radius:8px;background:rgba(231,162,74,.11);color:var(--amber2);font-size:10px;font-weight:900}.answers{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.answers span{padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:#9cabb9}.answers span:first-child{border-color:var(--amberLine);color:var(--amber2)}
.experience-section{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%,transparent 80%,rgba(255,255,255,.015))}.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.experience-copy h2 span{color:#7f91a3}.check-list{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-list li{font-size:13px;color:#aab6c2;display:flex;align-items:center;gap:9px}.check-list span{width:22px;height:22px;border-radius:8px;background:rgba(231,162,74,.09);border:1px solid var(--amberLine);display:grid;place-items:center;color:var(--amber2);font-size:10px;font-weight:900}
.experience-art{min-height:470px;position:relative;display:grid;place-items:center}.glass-orbit{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%}.orbit-a{width:430px;height:430px}.orbit-b{width:320px;height:320px;border-color:rgba(231,162,74,.08)}.metal-tag{position:absolute;height:155px;width:min(490px,88%);border-radius:45px;background:linear-gradient(145deg,#74797c 2%,#bfc2c3 30%,#8d9294 55%,#575d61 100%);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 2px 2px rgba(255,255,255,.65),inset 0 -3px 5px rgba(0,0,0,.38),0 32px 55px rgba(0,0,0,.35);color:#1e2225;text-shadow:0 1px rgba(255,255,255,.42),0 -1px rgba(0,0,0,.25);display:flex;align-items:center;padding:25px 30px 25px 88px}.metal-tag b{position:absolute;left:25px;width:37px;height:37px;border-radius:50%;background:#12191f;border:7px solid #c2c5c7;box-shadow:inset 0 3px 7px #000,0 1px rgba(255,255,255,.7)}.tag-back{transform:rotate(-7deg) translate(-12px,-63px);opacity:.42;filter:brightness(.7);font-weight:900;letter-spacing:.15em;padding-left:95px}.tag-main{transform:rotate(2deg)}.tag-main i{width:1px;height:72px;background:rgba(23,27,30,.35);box-shadow:1px 0 rgba(255,255,255,.45);margin:0 25px}.emboss-icon{font-size:42px;font-weight:900}.tag-main div:last-child{display:flex;flex-direction:column}.tag-main strong{font-size:28px;letter-spacing:-.035em}.tag-main small{font-size:18px;font-weight:800;margin-top:4px}.metal-caption{position:absolute;bottom:38px;color:#65778a;font-size:10px;font-weight:900;letter-spacing:.2em}
.privacy-section{padding-top:70px}.privacy-card{display:grid;grid-template-columns:90px 1fr 320px;gap:32px;align-items:center;border:1px solid var(--line);border-radius:34px;padding:42px;background:radial-gradient(circle at 0 0,rgba(231,162,74,.08),transparent 28%),linear-gradient(145deg,rgba(19,31,45,.92),rgba(10,20,31,.88));box-shadow:var(--shadow)}.privacy-mark{width:74px;height:74px;border-radius:22px;border:1px solid var(--amberLine);background:rgba(231,162,74,.08);display:grid;place-items:center;color:var(--amber2)}.privacy-mark svg{width:38px;height:38px}.privacy-copy h2{font-size:38px;margin-bottom:12px}.privacy-copy p{font-size:14px}.privacy-links{display:flex;flex-direction:column}.privacy-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:#c7d1db}.privacy-links a:last-child{border:0}.privacy-links span{color:var(--amber)}
.final-cta{padding-bottom:120px}.cta-panel{min-height:520px;border-radius:38px;border:1px solid var(--amberLine);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:65px 30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(231,162,74,.18),transparent 37%),linear-gradient(180deg,#101b27,#09141e);box-shadow:var(--shadow)}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.cta-icon{width:90px;height:90px;border-radius:25px;margin-bottom:24px;box-shadow:0 18px 50px rgba(0,0,0,.4);position:relative}.cta-panel>*:not(.cta-grid){position:relative}.cta-panel h2{font-size:clamp(40px,5vw,66px);margin-bottom:16px}.cta-panel>p{max-width:560px}.store-row-center{justify-content:center}.independent-note{display:block;max-width:660px;color:#66788a;font-size:10px;margin-top:24px}
.site-footer{border-top:1px solid var(--line);background:#060f18;padding:50px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-brand{margin-bottom:15px}.footer-top>div:first-child p{color:#6f8194;font-size:12px;max-width:300px}.footer-links{display:flex;gap:80px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7b8b9c;margin-bottom:5px}.footer-links a{font-size:12px;color:#a9b5c1}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#586a7b;font-size:10px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

/* Legal / support pages */
.wrap{width:min(980px,calc(100% - 40px));margin:auto;padding:28px 0 70px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 28px}.nav .brand,.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:#fff}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#28384b,#111923);display:grid;place-items:center;border:1px solid var(--amberLine);box-shadow:0 10px 28px rgba(0,0,0,.28)}.mark:after{content:"☀";color:var(--amber);font-size:20px}.navlinks{display:flex;flex-wrap:wrap;gap:15px;font-size:13px}.navlinks a{color:#9aaaba}.navlinks a:hover{color:#fff}
.wrap>.hero{padding:70px 0}.eyebrow{color:var(--amber);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.wrap h1{font-size:clamp(38px,7vw,66px);line-height:1.02;margin:11px 0 16px;letter-spacing:-.05em}.lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-weight:750;border:1px solid var(--line);background:var(--panel);color:#fff}.btn.primary{background:var(--amber);color:#151515;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.card{background:linear-gradient(180deg,rgba(23,32,51,.92),rgba(17,25,35,.92));border:1px solid var(--line);border-radius:18px;padding:22px}.card h3{margin:0 0 8px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:14px}
.doc{background:rgba(10,20,31,.78);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,4vw,44px);box-shadow:0 22px 60px rgba(0,0,0,.17)}.doc h2{margin-top:38px;font-size:24px;letter-spacing:-.03em}.doc h2:first-of-type{margin-top:18px}.doc h3{margin-top:22px}.doc p,.doc li{color:#cbd4de}.doc ul,.doc ol{padding-left:22px}.doc a{color:var(--amber2)}.notice{border-left:3px solid var(--amber);background:rgba(231,162,74,.07);padding:14px 16px;border-radius:0 12px 12px 0;color:#e9edf2}.meta{color:var(--muted);font-size:13px;margin:10px 0 26px}.table{width:100%;border-collapse:collapse;margin:16px 0}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:#fff}.table td{color:#cbd4de}
.wrap footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.wrap footer a{color:var(--amber2)}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy-block{text-align:center}.hero-lead{margin-inline:auto}.store-row,.hero-notes{justify-content:center}.hero-device-wrap{min-height:650px}.chip-one{left:10%}.chip-two{right:8%}
  .bento-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.experience-grid{grid-template-columns:1fr;gap:25px}.experience-copy{text-align:center}.experience-copy>p{margin-inline:auto}.check-list{max-width:560px;margin-inline:auto}.privacy-card{grid-template-columns:76px 1fr}.privacy-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.privacy-links a:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
  .shell,.wrap{width:min(100% - 28px,1180px)}.site-header{padding:10px 0}.menu-btn{display:block}.site-menu{display:none;position:absolute;left:14px;right:14px;top:65px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(7,17,28,.96);backdrop-filter:blur(22px);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 60px rgba(0,0,0,.4)}.site-menu.open{display:flex}.site-menu a{padding:12px 10px;border-bottom:1px solid var(--line)}.site-menu a:last-child{border-bottom:0}.site-menu .nav-download{margin-top:7px;text-align:center}
  .hero-section{padding:108px 0 60px}.hero-copy-block h1{font-size:clamp(43px,14vw,62px)}.hero-lead{font-size:16px}.hero-device-wrap{min-height:600px;transform:scale(.92);margin:-10px 0 -24px}.phone{width:335px;height:650px}.floating-chip{display:none}.trust-inner{flex-direction:column;gap:10px;padding:24px 0}.trust-divider{width:70px;height:1px}.section{padding:84px 0}.section-heading{text-align:center;margin-inline:auto}.section-heading p{margin-inline:auto}.bento-grid{gap:12px}.feature-card{padding:23px;min-height:auto}.feature-large,.feature-wide{grid-template-columns:1fr;gap:25px}.feature-large{min-height:auto}.mini-countdown{height:260px}.feature-wide .quiz-preview{order:2}.experience-art{min-height:390px}.metal-tag{height:128px;border-radius:38px;padding-left:74px}.metal-tag b{left:21px;width:31px;height:31px;border-width:6px}.tag-main i{height:60px;margin:0 17px}.tag-main strong{font-size:21px}.tag-main small{font-size:14px}.emboss-icon{font-size:30px}.privacy-card{grid-template-columns:1fr;padding:28px}.privacy-mark{width:62px;height:62px}.privacy-copy h2{font-size:34px}.privacy-links{grid-template-columns:1fr}.privacy-links a{border-bottom:1px solid var(--line)!important}.privacy-links a:last-child{border-bottom:0!important}.cta-panel{min-height:470px;padding:50px 18px}.footer-top{flex-direction:column}.footer-links{gap:45px}.nav{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.table{font-size:13px;display:block;overflow-x:auto}
}
@media(max-width:420px){
  .store-row{flex-direction:column}.store-button{width:100%;justify-content:center}.hero-device-wrap{transform:scale(.82);margin:-40px -30px -65px}.check-list{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:28px}.footer-bottom{flex-direction:column;gap:6px}.metal-tag{width:100%}.tag-main strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pulse-dot{animation:none}.site-menu a,.store-button{transition:none}}


/* Product proof */
.proof-strip{border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-item{padding:28px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:130px;justify-content:center}
.proof-item:first-child{border-left:1px solid var(--line)}
.proof-item strong{font-size:34px;line-height:1;letter-spacing:-.045em;color:var(--amber2);font-weight:800}
.proof-item span{font-size:13px;font-weight:800;margin-top:8px;color:#d8e0e8}
.proof-item small{font-size:10px;color:#65788b;margin-top:4px}

/* Onboarding flow */
.flow-section{background:radial-gradient(circle at 50% 0,rgba(231,162,74,.05),transparent 32%)}
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.flow-card{min-height:390px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(18,30,44,.95),rgba(8,18,28,.92));position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.16);transition:transform .25s,border-color .25s,box-shadow .25s}
.flow-card:hover{transform:translateY(-5px);border-color:rgba(231,162,74,.22);box-shadow:0 26px 58px rgba(0,0,0,.22)}
.flow-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(231,162,74,.05);filter:blur(12px);right:-80px;top:-70px}
.flow-no{position:absolute;right:22px;top:19px;font-size:10px;letter-spacing:.14em;color:#52667a;font-weight:900}
.flow-icon{width:48px;height:48px;border-radius:15px;background:rgba(231,162,74,.08);border:1px solid var(--amberLine);display:grid;place-items:center;color:var(--amber2);font-weight:900;font-size:20px}
.flow-card h3{font-size:24px;letter-spacing:-.035em;margin:24px 0 10px}
.flow-card>p{font-size:14px;color:#8798aa;margin:0;max-width:320px}
.flow-ui{margin-top:30px;border:1px solid var(--line);border-radius:19px;background:rgba(5,13,21,.5);position:relative;overflow:hidden}
.flow-profile{padding:11px}
.flow-profile span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:11px;color:#9babb9}
.flow-profile span:last-child{border:0}.flow-profile i{width:7px;height:7px;border-radius:50%;background:#34475a}.flow-profile span:first-child i{background:var(--amber)}
.flow-counter{padding:18px 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-items:end}
.flow-counter small{font-size:8px;letter-spacing:.15em;color:#8897a7}.flow-counter strong{grid-row:2;grid-column:1;font-size:58px;line-height:.92;font-weight:400;letter-spacing:-.06em}.flow-counter>span{grid-column:1/-1;height:4px;border-radius:99px;background:#243242;margin-top:15px;overflow:hidden}.flow-counter>span b{display:block;width:22%;height:100%;background:var(--amber)}
.flow-tag{height:90px;border-radius:27px;background:linear-gradient(145deg,#777d82,#c2c4c5 40%,#70767a);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -2px rgba(0,0,0,.3);display:flex;align-items:center;padding:0 20px 0 58px;color:#202427;text-shadow:0 1px rgba(255,255,255,.38);font-weight:900}
.flow-tag>b{position:absolute;left:17px;width:25px;height:25px;border-radius:50%;background:#14202a;border:5px solid #c0c4c7;box-shadow:inset 0 2px 4px #000}.flow-tag>span{display:flex;flex-direction:column}.flow-tag small{font-size:11px;margin-top:2px}
.offline-note{margin-top:16px;border:1px solid var(--line);border-radius:22px;padding:20px 22px;display:flex;gap:15px;align-items:center;background:rgba(255,255,255,.015)}
.offline-icon{width:45px;height:45px;border-radius:14px;background:#0f1d2b;border:1px solid var(--line);display:grid;place-items:center;color:var(--amber2);font-size:23px;flex:0 0 auto}.offline-note div:last-child{display:flex;flex-direction:column}.offline-note strong{font-size:13px}.offline-note span{font-size:12px;color:#738699;margin-top:3px}

/* Showcase */
.showcase-section{padding-top:80px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.014) 20%,transparent 90%)}
.showcase-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:40px}.showcase-heading h2{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 0}.showcase-heading p{margin:0;color:#8495a7;font-size:15px;max-width:470px}
.showcase-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.showcase-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(160deg,#111d2a,#08131e);padding:16px;min-height:470px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s}
.showcase-card:hover{transform:translateY(-5px);border-color:rgba(231,162,74,.23)}
.showcase-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(231,162,74,.07),transparent 35%);pointer-events:none}
.showcase-label{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 13px;color:#9aaabb;font-size:11px;font-weight:800;letter-spacing:.03em}.showcase-label b{color:#53677a;font-size:10px}
.screen-shot{height:410px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0a1520;position:relative;overflow:hidden;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.shot-top{display:flex;justify-content:space-between;font-size:15px;font-weight:800;margin-bottom:16px}.shot-top span{color:#6e8092}
.shot-hero{height:220px;border-radius:22px;background:linear-gradient(90deg,rgba(5,10,15,.8),rgba(5,10,15,.18)),url("https://raw.githubusercontent.com/yucelsonmez59-tech/safaksayar/main/assets/images/hero.png") center/cover;display:flex;flex-direction:column;padding:18px;box-shadow:0 16px 30px rgba(0,0,0,.28)}
.shot-hero small{font-size:8px;letter-spacing:.15em;font-weight:900}.shot-hero strong{font-size:62px;line-height:1;font-weight:400;letter-spacing:-.06em}.shot-hero b{font-size:12px;margin-top:auto}.shot-hero b:before{content:"";color:var(--amber)}.shot-hero i{height:4px;border-radius:99px;background:rgba(255,255,255,.2);display:block;margin-top:14px}.shot-hero em{display:block;width:3%;height:100%;background:var(--amber);border-radius:inherit}
.shot-alert{margin-top:12px;border:1px solid var(--amberLine);background:rgba(231,162,74,.055);border-radius:16px;padding:10px;display:flex;gap:9px;align-items:center}.shot-alert>b{width:27px;height:27px;border-radius:9px;background:var(--amber);color:#0d141c;display:grid;place-items:center}.shot-alert>span{display:flex;flex-direction:column;font-size:11px;font-weight:800}.shot-alert small{font-size:8px;color:#7e8f9f;font-weight:500}
.community-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.community-head strong{font-size:18px}.community-head span{color:#718294}
.community-post{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.community-post>b{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#26394c,#12202f);display:grid;place-items:center;color:var(--amber2);font-size:10px;flex:0 0 auto}.community-post>span{display:flex;flex-direction:column}.community-post strong{font-size:11px}.community-post small{color:#8595a5;font-size:10px;line-height:1.5;margin-top:3px}
.community-compose{position:absolute;left:18px;right:18px;bottom:18px;border:1px solid var(--line);border-radius:15px;padding:12px;color:#657789;font-size:10px;display:flex;justify-content:space-between}.community-compose span{color:var(--amber)}
.quiz-status{display:flex;justify-content:space-between;align-items:center}.quiz-status span{font-size:10px;color:#728496}.quiz-status b{font-size:10px;color:var(--amber2);padding:5px 8px;border-radius:8px;background:rgba(231,162,74,.08);border:1px solid var(--amberLine)}
.quiz-question{display:block;font-size:19px;line-height:1.35;margin:40px 0 28px;letter-spacing:-.02em}.quiz-options{display:grid;gap:9px}.quiz-options span{padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-size:11px;color:#9cadbb}.quiz-options .selected{border-color:var(--amberLine);background:rgba(231,162,74,.08);color:var(--amber2)}

/* FAQ */
.faq-section{padding-top:85px}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro h2{font-size:clamp(38px,4vw,54px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 18px}.faq-intro p{color:#8798aa;max-width:380px;font-size:14px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--amber2);font-size:12px;font-weight:800;margin-top:14px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:15px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;color:#6f8192;transition:transform .25s,color .25s,border-color .25s}.faq-list details[open] summary span{transform:rotate(45deg);color:var(--amber2);border-color:var(--amberLine)}.faq-list p{margin:-7px 48px 23px 0;color:#8092a4;font-size:13px;max-width:680px}

/* Mobile install dock */
.mobile-install{display:none;position:fixed;z-index:60;left:12px;right:12px;bottom:12px;height:68px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:rgba(8,17,27,.86);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 18px 50px rgba(0,0,0,.45);padding:9px 10px;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:.35s}
.mobile-install.visible{transform:none;opacity:1}.mobile-install img{width:48px;height:48px;border-radius:14px}.mobile-install>div{display:flex;flex-direction:column;min-width:0;flex:1}.mobile-install strong{font-size:12px}.mobile-install small{font-size:9px;color:#708295}.mobile-install a{font-size:10px;font-weight:900;color:#10161d;background:var(--amber2);padding:9px 11px;border-radius:11px;white-space:nowrap}

/* extra polish */
.feature-card:hover{border-color:rgba(231,162,74,.18)}
.site-header .site-menu a.active{color:var(--amber2)}
.phone{will-change:transform;transition:transform .25s ease}
@media(hover:hover) and (pointer:fine){.hero-device-wrap:hover .phone{box-shadow:0 48px 110px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.22)}}

@media(max-width:980px){
  .proof-grid{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .flow-grid{grid-template-columns:1fr 1fr}.flow-card:last-child{grid-column:1/-1}.showcase-rail{grid-template-columns:1fr 1fr}.showcase-card:last-child{grid-column:1/-1}.showcase-card:last-child .screen-shot{max-width:520px;margin-inline:auto;width:100%}
  .faq-grid{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.faq-intro p{max-width:620px}
}
@media(max-width:760px){
  .proof-grid{grid-template-columns:1fr 1fr}.proof-item{padding:22px 16px;min-height:112px}.proof-item strong{font-size:29px}
  .flow-grid,.showcase-rail{grid-template-columns:1fr}.flow-card:last-child,.showcase-card:last-child{grid-column:auto}.showcase-heading{grid-template-columns:1fr;gap:14px;text-align:center}.showcase-heading p{margin-inline:auto}
  .showcase-card{min-height:auto}.screen-shot{height:390px}.offline-note{align-items:flex-start}
  .faq-section{padding-bottom:110px}.mobile-install{display:flex}.site-footer{padding-bottom:95px}
}
@media(max-width:480px){
  .proof-grid{grid-template-columns:1fr 1fr}.proof-item{border-left:0!important}.proof-item:nth-child(odd){border-right:1px solid var(--line)}.proof-item:nth-child(even){border-right:0}
  .flow-card{padding:22px}.flow-ui{margin-top:24px}.screen-shot{height:365px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list p{margin-right:34px}
}