:root{--bg:#050914;--bg2:#081221;--panel:rgba(13,25,42,.52);--panel2:rgba(18,34,53,.42);--ink:#f5f8fc;--muted:#9eacbd;--line:rgba(155,190,220,.18);--blue:#45c7ff;--gold:#f3b94f;--gold2:#ffdc82;--cyan:#6fe4ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#102238 0,#07101c 32%,var(--bg) 70%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1220px;margin:auto;padding:0 32px}
/* Ambient CSS-only depth: no photos or background images */
.ambient{position:fixed;border-radius:50%;pointer-events:none;z-index:-2;filter:blur(80px);opacity:.20;transform:translate3d(0,var(--py,0),0);will-change:transform}.ambient-1{width:500px;height:500px;right:-180px;top:7%;background:#007fc7}.ambient-2{width:420px;height:420px;left:-210px;top:48%;background:#b26c00;opacity:.13}.ambient-3{width:300px;height:300px;right:22%;bottom:-130px;background:#2b7d9c;opacity:.10}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.025;background-image:radial-gradient(#fff .55px,transparent .55px);background-size:4px 4px}
.glass-nav{height:80px;position:sticky;top:14px;margin:0 18px;border:1px solid var(--line);border-radius:22px;background:rgba(6,14,25,.58);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 18px 60px rgba(0,0,0,.22);z-index:20}.navin{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand .mark{width:42px;height:42px;border:1px solid #d4a74c;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:15px;letter-spacing:-1px;box-shadow:0 0 30px #f5bd4e22,inset 0 0 18px #f5bd4e0c}.brand .mark span{font-size:9px;margin-left:-2px}.brand strong{font-size:17px;letter-spacing:.2px}.brand em{font-style:normal;color:var(--gold)}.brand small{display:block;color:#74869a;font-size:7px;letter-spacing:2.1px;margin-top:2px}nav{display:flex;gap:30px;color:#c8d4e0;font-size:14px}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}nav a:hover{color:#fff}nav a:hover:after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07101a;border:1px solid #ffd878;border-radius:14px;padding:13px 21px;font-weight:850;box-shadow:0 10px 40px #f5bd4e25;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 48px #f5bd4e3b}.btn.small{padding:10px 16px;font-size:13px}.btn.ghost{background:rgba(255,255,255,.035);color:#edf4fa;border-color:rgba(151,190,220,.35);box-shadow:none;backdrop-filter:blur(12px)}.btn b{font-size:18px}
.hero{position:relative;min-height:780px;overflow:hidden;padding-top:40px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(25,115,155,.18),transparent 27%),radial-gradient(circle at 20% 75%,rgba(206,143,39,.08),transparent 28%);pointer-events:none}.hero-lines{position:absolute;inset:0;opacity:.25;background:linear-gradient(115deg,transparent 0 49.7%,rgba(101,180,220,.13) 50%,transparent 50.3%),linear-gradient(70deg,transparent 0 69.7%,rgba(245,189,78,.10) 70%,transparent 70.3%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-copy{position:relative;z-index:5;transform:translate3d(0,var(--py,0),0);will-change:transform}.eyebrow{color:var(--gold);font-weight:850;letter-spacing:3.5px;font-size:10px;margin:0 0 15px}.hero h1{font-size:70px;line-height:.98;letter-spacing:-4px;margin:0 0 27px}.hero h1 span,h2 span{color:var(--gold)}.lead{font-size:18px;color:#c1cfdb;max-width:610px}.actions{display:flex;gap:12px;margin-top:31px}.trust{display:flex;gap:28px;margin-top:37px;color:#9fb0c1;font-size:13px}
.hero-stage{height:570px;position:relative;perspective:1100px}.hero-stage>*{will-change:transform}.stage-grid{position:absolute;width:520px;height:520px;left:4%;top:5%;border-radius:50%;opacity:.20;transform:translate3d(0,var(--py,0),0) rotateX(68deg) rotateZ(-12deg);background:linear-gradient(rgba(89,182,220,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(89,182,220,.15) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black 0 42%,transparent 72%)}.depth-ring{position:absolute;border:1px solid rgba(109,214,244,.22);border-radius:50%;transform:translate3d(0,var(--py,0),0);left:13%;top:14%}.ring-1{width:400px;height:400px;box-shadow:0 0 80px rgba(41,177,222,.10),inset 0 0 50px rgba(41,177,222,.06)}.ring-2{width:510px;height:510px;left:3%;top:4%;border-color:rgba(244,190,78,.10)}.depth-orb{position:absolute;border-radius:50%;filter:blur(1px);transform:translate3d(0,var(--py,0),0)}.orb-1{width:190px;height:190px;right:9%;top:9%;background:radial-gradient(circle,#5cdcff22,transparent 68%);box-shadow:0 0 100px #42c9ff16}.orb-2{width:150px;height:150px;left:4%;bottom:7%;background:radial-gradient(circle,#f5bd4e1c,transparent 70%)}
.float-app{position:absolute;width:150px;text-align:center;z-index:5;transform:translate3d(0,var(--py,0),0) rotate(var(--rot,0));transition:filter .3s;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}.float-app img{width:118px;height:118px;object-fit:cover;display:block;margin:auto;border-radius:28%;border:1px solid rgba(255,255,255,.20);box-shadow:0 0 0 7px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.08)}.float-app span{font-size:10px;color:#c8d5e1;display:block;margin-top:9px;letter-spacing:.3px}.fa1{left:2%;top:48%;--rot:-9deg}.fa2{left:35%;top:4%;--rot:4deg;z-index:7}.fa3{right:1%;top:39%;--rot:8deg}.fa4{right:19%;bottom:1%;--rot:-5deg;z-index:6}.glass-core{position:absolute;left:29%;top:28%;width:190px;height:235px;border:1px solid rgba(190,221,240,.25);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 80px rgba(0,0,0,.35);transform:translate3d(0,var(--py,0),0) rotate(7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3}.glass-core:before{content:"";width:70px;height:70px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 30px #f5bd4e20,inset 0 0 20px #f5bd4e12;margin-bottom:17px}.glass-core span{font-size:11px;letter-spacing:3px}.glass-core strong{font-size:25px;color:var(--gold);letter-spacing:1px}.glass-core small{font-size:7px;color:#8296aa;letter-spacing:2px;margin-top:8px}.scroll-hint{position:absolute;bottom:34px;left:calc(50% - 50px);font-size:8px;letter-spacing:3px;color:#8295a8;display:flex;align-items:center;gap:10px}.scroll-hint span{width:17px;height:28px;border:1px solid #8aa0b4;border-radius:12px;position:relative}.scroll-hint span:after{content:"";position:absolute;width:2px;height:5px;background:var(--gold);left:7px;top:6px;border-radius:2px;animation:scrollDot 1.5s infinite}@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(9px);opacity:.2}}
.section{padding:110px 0;position:relative}.glass-panel{background:linear-gradient(135deg,rgba(25,48,72,.56),rgba(9,20,34,.45));border:1px solid rgba(168,202,224,.20);border-radius:28px;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 35px 100px rgba(0,0,0,.24);transform:translate3d(0,var(--py,0),0);will-change:transform}.apps-panel{padding:42px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-head h2,.feature-section h2,.inquiry h2,.quote-section h2{font-size:45px;line-height:1.03;letter-spacing:-1.8px;margin:0}.section-head>p{color:var(--muted);max-width:390px;text-align:right}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{min-height:360px}.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(180,211,230,.17);border-radius:22px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 55px rgba(0,0,0,.20)}.glass-card:hover{transform:translateY(-10px) scale(1.015);border-color:rgba(82,200,239,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 30px 75px rgba(0,0,0,.35)}.icon-wrap{height:205px;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,rgba(52,130,165,.20),transparent 65%)}.appicon{width:164px;height:164px;object-fit:cover;display:block;border-radius:28%;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 35px rgba(0,0,0,.42),0 0 0 8px rgba(255,255,255,.018)}.card-body{padding:18px 19px}.card h3{margin:0 0 6px;font-size:18px}.card p{color:var(--muted);font-size:13px;min-height:44px;margin:0 0 15px}.store{font-size:12px;color:#75d7ff;font-weight:850}.store b{font-size:15px}.store.muted{color:#617286}
.feature-section{overflow:hidden}.feature-orbit{position:absolute;border-radius:50%;transform:translate3d(0,var(--py,0),0);pointer-events:none}.orbit-a{width:580px;height:580px;right:-250px;top:70px;border:1px solid rgba(72,207,242,.13);box-shadow:0 0 120px rgba(35,173,214,.08),inset 0 0 100px rgba(35,173,214,.05)}.orbit-b{width:330px;height:330px;right:-90px;top:190px;border:1px solid rgba(243,185,79,.12)}.feature-panel{padding:58px}.narrow{max-width:720px}.services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);padding-top:30px;gap:22px}.services>div{min-height:140px}.services i{display:block;color:var(--blue);font-style:normal;font-size:12px;letter-spacing:2px;margin-bottom:25px}.services b{font-size:16px}.services p{font-size:13px;color:var(--muted)}
.quote-section{min-height:470px;display:flex;align-items:center;overflow:hidden}.quote-glow{position:absolute;width:700px;height:300px;left:10%;top:30%;background:radial-gradient(ellipse,#14516d30,transparent 68%);filter:blur(18px);transform:translate3d(0,var(--py,0),0)}.quote-wrap{display:flex;align-items:center;justify-content:space-between;gap:70px}.quote-section h2{font-size:42px}.quote{width:330px;padding:28px;position:relative;transform:translate3d(0,var(--py,0),0)}.quote strong{font-size:60px;color:var(--gold);line-height:.7}.quote p{font-size:17px;color:#dce5ed}.quote small{color:#8ea0b1}
.inquiry-section{padding-top:90px}.inquiry{padding:45px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.inquiry-copy>p:not(.eyebrow){color:var(--muted);max-width:450px}.contact-note{margin-top:30px;color:#d8e2eb;font-size:13px}.glass-inner{background:rgba(4,13,24,.35);border:1px solid rgba(167,202,226,.14);border-radius:21px;padding:25px;backdrop-filter:blur(18px)}.form{display:grid;gap:15px}label{font-size:12px;color:#b8c4d0;font-weight:700}input,textarea{display:block;width:100%;margin-top:7px;background:rgba(3,12,22,.55);border:1px solid rgba(128,169,199,.22);border-radius:12px;color:#eef4f9;padding:13px 14px;font:inherit;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#39b9ec;box-shadow:0 0 0 3px #1598ee12,0 0 30px #1598ee0c}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;gap:8px;align-items:flex-start;font-weight:500}.check input{width:auto;margin:2px 0}.form button{justify-self:start}
footer{border-top:1px solid rgba(139,176,202,.12);background:rgba(3,8,15,.75);padding:28px 0;backdrop-filter:blur(18px)}.footer{display:flex;align-items:center;gap:30px}.footer>div{margin:auto;color:#7f8fa1;font-size:12px}.footer>small{color:#66768a;font-size:11px}.footer .brand{margin:0}.footer .brand .mark{width:34px;height:34px;font-size:12px}
@media(max-width:1000px){nav,.nav .btn{display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:900px}.hero-copy{padding-top:65px}.hero-stage{height:430px}.cards{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.inquiry{grid-template-columns:1fr;gap:35px}.quote-wrap{align-items:flex-start;flex-direction:column}.quote{width:min(100%,430px)}.footer{flex-wrap:wrap}}
@media(max-width:600px){.wrap{padding:0 20px}.glass-nav{margin:0 8px;top:8px}.hero h1{font-size:48px;letter-spacing:-2.5px}.lead{font-size:16px}.actions,.trust{flex-direction:column;gap:10px}.hero{min-height:850px}.hero-stage{height:360px;transform:scale(.88);transform-origin:center top}.fa1{left:-4%}.fa2{left:29%;top:0}.fa3{right:-5%}.fa4{right:12%;bottom:-20px}.glass-core{left:27%;top:26%;width:170px;height:210px}.apps-panel,.feature-panel,.inquiry{padding:24px}.cards{grid-template-columns:1fr}.section{padding:75px 0}.section-head{display:block}.section-head>p{text-align:left;margin-top:12px}.section-head h2,.feature-section h2,.inquiry h2,.quote-section h2{font-size:36px}.services{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column;gap:18px}.footer>div{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-app,.glass-panel,.hero-copy,.depth-ring,.depth-orb,.stage-grid,.glass-core,.ambient,.feature-orbit,.quote-glow,.quote{transform:none!important;transition:none!important}.scroll-hint span:after{animation:none}}

/* --- WorkingTime hero phone: real HTML/CSS depth, no background photo --- */
.hero-stage{overflow:visible;min-height:650px;transform-style:preserve-3d}
.phone-glow{position:absolute;width:360px;height:620px;right:13%;top:2%;border-radius:50%;background:radial-gradient(ellipse,rgba(244,190,78,.22),rgba(62,204,255,.08) 38%,transparent 70%);filter:blur(32px);transform:translate3d(0,var(--py,0),0);pointer-events:none}
.phone-orbit{position:absolute;border-radius:50%;pointer-events:none;transform:translate3d(0,var(--py,0),0) rotate(-16deg);transform-origin:center}
.orbit-gold{width:480px;height:250px;right:0;top:27%;border:2px solid rgba(245,190,70,.68);box-shadow:0 0 30px rgba(245,190,70,.18),inset 0 0 25px rgba(245,190,70,.08)}
.orbit-cyan{width:560px;height:330px;right:-8%;top:18%;border:1px solid rgba(91,218,255,.24);transform:translate3d(0,var(--py,0),0) rotate(18deg)}
.phone{position:absolute;right:15%;top:3%;width:330px;height:610px;z-index:8;transform:translate3d(0,var(--py,0),0) rotate(9deg) rotateY(-7deg);transform-style:preserve-3d;filter:drop-shadow(0 45px 45px rgba(0,0,0,.65));will-change:transform}
.phone-frame{position:relative;width:100%;height:100%;padding:9px;border-radius:52px;background:linear-gradient(145deg,#73879a 0%,#172330 10%,#03070c 47%,#304557 90%,#b88a39 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),inset 0 0 0 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
.phone-frame:before{content:"";position:absolute;inset:4px;border-radius:49px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:44px;background:radial-gradient(circle at 50% 8%,#172e3c 0,#07121d 38%,#02070c 100%);border:1px solid rgba(255,255,255,.10);padding:18px 16px 12px;box-shadow:inset 0 0 50px rgba(72,196,234,.08)}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:30px;border-radius:0 0 18px 18px;background:#020509;z-index:5;box-shadow:0 2px 10px rgba(0,0,0,.7)}
.phone-notch:after{content:"";position:absolute;right:19px;top:10px;width:7px;height:7px;border-radius:50%;background:#162631;box-shadow:0 0 5px #4ac9f6}
.phone-status{display:flex;justify-content:space-between;color:#d9e6ed;font-size:9px;font-weight:800;letter-spacing:.2px;padding:1px 5px 12px;position:relative;z-index:2}
.appbar{display:flex;justify-content:space-between;align-items:center;color:#c9d7df;font-size:12px;margin-bottom:16px}.appbar strong{font-size:14px;color:#fff}.hamb{font-size:15px;color:#73cce9}
.timer-ring{width:184px;height:184px;margin:2px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffc95c 0deg 238deg,rgba(255,255,255,.08) 238deg 360deg);box-shadow:0 0 35px rgba(247,188,65,.16)}
.timer-ring:before{content:"";position:absolute;width:164px;height:164px;border-radius:50%;background:#07111a;box-shadow:inset 0 0 30px rgba(255,255,255,.035)}
.timer-ring-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;gap:5px}.timer-ring-inner small{font-size:8px;color:#9eb0bb;letter-spacing:.7px}.timer-ring-inner strong{font-size:25px;letter-spacing:-1px;color:#fff}
.phone-start{display:block;width:135px;margin:0 auto 17px;border:0;border-radius:18px;padding:11px 12px;background:linear-gradient(180deg,#ffd56f,#efb63e);color:#10151a;font-weight:900;box-shadow:0 8px 22px rgba(244,188,67,.22)}
.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phone-stats>div{border:1px solid rgba(141,190,211,.14);background:rgba(255,255,255,.045);border-radius:12px;padding:8px 4px;text-align:center}.phone-stats span{display:block;color:#64d8f2;font-size:13px}.phone-stats small{display:block;color:#9cafbb;font-size:7px;margin-top:2px}.phone-stats b{display:block;color:#f1f5f7;font-size:9px;margin-top:2px}
.entries-title{display:flex;justify-content:space-between;margin:15px 2px 7px;color:#d9e5eb;font-size:10px;font-weight:800}.entries-title span{font-size:16px;color:#8499a6}.entry{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:6px;padding:7px 4px;border-bottom:1px solid rgba(147,190,209,.09)}.entry i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1bcf91;color:#07110e;font-size:8px;font-style:normal}.entry i.pause{background:#aabac3;color:#17232b}.entry div{display:flex;flex-direction:column}.entry b{font-size:8px;color:#e4edf2}.entry small{font-size:7px;color:#738793}.entry>strong{font-size:8px;color:#dbe6eb}.phone-tabs{position:absolute;left:12px;right:12px;bottom:8px;height:43px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(154,194,212,.12);background:rgba(2,8,13,.82);padding-top:6px}.phone-tabs span{font-size:13px;text-align:center;color:#718590}.phone-tabs span.active{color:#ffc95c}.phone-tabs small{display:block;font-size:6px;margin-top:2px}
.phone-side-button{position:absolute;right:-4px;width:4px;background:#566977;border-radius:0 3px 3px 0;box-shadow:0 1px 3px #000;z-index:-1}.button-a{top:145px;height:58px}.button-b{top:220px;height:30px}
.floating-app-card{position:absolute;width:126px;z-index:10;text-align:center;transform:translate3d(0,var(--py,0),0) rotate(-8deg);filter:drop-shadow(0 22px 25px rgba(0,0,0,.55));will-change:transform}.floating-app-card img{width:94px;height:94px;object-fit:cover;border-radius:28%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 7px rgba(255,255,255,.025),0 15px 30px rgba(0,0,0,.42)}.floating-app-card span{display:block;color:#d9e4ea;font-size:10px;margin-top:7px}.fa1{left:12%;top:19%}
.glass-widget{position:absolute;z-index:11;border:1px solid rgba(173,213,232,.23);background:linear-gradient(145deg,rgba(50,76,96,.43),rgba(8,18,30,.34));backdrop-filter:blur(17px) saturate(135%);-webkit-backdrop-filter:blur(17px) saturate(135%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 50px rgba(0,0,0,.25);color:#d7e5eb;transform:translate3d(0,var(--py,0),0);will-change:transform}.widget-left{left:10%;top:46%;width:210px;padding:16px;border-radius:20px;display:grid;grid-template-columns:22px 1fr;gap:9px;font-size:10px}.widget-check{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;color:#061b19;background:#65d9cf;font-weight:900}.widget-right{right:-2%;top:47%;width:180px;padding:18px;border-radius:22px;display:flex;gap:13px;align-items:flex-start}.widget-right b{color:#ffca58;font-size:23px}.widget-right strong{font-size:13px;line-height:1.35}.widget-bottom{right:5%;bottom:3%;width:145px;padding:15px;border-radius:18px;display:flex;gap:11px}.widget-bottom b{font-size:24px;color:#ffca58}.widget-bottom strong{font-size:12px;line-height:1.3}
@media(max-width:1100px){.phone{right:6%;transform:translate3d(0,var(--py,0),0) rotate(8deg) scale(.88)}.phone-glow{right:4%}.orbit-gold{right:-10%}.widget-right{right:-7%}.widget-left{left:0}.floating-app-card.fa1{left:4%}}
@media(max-width:1000px){.hero-stage{height:560px;min-height:560px}.phone{right:8%;top:0;width:285px;height:530px}.phone-screen{padding:14px 12px 10px}.timer-ring{width:155px;height:155px}.timer-ring:before{width:137px;height:137px}.timer-ring-inner strong{font-size:21px}.widget-left{left:0;top:52%;width:180px}.widget-right{right:-2%;top:43%;width:150px}.widget-bottom{right:2%;bottom:0}.floating-app-card.fa1{left:7%;top:10%}}
@media(max-width:600px){.hero-stage{height:470px;min-height:470px;transform:scale(.86);transform-origin:center top;margin-top:10px}.phone{right:2%;top:0;width:245px;height:455px;transform:translate3d(0,var(--py,0),0) rotate(7deg)}.phone-frame{padding:7px;border-radius:40px}.phone-screen{border-radius:34px;padding:10px 9px 8px}.phone-notch{width:100px;height:23px}.phone-status{font-size:7px;padding-bottom:7px}.appbar{font-size:9px;margin-bottom:8px}.appbar strong{font-size:11px}.timer-ring{width:126px;height:126px;margin-bottom:9px}.timer-ring:before{width:111px;height:111px}.timer-ring-inner small{font-size:6px}.timer-ring-inner strong{font-size:17px}.phone-start{width:105px;padding:7px;font-size:9px;margin-bottom:9px}.phone-stats>div{padding:5px 2px}.phone-stats span{font-size:9px}.phone-stats small,.phone-stats b{font-size:6px}.entries-title{font-size:8px;margin:9px 2px 3px}.entry{padding:4px 2px}.entry i{width:17px;height:17px;font-size:6px}.entry b,.entry>strong{font-size:6px}.entry small{font-size:5px}.phone-tabs{height:32px}.phone-tabs span{font-size:9px}.phone-tabs small{font-size:4px}.floating-app-card{width:90px}.floating-app-card img{width:68px;height:68px}.floating-app-card span{font-size:7px}.floating-app-card.fa1{left:0;top:8%}.widget-left{left:-3%;top:51%;width:135px;padding:10px;border-radius:14px;font-size:7px;gap:5px}.widget-check{width:14px;height:14px}.widget-right{right:-8%;top:42%;width:110px;padding:10px;border-radius:14px;gap:6px}.widget-right b{font-size:15px}.widget-right strong{font-size:8px}.widget-bottom{right:-3%;bottom:0;width:95px;padding:9px;border-radius:13px}.widget-bottom b{font-size:16px}.widget-bottom strong{font-size:8px}.phone-orbit.orbit-gold{width:360px;height:190px;right:-10%;top:24%}.phone-orbit.orbit-cyan{width:400px;height:230px;right:-15%;top:17%}.phone-glow{right:-8%;top:0;width:280px;height:470px}}
.phone{margin-left:var(--mouse-x,0);margin-top:var(--mouse-y,0)}
.floating-app-card{margin-left:var(--mouse-x,0);margin-top:var(--mouse-y,0)}
.glass-widget{margin-left:var(--mouse-x,0);margin-top:var(--mouse-y,0)}

/* ===== Gering Digital cinematic identity ===== */
:root{
  --gold:#ffc95c;
  --gold2:#e8a92e;
  --cyan:#55d9ff;
  --ink:#02060c;
  --panel:rgba(11,22,34,.48);
}
body{background:
  radial-gradient(900px 600px at 78% 18%,rgba(38,118,153,.10),transparent 65%),
  radial-gradient(700px 520px at 18% 72%,rgba(211,145,39,.07),transparent 65%),
  linear-gradient(180deg,#02060c 0%,#050b13 45%,#02060b 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.42) 100%),
  linear-gradient(115deg,rgba(85,217,255,.025),transparent 35%,rgba(255,201,92,.025));}
main,footer,header{position:relative;z-index:1}
.brand{gap:11px}.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:0;display:block;filter:drop-shadow(0 0 9px rgba(255,197,83,.20));mix-blend-mode:screen}.brand strong em{color:var(--gold);font-style:normal}.brand small{letter-spacing:.22em}
.glass-nav{background:linear-gradient(180deg,rgba(8,15,24,.76),rgba(5,11,18,.52));backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.hero{isolation:isolate}.hero:after{content:"";position:absolute;left:8%;right:8%;bottom:2%;height:1px;background:linear-gradient(90deg,transparent,rgba(85,217,255,.15),rgba(255,201,92,.24),transparent);box-shadow:0 0 24px rgba(255,201,92,.10)}
.hero-lines{opacity:.48;background-image:linear-gradient(rgba(107,164,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,164,193,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 72%,transparent)}
.hero-stage:before{content:"";position:absolute;inset:6% 2% 3% 0;background:radial-gradient(circle at 58% 48%,rgba(69,196,230,.11),transparent 25%),radial-gradient(circle at 70% 58%,rgba(255,194,79,.10),transparent 24%);filter:blur(18px);pointer-events:none}
.phone{animation:cinematicFloat 6.5s ease-in-out infinite;transform-origin:center center}.floating-app-card{animation:cinematicFloatSmall 5.5s ease-in-out infinite}.glass-widget{animation:cinematicFloatTiny 7s ease-in-out infinite}
@keyframes cinematicFloat{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes cinematicFloatSmall{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes cinematicFloatTiny{0%,100%{translate:0 0}50%{translate:0 -6px}}
.phone-glow{filter:blur(44px);opacity:.9}.phone-orbit{filter:drop-shadow(0 0 8px rgba(255,201,92,.14))}
.glass-panel,.glass-card,.glass-widget,.glass-inner{background:linear-gradient(135deg,rgba(35,54,70,.34),rgba(4,11,19,.46));border-color:rgba(166,210,229,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.025),0 35px 90px rgba(0,0,0,.28)}
.glass-panel:before,.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 22%,transparent 70%,rgba(85,217,255,.025));opacity:.8}
.card{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}.card:hover{transform:translateY(-10px) perspective(900px) rotateX(2deg);border-color:rgba(255,201,92,.28);box-shadow:0 35px 70px rgba(0,0,0,.35),0 0 28px rgba(255,201,92,.06)}
.icon-wrap{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 35px rgba(0,0,0,.22)}
.appicon{border-radius:25%!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 16px 32px rgba(0,0,0,.35)!important}
.btn{box-shadow:0 12px 32px rgba(255,194,76,.14);transition:transform .3s,box-shadow .3s,filter .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(255,194,76,.23);filter:brightness(1.04)}
.eyebrow{color:#67d9f6;text-shadow:0 0 14px rgba(85,217,255,.16)}
h1 span,h2 span{background:linear-gradient(100deg,#fff 0%,#ffc95c 46%,#e9a72d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,195,83,.08)}
.quote-section{position:relative;overflow:hidden}.quote-section:before{content:"";position:absolute;inset:20% 0 0;background:radial-gradient(ellipse at 50% 55%,rgba(62,179,222,.10),transparent 55%);pointer-events:none}
.scroll-hint{opacity:.78}.scroll-hint span{box-shadow:0 0 16px rgba(85,217,255,.25)}
footer{background:linear-gradient(180deg,rgba(3,8,13,.72),rgba(1,4,8,.94));border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:600px){.brand-logo{width:37px;height:37px;border-radius:11px}.brand small{font-size:7px}.phone{animation-duration:7s}.floating-app-card,.glass-widget{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.phone,.floating-app-card,.glass-widget{animation:none!important}}


/* ===== Final cinematic hero refinements ===== */
:root{--muted:#b7c6d4;--ink:#f4f8fb}
h1,h2,h3{color:#f5f8fc}
.section-head h2,.feature-section h2,.inquiry h2,.quote-section h2{color:#f5f8fc}
.card h3{color:#f4f8fb}
.section-head>p,.card p,.inquiry-copy>p,.services p,.quote-section .quote p{color:#b7c6d4}
.phone{width:292px;height:610px;right:16%;}
.phone-screen{padding:17px 15px 12px}
.appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#eef7fb;font-size:10px;margin:4px 2px 18px}
.appbar img{width:28px;height:28px;border-radius:0;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 7px rgba(85,217,255,.22))}
.appbar strong{font-size:12px;letter-spacing:.1px;flex:1}
.contact-hero{padding:8px 5px 14px}
.contact-hero small{display:block;color:#64dfff;font-size:6px;letter-spacing:1.8px;margin-bottom:13px}
.contact-hero h3{font-size:24px;line-height:1.03;margin:0 0 12px;letter-spacing:-.7px}
.contact-hero h3 em{font-style:normal;background:linear-gradient(100deg,#ffc95c,#f0aa32);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-hero p{font-size:10px;line-height:1.5;color:#b9cad5;margin:0}
.phone-contact{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;margin:4px 3px 17px;padding:12px 11px;border:1px solid rgba(255,201,92,.30);border-radius:15px;background:linear-gradient(145deg,rgba(255,201,92,.17),rgba(19,45,61,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.25);color:#f8fbfd}
.phone-contact:hover{border-color:rgba(255,201,92,.65);transform:translateY(-2px)}
.mail-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,201,92,.55);color:#ffd56f;font-size:14px;box-shadow:0 0 18px rgba(255,201,92,.16)}
.phone-contact strong{font-size:10px}
.phone-contact b{font-size:15px;color:#ffc95c}
.phone-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.phone-mini-cards>div{min-height:72px;padding:8px 4px;border:1px solid rgba(112,189,219,.16);border-radius:11px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.phone-mini-cards span{color:#63dfff;font-size:14px;margin-bottom:4px}
.phone-mini-cards small{font-size:6.5px;line-height:1.35;color:#b4c5d0}
.phone-signature{margin-top:20px;text-align:right;padding-right:4px;font-size:11px;line-height:1.25;color:#8ea7b6;font-style:italic;opacity:.95}
.phone-signature em{color:#ffc95c;font-style:normal}
.phone-tabs{height:45px}
@media(max-width:1100px){.phone{right:8%;width:275px;height:575px}}
@media(max-width:1000px){.phone{right:8%;top:0;width:270px;height:545px}.contact-hero h3{font-size:21px}.phone-mini-cards>div{min-height:62px}}
@media(max-width:600px){.phone{right:3%;width:235px;height:455px}.phone-screen{padding:10px 9px 8px}.appbar{margin-bottom:10px}.appbar img{width:19px;height:19px}.appbar strong{font-size:9px}.contact-hero{padding-top:3px}.contact-hero small{font-size:5px;margin-bottom:8px}.contact-hero h3{font-size:17px;margin-bottom:7px}.contact-hero p{font-size:7px}.phone-contact{grid-template-columns:24px 1fr 12px;padding:8px 8px;margin-bottom:10px}.mail-icon{width:22px;height:22px;font-size:10px}.phone-contact strong{font-size:7px}.phone-contact b{font-size:11px}.phone-mini-cards{gap:4px}.phone-mini-cards>div{min-height:50px;padding:5px 2px}.phone-mini-cards span{font-size:10px}.phone-mini-cards small{font-size:5px}.phone-signature{margin-top:10px;font-size:7px}.phone-tabs{height:32px}.phone-tabs span{font-size:9px}}


/* ===== Requested final hero adjustments ===== */
.glass-widget{display:none!important}
.phone{z-index:30}
.phone-contact{position:relative;z-index:40;cursor:pointer;pointer-events:auto;text-decoration:none}
.phone-contact *{pointer-events:none}
.phone-tabs{grid-template-columns:repeat(3,1fr);z-index:45;pointer-events:auto}
.phone-tabs a{display:flex;align-items:stretch;justify-content:center;text-decoration:none;color:inherit;min-width:0}
.phone-tabs span{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.phone-tabs span.active{color:#ffc95c}
.quote-section{display:none!important}
@media(max-width:600px){.phone-tabs{height:32px}.phone-tabs small{font-size:5px}}

/* ===== Smartphone interaction refinement ===== */
.phone-screen{position:relative;isolation:isolate;pointer-events:auto}
.phone-contact{
  position:relative;
  z-index:60;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.phone-contact::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:20px;
  background:transparent;
  z-index:-1;
  pointer-events:auto;
}
.phone-contact:hover,
.phone-contact:focus-visible{
  border-color:rgba(255,201,92,.95);
  background:linear-gradient(145deg,rgba(255,201,92,.27),rgba(19,58,78,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 24px rgba(255,201,92,.24),0 14px 32px rgba(0,0,0,.30);
  transform:translateY(-2px) scale(1.015);
  outline:none;
}
.phone-contact:active{transform:translateY(0) scale(.985)}
.phone-contact *{pointer-events:none}
.phone-tabs{z-index:70;pointer-events:auto}
.phone-tabs a{
  position:relative;
  z-index:71;
  min-width:0;
  border-radius:10px;
  transition:background .2s ease,filter .2s ease;
  cursor:pointer;
  touch-action:manipulation;
}
.phone-tabs a::before{
  content:"";
  position:absolute;
  inset:1px 2px;
  border-radius:9px;
  background:transparent;
  box-shadow:0 0 0 rgba(255,201,92,0);
  transition:background .2s ease,box-shadow .2s ease;
  pointer-events:none;
}
.phone-tabs a:hover::before,
.phone-tabs a:focus-visible::before{
  background:rgba(255,201,92,.08);
  box-shadow:0 0 18px rgba(255,201,92,.18),inset 0 0 12px rgba(77,211,255,.06);
}
.phone-tabs a:hover span,
.phone-tabs a:focus-visible span{
  color:#fff;
  text-shadow:0 0 10px rgba(255,201,92,.55),0 0 18px rgba(73,211,255,.20);
}
.phone-tabs a:hover span:first-child,
.phone-tabs a:focus-visible span:first-child{transform:translateY(-1px)}
.phone-tabs a:focus-visible{outline:1px solid rgba(255,201,92,.7);outline-offset:-1px}
.phone-tabs span{position:relative;z-index:72;transition:color .2s ease,text-shadow .2s ease,transform .2s ease}
@media(max-width:600px){
  .phone-contact::before{inset:-5px;border-radius:16px}
  .phone-tabs a::before{inset:0 1px}
}

/* ===== Final smartphone transparency + interaction fix ===== */
.phone-screen{
  background:rgba(3,10,17,.18);
  backdrop-filter:blur(1.5px) saturate(120%);
  -webkit-backdrop-filter:blur(1.5px) saturate(120%);
}
.phone-contact::before{
  z-index:0;
  inset:-11px;
  border-radius:22px;
  background:transparent;
  pointer-events:auto;
}
.phone-contact > *{
  position:relative;
  z-index:1;
}
.phone-contact{
  isolation:isolate;
}
@media(max-width:600px){
  .phone-contact::before{inset:-12px;border-radius:20px}
}


/* ===== Final smartphone glass + reliable hover hit area ===== */
.phone-frame{
  padding:9px;
  border:0;
  background:linear-gradient(145deg,#73879a 0%,#172330 10%,#03070c 47%,#304557 90%,#b88a39 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),inset 0 0 0 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12);
}
.phone-frame:after{display:none}
.phone-screen{
  z-index:1;
  background:rgba(3,10,17,.34);
  backdrop-filter:blur(1.2px) saturate(118%);
  -webkit-backdrop-filter:blur(1.2px) saturate(118%);
  box-shadow:inset 0 0 50px rgba(72,196,234,.055);
}
.phone-screen:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:44px;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 32%,transparent 72%,rgba(255,201,92,.018));
  pointer-events:none;
  z-index:0;
}
.phone-screen > *{position:relative;z-index:1}
.phone-notch{z-index:5}

/* Bottom navigation sits flush against the bottom of the display, like a real mobile app. */
.phone-tabs{
  left:0;
  right:0;
  bottom:0;
  height:52px;
  border-top:1px solid rgba(154,194,212,.15);
  border-radius:0 0 44px 44px;
  background:rgba(2,8,13,.68);
  backdrop-filter:blur(8px) saturate(125%);
  -webkit-backdrop-filter:blur(8px) saturate(125%);
  padding:4px 8px 3px;
}
.phone-screen{padding-bottom:58px}

/* The visual button stays unchanged; proximity hover also covers a generous area around it. */
.phone-contact.proximity-hover,
.phone-contact:hover,
.phone-contact:focus-visible{
  border-color:rgba(255,201,92,.95);
  background:linear-gradient(145deg,rgba(255,201,92,.27),rgba(19,58,78,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 24px rgba(255,201,92,.24),0 14px 32px rgba(0,0,0,.30);
  transform:translateY(-2px) scale(1.015);
  outline:none;
}


/* ===== CTA hover hit area: larger than the visible button, without changing its look ===== */
.phone-contact-hit{
  position:relative;
  z-index:60;
  margin:-7px -4px 3px;
  padding:11px 7px 7px;
  pointer-events:auto;
}
.phone-contact-hit:hover .phone-contact,
.phone-contact-hit:focus-within .phone-contact,
.phone-contact.proximity-hover{
  border-color:rgba(255,201,92,.95);
  background:linear-gradient(145deg,rgba(255,201,92,.27),rgba(19,58,78,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 24px rgba(255,201,92,.24),0 14px 32px rgba(0,0,0,.30);
  transform:translateY(-2px) scale(1.015);
}
.phone-contact-hit .phone-contact{margin:0;width:100%;}
.phone-contact-hit::before{
  content:"";
  position:absolute;
  inset:-7px -5px -9px;
  pointer-events:none;
}
@media(max-width:600px){
  .phone-contact-hit{margin:-5px -3px 2px;padding:7px 5px 5px}
  .phone-contact-hit::before{inset:-6px -4px -7px}
  .phone-screen{padding-bottom:45px}
  .phone-tabs{left:0;right:0;bottom:0;height:40px;border-radius:0 0 34px 34px;padding:3px 6px 2px}
}

/* ===== Final smartphone layout: opaque display + tabs flush to bottom ===== */
.phone-screen{
  background:radial-gradient(circle at 50% 8%,#172e3c 0,#07121d 38%,#02070c 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding-bottom:12px !important;
}
.phone-tabs{
  position:absolute !important;
  top:auto !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:52px !important;
  margin:0 !important;
  padding:4px 8px 3px !important;
  border-radius:0 0 44px 44px !important;
  background:rgba(2,8,13,.96) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:100 !important;
  pointer-events:auto !important;
}
.phone-tabs a{position:relative !important;z-index:101 !important;pointer-events:auto !important}
@media(max-width:600px){
  .phone-screen{padding-bottom:8px !important}
  .phone-tabs{
    left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
    width:100% !important;height:40px !important;
    border-radius:0 0 34px 34px !important;
    padding:3px 6px 2px !important;
  }
}

/* FINAL FIX: remove diagonal highlight that visually made half the phone look transparent. */
.phone-screen:after{display:none !important;content:none !important;background:none !important;}
.phone-screen{background:#07121d !important;opacity:1 !important;}
.phone-frame,.phone-screen{isolation:isolate;}

/* HARD OVERRIDE: the phone display is intentionally fully opaque. */
.phone-screen{background:#07121d !important;opacity:1 !important;isolation:isolate !important;}
.phone-screen::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;border-radius:44px !important;background:#07121d !important;opacity:1 !important;pointer-events:none !important;z-index:0 !important;}
.phone-screen::after{display:none !important;content:none !important;}
.phone-screen > *{position:relative;z-index:2;}
.phone-notch{z-index:5 !important;}
.phone-tabs{z-index:100 !important;background:#02080d !important;opacity:1 !important;}
.phone-tabs{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;margin:0 !important;}

/* FINAL DISPLAY FIX: absolutely opaque smartphone screen. */
.phone-screen, .phone-screen::before, .phone-screen::after {
  background: #07121d !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
.phone-screen::before { content: none !important; display: none !important; }
.phone-screen::after { content: none !important; display: none !important; }
.phone-frame { mix-blend-mode: normal !important; }

/* FINAL FINAL: keep every background/orbit layer behind the physical phone. */
.hero-stage { isolation:isolate !important; }
.hero-lines, .hero-stage:before, .phone-glow, .phone-orbit { z-index:0 !important; }
.phone { z-index:50 !important; isolation:isolate !important; transform-style:flat !important; }
.phone-frame { z-index:51 !important; isolation:isolate !important; }
.phone-screen { z-index:52 !important; isolation:isolate !important; background:#07121d !important; background-image:none !important; opacity:1 !important; }
.phone-screen::before, .phone-screen::after { display:none !important; content:none !important; }
.phone-screen > * { position:relative; z-index:2 !important; }
.phone-tabs { z-index:100 !important; }

.phone-opaque-bg { position:absolute !important; inset:0 !important; border-radius:44px !important; background:#07121d !important; opacity:1 !important; z-index:0 !important; pointer-events:none !important; }

/* Impressum: logo intentionally subtle, matching the homepage header scale. */
.site-header .brand-logo{width:38px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 0 7px rgba(255,197,83,.14));mix-blend-mode:screen}
@media(max-width:600px){.site-header .brand-logo{width:32px;height:32px}}

/* ===== Impressum – clean, spacious legal layout ===== */
.legal-page{
  min-height:72vh;
  padding:112px 24px 92px;
}
.legal-hero{
  max-width:860px;
  margin:0 auto;
  padding:54px 0 38px;
  text-align:center;
}
.legal-hero .section-kicker{
  margin-bottom:14px;
}
.legal-hero h1{
  margin:0 0 14px;
  font-size:clamp(3rem,6vw,5rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.legal-intro{
  max-width:590px;
  margin:0 auto;
  color:#aebdca;
  font-size:1.03rem;
  line-height:1.75;
}
.legal-content{
  max-width:860px;
  margin:0 auto;
  padding:20px 0 0;
}
.legal-sheet{
  border:1px solid rgba(166,210,229,.15);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(17,32,47,.72),rgba(5,12,20,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.24);
  overflow:hidden;
}
.legal-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 30px;
  border-bottom:1px solid rgba(166,210,229,.11);
  color:#ffc95c;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.18em;
}
.legal-sheet-head small{
  color:#74899b;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:none;
}
.legal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.legal-block{
  padding:34px 32px 36px;
  border-bottom:1px solid rgba(166,210,229,.10);
}
.legal-block:nth-child(odd){border-right:1px solid rgba(166,210,229,.10)}
.legal-block-wide{
  grid-column:1 / -1;
  border-right:0!important;
}
.legal-label{
  margin-bottom:12px;
  color:#67d9f6;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.18em;
}
.legal-block h2{
  margin:0 0 8px;
  color:#f5f8fc;
  font-size:1.25rem;
  letter-spacing:-.025em;
}
.legal-block p{
  margin:0;
  color:#afbfcc;
  line-height:1.75;
}
.legal-block .legal-name{
  color:#f0f5f9;
  font-weight:650;
  margin-bottom:5px;
}
.legal-contact{
  margin-top:13px!important;
}
.legal-contact a{
  color:#ffc95c;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(255,201,92,.32);
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}
.legal-contact a:hover{
  color:#fff;
  border-color:#ffc95c;
}
.legal-meta{
  padding:20px 30px 22px;
  background:rgba(255,255,255,.018);
}
.legal-meta-label{
  color:#708596;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.17em;
}
.legal-meta p{
  margin:6px 0 0;
  color:#879aaa;
  font-size:.84rem;
  line-height:1.6;
}
/* Keep the logo/header as subtle as on the homepage – never oversized on legal pages. */
.legal-page ~ *{}
.site-header .brand-logo{
  width:38px!important;
  height:38px!important;
  border-radius:0!important;
}
@media(max-width:700px){
  .legal-page{padding:88px 18px 64px}
  .legal-hero{padding:42px 0 28px}
  .legal-hero h1{font-size:3.25rem}
  .legal-sheet{border-radius:22px}
  .legal-sheet-head{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:5px}
  .legal-grid{grid-template-columns:1fr}
  .legal-block{padding:27px 22px 29px;border-right:0!important}
  .legal-block-wide{grid-column:auto}
  .legal-meta{padding:18px 22px 20px}
}

/* ===== Mobile navigation + performance pass ===== */
.mobile-menu-btn{display:none}
.mobile-menu{display:none}

@media(max-width:1000px){
  .desktop-nav,.desktop-cta{display:none!important}
  .mobile-menu-btn{
    display:flex;
    width:42px;height:42px;padding:9px;
    flex-direction:column;align-items:center;justify-content:center;gap:5px;
    border:1px solid rgba(166,210,229,.20);border-radius:12px;
    background:rgba(7,15,25,.78);color:#fff;cursor:pointer;
    margin-left:auto;position:relative;z-index:102;
  }
  .mobile-menu-btn span{display:block;width:19px;height:1.5px;background:#dbe7ef;border-radius:2px;transition:transform .2s,opacity .2s}
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-menu.open{
    display:flex;position:absolute;top:72px;left:12px;right:12px;
    padding:10px;flex-direction:column;gap:2px;
    border:1px solid rgba(166,210,229,.16);border-radius:16px;
    background:#07111d;box-shadow:0 22px 55px rgba(0,0,0,.45);z-index:101;
  }
  .mobile-menu a{display:block;padding:12px 14px;border-radius:10px;color:#dbe5ee;font-size:14px}
  .mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(255,201,92,.08);color:#fff}
}

@media(max-width:700px),(pointer:coarse){
  /* Avoid continuous scroll calculations and expensive compositing on phones. */
  .ambient,.grain{display:none!important}
  .glass-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#07101b!important}
  .glass-panel,.btn.ghost{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .phone,.floating-app-card,.glass-widget{animation:none!important}
  .hero-stage>*{will-change:auto!important}
  .phone-glow{filter:none!important;opacity:.45}
  .phone-orbit{filter:none!important;box-shadow:none!important}
  .stage-grid{display:none!important}
  .depth-ring{box-shadow:none!important}
  .hero:before{background:radial-gradient(circle at 72% 42%,rgba(25,115,155,.13),transparent 27%)}
  .glass-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.18)}
  .glass-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.18)}
  .float-app{filter:none!important}
  .phone-frame{box-shadow:0 18px 45px rgba(0,0,0,.45)!important}
}

/* Mobile/tablet: Apps always in compact 3-column blocks */
@media (max-width: 1000px){
  .apps-panel .cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px;
  }
}

/* Mobile: Apps in compact 3-column blocks */
@media (max-width: 600px){
  .apps-panel{padding:20px 14px}
  .apps-panel .section-head{margin-bottom:20px}
  .apps-panel .section-head h2{font-size:30px}
  .apps-panel .section-head>p{font-size:12px;line-height:1.5}
  .apps-panel .cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
  }
  .apps-panel .card{
    min-height:0;
    border-radius:14px;
  }
  .apps-panel .icon-wrap{
    height:auto;
    min-height:88px;
    padding:10px 6px;
  }
  .apps-panel .appicon{
    width:68px;
    height:68px;
    border-radius:22%;
    box-shadow:0 8px 16px rgba(0,0,0,.35),0 0 0 4px rgba(255,255,255,.018);
  }
  .apps-panel .card-body{
    padding:10px 8px 11px;
  }
  .apps-panel .card h3{
    margin:0 0 4px;
    font-size:12px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .apps-panel .card p{
    font-size:9px;
    line-height:1.35;
    min-height:0;
    margin:0 0 7px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .apps-panel .store{
    font-size:8px;
    line-height:1.2;
  }
  .apps-panel .store b{font-size:10px}
}