:root{color-scheme:dark;--bg:#101116;--panel:#191b22;--panel2:#20232b;--muted:#999ca8;--text:#f4f4f7;--purple:#8a79ef;--mint:#a7f0c2;--line:#292b33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:80px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0a}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:-.4px}.brand-icon{height:27px;width:27px;border:2px solid var(--purple);border-radius:7px;display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:4px;place-content:center;transform:rotate(-7deg)}.brand-icon i{background:var(--mint);border-radius:2px}.brand-icon i:first-child{background:var(--purple)}nav{display:flex;gap:36px;color:#a8aab4;font-size:12px}nav a:hover{color:#fff}.download{border:1px solid #41434c;border-radius:5px;padding:12px 16px;font-size:11px;font-weight:700}.download span{color:var(--mint);padding-left:9px}.hero{min-height:630px;padding:95px 11vw 65px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;overflow:hidden}.eyebrow{font:10px Consolas,monospace;letter-spacing:2.2px;color:#a5a7b2}.eyebrow span,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:9px;box-shadow:0 0 14px #a7f0c2a0}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.04;letter-spacing:-5px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--purple)}.intro{max-width:470px;color:#a7a9b2;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary-link,.secondary-link{padding:15px 18px;border-radius:5px;font-size:11px;font-weight:700}.primary-link{background:var(--purple);color:white}.primary-link span{margin-left:15px}.secondary-link{border:1px solid #343640;color:#d6d6dc}.trust{display:flex;align-items:center;gap:11px;color:#7e818c;font-size:9px;margin-top:30px}.avatars{display:flex}.avatars b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#292b35;border:2px solid var(--bg);margin-right:-5px;color:var(--mint);font-size:9px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#725de525;filter:blur(60px)}.orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:480px;height:230px}.orbit-two{width:385px;height:350px;transform:rotate(30deg)}.art-card{z-index:1;width:240px;padding:15px;border:1px solid #ffffff15;border-radius:15px;background:#1b1d25;box-shadow:0 35px 100px #0009;transform:rotate(5deg)}.art-top{height:26px;display:flex;align-items:center;gap:5px}.art-top>span{width:6px;height:6px;border-radius:50%;background:#555762}.art-top>span:first-child{background:#f07880}.art-top small{font-size:8px;color:#8d909a;margin-left:7px}.art-screen{height:75px;margin:8px 0 12px;border-radius:7px;background:#101116;display:flex;align-items:center;justify-content:flex-end;padding:12px;font-size:25px;font-weight:600}.art-screen span{font-size:11px;color:var(--mint);margin-left:9px}.art-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.art-keys i{height:33px;background:#292b34;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:11px;color:#ddd}.art-keys .op{color:var(--mint);background:#292b35}.spark{position:absolute;color:var(--mint);font-size:20px}.spark-a{top:52px;right:72px}.spark-b{bottom:64px;left:42px;color:var(--purple);font-size:28px}.workspace,.features{padding:84px 11vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.features h2{font-size:35px;letter-spacing:-1.8px;line-height:1.15;margin:13px 0 0}.section-heading>p{font-size:11px;line-height:1.8;color:#858894}.desk{height:610px;position:relative;border:1px solid #ffffff0e;border-radius:10px;background:radial-gradient(ellipse at 50% 35%,#252332 0, #191a21 47%,#15161c 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.desk:before,.desk:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);pointer-events:none}.desk-label{position:absolute;top:24px;left:27px;font:9px Consolas,monospace;letter-spacing:1.4px;color:#babcc5}.label-sep{color:#555; padding:0 8px}.calculator{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:310px;min-width:270px;min-height:420px;max-width:calc(100% - 30px);max-height:calc(100% - 85px);resize:both;overflow:auto;background:#181a21;border:1px solid #ffffff18;border-radius:11px;box-shadow:0 24px 65px #0008}.calc-titlebar{height:38px;background:#21232b;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;padding:0 12px;gap:10px;cursor:grab;user-select:none;touch-action:none}.calc-titlebar:active{cursor:grabbing}.calc-titlebar>span:nth-child(2){font-size:10px;color:#d4d5dc}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#575964}.window-dots i:first-child{background:#e87c82}.grip-hint{margin-left:auto!important;font:7px Consolas,monospace!important;color:#737681!important;letter-spacing:1px}.calc-body{padding:14px}.calc-status{height:14px;font:8px Consolas,monospace;letter-spacing:1.2px;color:#9699a4}.display{height:65px;background:#101116;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:8px 14px;font-size:29px;font-weight:500;overflow:hidden;white-space:nowrap;margin-bottom:11px}.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.keys button{height:45px;border:0;border-radius:5px;background:#292c35;color:#f4f4f7;font:600 15px Manrope,sans-serif;cursor:pointer;transition:background .12s,transform .12s}.keys button:hover{background:#3b3f4a}.keys button:active{transform:scale(.96)}.keys .soft{background:#23252e;color:#dbdce1}.keys .operator{color:var(--mint);font-size:17px}.keys .equals{background:var(--purple);color:white;grid-row:span 2;font-size:21px}.keys .equals:hover{background:#9a8bf5}.keys .zero{grid-column:span 2}.desk-note{position:absolute;bottom:22px;left:27px;font:9px Consolas,monospace;color:#727580}.desk-note span{margin-left:9px;color:#b4b5bd}.desk-note b{margin-left:10px;color:var(--mint)}.features{padding-top:75px;padding-bottom:100px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.feature-grid article{border:1px solid #ffffff10;background:#17181f;padding:25px 23px 22px;border-radius:7px;min-height:215px}.feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;background:#24232e;color:var(--mint);font-size:17px}.feature-grid h3{font-size:14px;margin:24px 0 9px}.feature-grid p{font-size:11px;line-height:1.8;color:#92949e;min-height:38px}.feature-grid small{font:8px Consolas,monospace;letter-spacing:1px;color:#626570}.download-band{margin:0 6.5vw 70px;padding:52px 6vw;min-height:260px;border:1px solid #ffffff12;border-radius:9px;background:radial-gradient(ellipse at 88% 110%,#7465cb33,transparent 45%),#191a22;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.download-band h2{font-size:39px;line-height:1.05;letter-spacing:-1.8px;margin:13px 0}.download-band>div:first-child>p:last-child{font-size:11px;color:#9799a3;line-height:1.8;max-width:360px}.band-actions{z-index:1;text-align:left}.band-actions .primary-link,.band-actions .secondary-link{display:inline-block}.band-actions .secondary-link{margin-top:10px}.band-actions p{font-size:9px;color:#858791;line-height:1.8;margin-top:17px}.band-decoration{position:absolute;right:13%;top:-90px;color:#ffffff05;font-size:350px;font-weight:800;line-height:1}footer{height:78px;border-top:1px solid #ffffff0d;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;color:#777a85;font-size:9px}footer .brand{color:#ececf0;font-size:12px}footer .brand-icon{width:22px;height:22px}.mobile-install{display:none}
@media(max-width:800px){.topbar{height:68px;padding:0 5vw}nav{gap:15px}nav a{font-size:10px}.download{padding:10px;font-size:9px}.hero{padding:62px 8vw 30px;grid-template-columns:1fr;min-height:unset}.hero h1{font-size:58px}.hero-art{height:330px}.workspace,.features{padding:60px 6vw}.section-heading h2,.features h2{font-size:30px}.desk{height:570px}.feature-grid{gap:8px}.feature-grid article{padding:17px}.download-band{margin:0 5vw 50px;padding:40px;gap:15px}}
@media(max-width:560px){nav{display:none}.topbar{padding:0 20px}.download{padding:10px 12px}.hero{padding:55px 23px 15px}.hero h1{font-size:48px;letter-spacing:-3px}.intro{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-art{height:285px}.art-card{transform:scale(.9) rotate(5deg)}.workspace,.features{padding:49px 19px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{margin-top:13px}.section-heading h2,.features h2{font-size:28px}.desk{height:545px}.calculator{min-width:0;width:min(310px,calc(100% - 26px));min-height:405px;resize:none;top:50%;left:50%;transform:translate(-50%,-50%)}.calc-titlebar{cursor:default}.grip-hint{display:none}.calc-body{padding:13px}.display{height:61px;font-size:26px}.keys{gap:6px}.keys button{height:43px}.desk-label{top:17px;left:16px;font-size:8px}.desk-note{left:16px;bottom:16px}.feature-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}.feature-grid article{min-height:175px;padding:20px}.feature-grid h3{margin:15px 0 7px}.feature-grid p{min-height:0}.download-band{margin:0 19px 38px;padding:30px 25px;display:block}.download-band h2{font-size:34px}.band-actions{margin-top:25px}.band-decoration{right:5%;top:-55px;font-size:250px}footer{height:auto;padding:20px;gap:10px;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}


/* Вбудований віджет наслідує палітру, шрифти, сітку та пропорції Tkinter-калькулятора. */
#calculatorWindow{width:368px;height:min(590px,calc(100% - 20px));min-width:280px;min-height:430px;max-width:calc(100% - 24px);max-height:calc(100% - 20px);resize:both;overflow:auto;background:#17191f;border:1px solid #d5d5d5;border-radius:7px;box-shadow:0 18px 46px #0008}
#dragHandle{height:38px;min-height:38px;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:0 10px;background:#f1f1f1;border:0;border-bottom:1px solid #d7d7d7;border-radius:6px 6px 0 0;color:#202020;cursor:grab;touch-action:none}
#dragHandle:active{cursor:grabbing}
#dragHandle>span:nth-child(2){font:400 15px "Segoe UI",Arial,sans-serif;color:#202020}
#dragHandle .calc-icon{width:16px;height:16px;object-fit:contain;flex:none}
#dragHandle .grip-hint{display:none}
#calculatorWindow .calc-body{height:calc(100% - 38px);min-height:0;box-sizing:border-box;display:flex;flex-direction:column;padding:21px 16px 20px;background:#17191f}
#calculatorWindow .display{height:auto;min-height:0;flex:0 0 96px;box-sizing:border-box;margin:0 0 11px;padding:8px 12px;border:0;border-radius:0;background:#111319;color:#f4f4f7;font:400 33px "Segoe UI",Arial,sans-serif;justify-content:flex-end}
#calculatorWindow .keys{flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}
#calculatorWindow .keys button{height:auto;min-width:0;padding:3px;border:0;border-radius:0;background:#2b2f39;color:#f4f4f7;font:700 20px "Segoe UI",Arial,sans-serif;transition:background .12s;}
#calculatorWindow .keys button:hover{background:#383d49}
#calculatorWindow .keys button:active{transform:none}
#calculatorWindow .keys .soft{background:#20232b;color:#f4f4f7}
#calculatorWindow .keys .soft:hover{background:#383d49}
#calculatorWindow .keys .operator{color:#f4f4f7;font-size:20px}
#calculatorWindow .keys .equals{grid-row:auto;background:#7868e6;color:#f4f4f7;font-size:20px}
#calculatorWindow .keys .equals:hover{background:#8a7cf0}
#calculatorWindow .keys [data-value="0"]{grid-column:auto}
#calculatorWindow .calc-status{height:auto;min-height:12px;flex:none;margin-top:9px;color:#a7aab5;font:400 10px "Segoe UI",Arial,sans-serif;letter-spacing:0;line-height:1.35}
@media(max-width:560px){#calculatorWindow{width:min(368px,calc(100% - 20px));height:min(510px,calc(100% - 28px));min-width:0;min-height:390px;max-width:calc(100% - 20px);max-height:calc(100% - 28px);resize:both;top:50%;left:50%;transform:translate(-50%,-50%)}#calculatorWindow .calc-body{padding:17px 14px 16px}#calculatorWindow .display{flex-basis:82px;font-size:29px}#calculatorWindow .keys{gap:6px}#calculatorWindow .keys button{font-size:18px}#calculatorWindow .keys .operator,#calculatorWindow .keys .equals{font-size:18px}#calculatorWindow .calc-status{font-size:9px}#dragHandle{cursor:default}#dragHandle:active{cursor:default}}
