@font-face{font-family:BYekan;src:url('assets/BYEKAN.TTF') format('truetype');font-display:swap}
:root{font-family:BYekan,Tahoma,sans-serif;color:#453b34;background:#f6f2ec;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f6f2ec;--surface:#fcfaf7;--surface-2:#eee7de;--ink:#453b34;--muted:#8b7e72;--line:#e7ddd2;--accent:#9b7354;--accent-strong:#79563e;--accent-soft:#ead8c6;--deep:#332a25;--shadow:0 24px 70px #49372a1a;color-scheme:light}
:root[data-theme="dark"]{--bg:#211c19;--surface:#2c2521;--surface-2:#39302a;--ink:#f1e8df;--muted:#b1a092;--line:#493d35;--accent:#c7a17f;--accent-strong:#e0b993;--accent-soft:#554336;--deep:#171311;--shadow:0 24px 70px #0005;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1180px)/2),6vw);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;direction:ltr}.brand img{width:164px;height:auto;max-height:54px;object-fit:contain;object-position:left center}.brand-dark{display:none}:root[data-theme="dark"] .brand-light{display:none}:root[data-theme="dark"] .brand-dark{display:block}.desktop-nav{display:flex;align-items:center;gap:34px;color:var(--muted);font-size:13px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.quiet-link:hover{color:var(--accent-strong)}.top-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:transparent;color:var(--accent-strong);font-weight:600;font-size:13px}.button{border:0;border-radius:7px;background:var(--accent);color:white;padding:14px 21px;font-weight:600;font-size:13px;box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 22%,transparent);transition:.2s}.button:hover{background:var(--accent-strong);transform:translateY(-1px)}.button span,.quiet-link span,.tool-card>a span,.outline-button span{margin-right:12px}.button-small{padding:10px 16px}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent-strong);display:grid;place-items:center;font-size:17px}.theme-toggle:hover{background:var(--surface-2)}.hero{min-height:660px;padding:76px max(calc((100vw - 1180px)/2),6vw) 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,color-mix(in srgb,var(--accent-soft) 68%,transparent) 0,transparent 38%),var(--bg)}.hero-copy{position:relative;z-index:2;padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.1px;font-size:11px;font-weight:600;color:var(--accent-strong)}.pulse{width:7px;height:7px;background:#a68a6c;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,#a68a6c 17%,transparent)}.hero h1{font-size:clamp(45px,5.3vw,69px);line-height:1.35;letter-spacing:-1.6px;margin:22px 0 14px;color:var(--ink);font-weight:700}.hero h1 span{color:var(--accent)}.hero-lede{max-width:470px;font-size:15px;line-height:2.2;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.quiet-link{font-size:12px;color:var(--muted)}.trust-row{display:flex;align-items:center;gap:12px;margin-top:43px;color:var(--muted);font-size:11px}.avatar-stack{direction:ltr;display:flex}.avatar-stack i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);margin-left:-7px;color:#fff;background:#987a62;font-size:10px}.avatar-stack i:nth-child(2){background:#ba9879}.avatar-stack i:nth-child(3){background:#80644f}.hero-art{min-height:500px;display:grid;place-items:center;position:relative}.orb{position:absolute;border-radius:50%}.orb-one{width:420px;height:420px;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--accent-soft) 50%,var(--bg)));right:3%;top:4%}.orb-two{width:280px;height:280px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);right:19%;top:18%}.dashboard-card{position:relative;width:min(390px,88%);padding:26px 25px 19px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:var(--surface);box-shadow:var(--shadow);border-radius:11px;z-index:1;transform:rotate(-2deg)}.mock-header{display:flex;justify-content:space-between;align-items:center}.mock-header small,.mock-tool small,.mock-banner small,.float-note small{display:block;font-size:9px;color:var(--muted)}.mock-header h3{margin:5px 0 0;font-size:16px}.profile-dot{width:35px;height:35px;background:var(--surface-2);color:var(--accent-strong);border-radius:50%;display:grid;place-items:center}.mock-banner{margin:21px 0;padding:15px;border-radius:7px;background:color-mix(in srgb,var(--accent-soft) 54%,var(--surface));display:flex;justify-content:space-between;align-items:center;color:var(--accent-strong)}.mock-banner strong{display:block;font-size:12px;margin-top:4px}.mock-banner>span{font-size:24px;color:var(--accent)}.mock-label{font-size:10px;font-weight:600;margin-bottom:10px;color:var(--muted)}.mock-tool{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.tool-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-size:20px;flex:none}.shift-icon{background:color-mix(in srgb,var(--accent-soft) 58%,var(--surface));color:var(--accent-strong)}.exam-icon{background:var(--surface-2);color:var(--accent)}.mock-tool b{font-size:11px;display:block}.mock-tool small{margin-top:4px}.arrow{margin-right:auto;color:var(--muted);font-size:17px}.mock-footer{border-top:1px solid var(--line);padding-top:13px;margin-top:4px;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:7px}.mini-check{color:var(--accent)}.float-note{position:absolute;z-index:2;bottom:10%;left:0;display:flex;align-items:center;gap:11px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);transform:rotate(2deg)}.float-note>span{width:31px;height:31px;background:var(--surface-2);color:var(--accent);display:grid;place-items:center;border-radius:7px}.float-note b{font-size:10px;display:block}.float-note small{margin-top:3px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.2px}.tools-section{padding:108px max(calc((100vw - 1180px)/2),6vw) 102px;background:var(--surface)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-heading h2,.install-section h2{font-size:37px;line-height:1.55;margin:12px 0 0;letter-spacing:-.8px}.section-heading>p{max-width:405px;color:var(--muted);font-size:12px;line-height:2.2;margin:0 0 7px}.tool-cards{display:grid;grid-template-columns:1fr 1fr .84fr;gap:16px}.tool-card,.join-card{min-height:245px;border:1px solid var(--line);border-radius:8px;padding:23px;position:relative;overflow:hidden;background:var(--bg)}.accent-card{background:color-mix(in srgb,var(--surface-2) 48%,var(--surface))}.card-top{display:flex;justify-content:space-between;align-items:center}.coming{font-size:9px;padding:5px 9px;border-radius:20px;background:var(--surface-2);color:var(--accent-strong)}.tool-card h3,.join-card h3{font-size:17px;margin:23px 0 7px}.tool-card p,.join-card p{color:var(--muted);font-size:11px;line-height:2.1;margin:0;max-width:270px}.tool-card>a{position:absolute;bottom:22px;right:23px;color:var(--accent-strong);font-weight:600;font-size:10px}.card-watermark{position:absolute;left:15px;bottom:-34px;color:color-mix(in srgb,var(--surface-2) 65%,transparent);font:700 100px 'DM Sans',sans-serif;line-height:1}.join-card{background:var(--deep);border-color:var(--deep);color:#f5ece4;padding:23px}.join-card .join-symbol{font:300 27px 'DM Sans',sans-serif;color:#d1b99f}.join-card p{color:#c2b3a5}.button-light{background:#f2eae1;color:#6e503a;box-shadow:none;padding:10px 14px;font-size:10px;margin-top:17px}.install-section{margin:0 auto;max-width:1180px;padding:42px 0 52px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.install-icon{width:54px;height:54px;border-radius:10px;background:var(--surface-2);color:var(--accent-strong);display:grid;place-items:center;font-size:24px;flex:none}.install-section h2{font-size:20px;margin:5px 0}.install-section p{font-size:10px;color:var(--muted);margin:0;line-height:2;max-width:620px}.outline-button{border:1px solid var(--line);background:transparent;color:var(--accent-strong);border-radius:6px;padding:10px 14px;font-size:10px;white-space:nowrap;margin-right:auto}.outline-button:hover{background:var(--surface-2)}.auth-area,.member-area{max-width:1180px;margin:62px auto;padding:0 24px}.auth-panel{max-width:450px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:35px;box-shadow:var(--shadow)}.back-link{border:0;background:transparent;color:var(--muted);font-size:11px;margin-bottom:30px}.auth-panel h2,.member-area h2{font-size:29px;margin:15px 0 8px}.auth-panel>p,.member-area>p{font-size:12px;line-height:2;color:var(--muted)}.auth-panel form{display:grid;gap:9px;margin-top:26px}.auth-panel label{font-size:11px;font-weight:600;margin-top:8px}.auth-panel input{border:1px solid var(--line);border-radius:6px;padding:12px;direction:ltr;text-align:left;background:var(--bg);color:var(--ink);font-family:BYekan,Tahoma,sans-serif;outline:none}.auth-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.auth-submit{margin-top:13px}.auth-switch{font-size:11px;text-align:center;color:var(--muted);margin-top:21px}.demo-note{font-size:10px!important;color:var(--accent-strong)!important;background:var(--surface-2);padding:10px;border-radius:5px;margin-top:18px!important}.member-heading{display:flex;align-items:center;justify-content:space-between}.member-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.member-tool{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px}.member-tool h3{margin:0 0 5px;font-size:14px}.member-tool p{margin:0;color:var(--muted);font-size:10px}.member-tool .coming{margin-right:auto}.how-section{display:flex;justify-content:center;gap:60px;padding:39px 0;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}footer{padding:22px max(calc((100vw - 1180px)/2),6vw);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.auth-area[hidden],.member-area[hidden]{display:none}
@media(max-width:800px){.topbar{height:70px;padding:0 18px}.brand img{width:142px}.desktop-nav{gap:17px;font-size:11px}.top-actions{gap:11px}.hero{padding:54px 22px 0;grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:0}.hero h1{font-size:49px}.hero-lede{font-size:13px}.hero-art{min-height:400px;margin-top:8px}.orb-one{width:325px;height:325px;right:5%;top:8%}.orb-two{width:220px;height:220px;right:20%;top:20%}.dashboard-card{width:min(370px,91%)}.float-note{left:0;bottom:7%}.hero-bottom{font-size:8px}.tools-section{padding:76px 22px}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{margin-top:17px}.tool-cards{grid-template-columns:1fr}.tool-card,.join-card{min-height:220px}.install-section{margin:0 22px;padding:32px 0;flex-wrap:wrap;gap:14px}.install-section>div:nth-child(2){flex:1;min-width:210px}.install-section h2{font-size:18px}.install-section p{font-size:10px}.install-section .outline-button{margin-right:68px}.auth-area,.member-area{margin:40px auto;padding:0 18px}.auth-panel{padding:27px 22px}.member-tools{grid-template-columns:1fr}.how-section{gap:10px 22px;flex-wrap:wrap;padding:28px 15px}footer{padding:20px;gap:14px;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}
@media(max-width:480px){.desktop-nav{display:none}.top-actions{margin-right:auto;margin-left:12px}.button-small{padding:9px 11px;font-size:11px}.theme-toggle{width:35px;height:35px}.hero h1{font-size:44px}.hero-art{min-height:365px}.orb-one{width:290px;height:290px}.float-note{transform:scale(.9);transform-origin:left bottom}}
