/* Same aurora/depth language as Skaga Play, with Mitt Mail typography and colors. */
html{scroll-behavior:smooth}body.home{background:#06172e;isolation:isolate;overflow-x:clip}.home main,.home header,.home footer{position:relative;z-index:1}.home header{z-index:2}.home header{background:linear-gradient(180deg,#06172ef2,#06172e20);backdrop-filter:blur(12px)}.home .hero{min-height:740px;align-items:center;gap:48px;padding-top:70px;padding-bottom:110px;perspective:1800px}.home .hero h1{font-weight:750;letter-spacing:-.055em;line-height:1.04;font-size:clamp(48px,5.6vw,86px);text-wrap:balance}.home .hero h1 em{background:linear-gradient(105deg,#79f2cf,#87dff4 65%,#bfa5ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}.home .hero .lead{font-size:18px;line-height:1.8;max-width:540px}.home .eyebrow{font-size:11px;letter-spacing:.12em}.home .button{border-radius:12px;box-shadow:0 8px 25px #0002;transition:transform .2s,box-shadow .2s}.home .button:hover{transform:translateY(-3px);box-shadow:0 14px 40px #25d0b02a}.home .button.secondary{background:#0e2942a6;box-shadow:none}.home .app-showcase{position:relative;overflow:visible;border-radius:16px;transform:perspective(1600px) rotateY(-13deg) rotateX(6deg);transform-style:preserve-3d;box-shadow:-28px 40px 80px #0008,0 0 80px #52d8c015;border:1px solid #91f6e54d;background:#0c2138;will-change:transform}.home .window-caption{border-radius:15px 15px 0 0;background:linear-gradient(105deg,#104a58,#28234d);color:#dafff5}.home .app-screenshot{border:0;border-radius:0;display:block}.home .app-showcase figcaption{border-radius:0 0 15px 15px;background:#0d263b;color:#99bace}.mail-preview-switch{position:absolute;left:14px;bottom:-46px;display:flex;gap:6px;transform:translateZ(20px)}.mail-preview-switch button{padding:9px 12px;font:12px inherit;border:1px solid #659aa361;background:#0b2136;color:#c8e5ef;border-radius:9px;cursor:pointer}.mail-preview-switch button[aria-pressed=true]{background:#20545a;color:#98ffe1;border-color:#65e6c6}.mail-device-orbit{position:absolute;width:110px;right:-20px;bottom:-80px;padding:6px 5px 18px;border:2px solid #5d95a3;border-radius:20px;background:#091a2d;box-shadow:-14px 25px 45px #0007;transform:translateZ(65px) rotateY(13deg) rotateZ(5deg);pointer-events:none}.mail-device-orbit img{display:block;width:100%;height:auto;border-radius:14px}.mail-device-orbit span{display:block;text-align:center;font-size:5px;letter-spacing:.1em;margin-top:8px;color:#b6e4ed}.mail-depth-grid{position:fixed;bottom:-100px;left:-30%;width:160%;height:450px;transform:perspective(500px) rotateX(65deg);background-image:linear-gradient(#7be6c00d 1px,transparent 1px),linear-gradient(90deg,#7be6c00d 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000);pointer-events:none;z-index:-1}.home .section{border-top:1px solid #85b9d026;padding-top:66px;padding-bottom:66px}.home .section-heading h2,.home .webmail-teaser h2{font-size:clamp(34px,4.1vw,56px);letter-spacing:-.04em;line-height:1.1}.home .screenshot-card{background:#0c253bd9;border:1px solid #7199b24d;box-shadow:0 22px 50px #0003;transform-style:preserve-3d}.home .screenshot-card:hover{transform:perspective(1200px) translateY(-7px) rotateX(2deg)}.home .download-section{background:linear-gradient(120deg,#134d4b9c,#1a264d9c);box-shadow:0 35px 70px #0003}.home .download-grid article{background:#0a2036b3;border-color:#7397b047}.home .features>div{background:linear-gradient(135deg,#15384bdf,#10253ddf);border:1px solid #75a4bd38;box-shadow:0 20px 35px #0003}.webmail-teaser{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:66px 0 90px}.webmail-teaser p:not(.section-label){max-width:510px;color:#a0bed2;line-height:1.8}.webmail-address{border:1px solid #79b6c260;background:#10263cd9;border-radius:15px;padding:14px 18px;color:#bcd8e5;font-size:12px;box-shadow:0 30px 70px #0005;transform:perspective(1200px) rotateY(-6deg)}.browser-dots{color:#7ee9ce;font-size:8px;letter-spacing:4px;margin-right:12px}.webmail-window{text-align:center;padding:42px 20px 32px;background:radial-gradient(ellipse at center,#20606465,transparent 65%)}.webmail-window>img{display:block;margin:0 auto 18px;border-radius:50%;box-shadow:0 0 40px #61e7bf33}.webmail-window>strong{font-size:29px;color:#8af0d1}.webmail-window>p{margin:10px auto!important}.webmail-window>span{font-size:10px;color:#8aaabd}.mail-experience-controls{position:fixed;bottom:18px;right:18px;z-index:30;display:flex;gap:8px}.mail-experience-controls button{border:1px solid #84c7c95e;border-radius:30px;padding:11px 15px;background:#102b40e8;color:#c7f7e8;font:12px 'Segoe UI',sans-serif;backdrop-filter:blur(12px);cursor:pointer}.mail-experience-controls button:focus-visible,.mail-preview-switch button:focus-visible{outline:3px solid #7ce9d0;outline-offset:4px}.home footer{background:#06152880}.reduced [data-mail-tilt]{transform:none!important;will-change:auto}
[data-theme=day] body.home{--ink:#17364c;--muted:#436980;--mint:#146c6e;background:#eaf3fb;color:var(--ink)}[data-theme=day] .home header{background:#edf6f9d9}[data-theme=day] .home .hero h1 em{background-image:linear-gradient(100deg,#147866,#236a8b,#5f4c99)}[data-theme=day] .home .button.secondary,[data-theme=day] .home .screenshot-card,[data-theme=day] .home .download-grid article,[data-theme=day] .home .features>div,[data-theme=day] .webmail-address{background:#f2f9fbe8;color:#17364c;border-color:#8aafb455}[data-theme=day] .webmail-teaser p:not(.section-label){color:#436980}[data-theme=day] .webmail-window>strong{color:#116d61}[data-theme=day] .home .download-section{background:linear-gradient(125deg,#bde8d8a8,#cbd3f6ac)}
@media(max-width:1000px){.home .hero{min-height:0;grid-template-columns:1fr;padding-top:40px;padding-bottom:100px}.home .hero-copy{max-width:720px}.home .app-showcase{max-width:800px;width:calc(100% - 30px);justify-self:center;transform:perspective(1400px) rotateX(4deg) rotateY(-5deg)}.webmail-teaser{gap:35px}.mail-device-orbit{right:-10px}}
@media(max-width:640px){.home .hero{padding-top:28px;gap:34px}.home .hero h1{font-size:48px}.home .hero .lead{font-size:16px}.home .app-showcase{width:calc(100% - 16px);transform:none}.mail-device-orbit{width:70px;bottom:-48px;right:0;border-radius:13px;padding:4px 3px 11px}.mail-device-orbit img{border-radius:8px}.mail-preview-switch{left:4px;bottom:-40px}.mail-preview-switch button{font-size:10px;padding:8px}.webmail-teaser{grid-template-columns:1fr;gap:30px;padding:45px 0}.webmail-address{transform:none}.home .section{padding-top:44px;padding-bottom:44px}.mail-experience-controls{bottom:10px;right:10px}.mail-experience-controls button{padding:9px 12px;font-size:10px}.mail-depth-grid{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home [data-mail-tilt],.home .screenshot-card:hover{transform:none!important;will-change:auto}.home .button{transition:none}.home .button:hover{transform:none}}
[data-theme=day] .home .language-menu summary,[data-theme=day] .home .language-panel,[data-theme=day] .home .language-panel select,[data-theme=day] .home .translation-notice{background:#f2f9fb;color:#17364c;border-color:#8aafb4}[data-theme=day] .home .language-panel p,[data-theme=day] .home .language-panel small{color:#436980}

.home .mail-light-surface{position:relative;isolation:isolate}
.home .mail-light-surface::after{
 content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,30%),#95ffe344,transparent 62%);
 opacity:0;transition:opacity .2s ease;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home:not(.reduced) .mail-light-surface:hover::after,
 .home:not(.reduced) .mail-light-surface:focus-visible::after{opacity:1}
 .home:not(.reduced) .screenshot-card:hover{box-shadow:0 24px 64px #0005,0 0 28px #69eed632}
}

@media (prefers-reduced-motion:no-preference){
 .home:not(.reduced) .app-showcase,.home:not(.reduced) .screenshot-card{
  translate:0 var(--scroll-depth,0px);rotate:x var(--scroll-tilt,0deg);
 }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .owner-main :is(.card,.visitor-card,.visitor-summary > *){position:relative;isolation:isolate}
 .owner-main :is(.card,.visitor-card,.visitor-summary > *)::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#78f5d640,transparent 65%);
  opacity:0;transition:opacity .18s ease;
 }
 body:not(.reduced) .owner-main :is(.card,.visitor-card,.visitor-summary > *):hover::after{opacity:1}
}

@media (prefers-reduced-motion:no-preference){
 .home:not(.reduced) main > section:not(.hero):not(.mail-scroll-story){
  transform:perspective(1000px) translateY(var(--section-rise,0px)) rotateX(var(--section-angle,0deg));
  transform-origin:center top;
  opacity:var(--section-opacity,1);
 }
 .home main > section:focus-within{
  transform:none!important;
  opacity:1!important;
 }
}

.mail-scroll-story{display:none}
@media (prefers-reduced-motion:no-preference){
 .mail-scroll-story.is-active{display:block;height:205vh}
 .mail-scroll-stage{position:sticky;top:0;height:92vh;display:grid;place-items:center;isolation:isolate;overflow:clip;perspective:1200px;opacity:var(--story-fade,1)}
 .mail-scroll-stage img{position:absolute;height:auto;border:1px solid #8ae6dc66;border-radius:16px;box-shadow:0 22px 60px #0009}
 .mail-story-title{z-index:2;text-align:center;align-self:start;margin-top:7vh;translate:0 var(--story-title-rise,0px);text-shadow:0 2px 28px #06172e,0 2px 15px #06172e}
 .mail-story-title strong{display:block;font-size:clamp(3rem,9vw,8rem);line-height:1.1}
 .mail-story-title span{color:var(--ink);font-size:clamp(.8rem,2vw,1.3rem)}
 .mail-story-desktop{width:min(48%,660px)}
 .mail-story-left{left:2%;top:34%;transform:translateX(var(--story-left,-48%)) rotateY(var(--story-angle,16deg))}
 .mail-story-right{right:2%;bottom:18%;transform:translateX(var(--story-right,52%)) rotateY(calc(0deg - var(--story-angle,16deg)))}
 .mail-story-phone{width:clamp(65px,14%,175px);right:14%;bottom:8%;z-index:3;transform:translateX(var(--story-phone,35%)) rotateY(var(--story-angle,16deg))}
}

/* Keep scrolling available while clipping sideways overflow and hiding the rail. */
html:has(body.home .mail-scroll-story){overflow-x:clip;scrollbar-width:none}
html:has(body.home .mail-scroll-story)::-webkit-scrollbar{display:none}
body.home{overflow-x:clip}
@media (max-width:640px){
 .mail-scroll-story.is-active{height:170svh}
 .mail-scroll-stage{height:88svh}
 .mail-story-title{margin-top:13svh}
 .mail-story-left{top:39%;width:60%}
 .mail-story-right{bottom:20%;width:56%}
 .mail-story-phone{right:10%;bottom:13%}
}

.mail-scroll-progress{
 position:fixed;inset:0 0 auto;height:4px;z-index:60;pointer-events:none;background:#0b243f66;
}
.mail-scroll-progress span{
 display:block;width:100%;height:100%;transform:scaleX(var(--page-progress,0));transform-origin:left center;
 background:linear-gradient(90deg,#76f5d0,#69c9ff 55%,#bb91ff);
 box-shadow:0 0 12px #76f5d0aa;
}
@media (prefers-reduced-motion:no-preference){
 .mail-story-reverse .mail-story-left{left:auto;right:2%;transform:translateX(var(--story-right,64%)) rotateY(var(--story-angle,24deg))}
 .mail-story-reverse .mail-story-right{right:auto;left:2%;transform:translateX(var(--story-left,-62%)) rotateY(calc(0deg - var(--story-angle,24deg)))}
 .mail-story-reverse .mail-story-phone{right:auto;left:14%;transform:translateX(var(--story-left,-62%)) rotateY(var(--story-angle,24deg))}
 .mail-story-lift .mail-story-left{transform:translate(var(--story-left,-62%),var(--story-lift,100px)) rotateX(var(--story-angle,24deg))}
 .mail-story-lift .mail-story-right{transform:translate(var(--story-right,64%),var(--story-lift,100px)) rotateX(var(--story-angle,24deg))}
 .mail-story-lift .mail-story-phone{transform:translate(var(--story-phone,78%),var(--story-lift,100px)) rotateY(var(--story-angle,24deg))}
}