:root{--ink:#18251f;--muted:#68706b;--paper:#f5f1e8;--white:#fffdf8;--acid:#df5c4d;--accent-soft:#f7dfd9;--line:#d8d4ca;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
.noise{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.topbar{height:84px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));animation:fade-down .5s ease-out both}.topbar:after{content:"";height:1px;position:absolute;right:0;bottom:0;left:0;background:var(--line);transform:scaleX(0);transform-origin:left;animation:header-line .8s .2s ease-out forwards}
.brand{display:flex;align-items:center;gap:11px;color:inherit;font:800 22px Manrope,sans-serif;letter-spacing:-.04em;text-decoration:none}.brand>span:last-child{animation:brand-name .55s .12s ease-out both}
.brand-mark{width:30px;height:30px;position:relative;display:inline-block;animation:mark-pop .55s cubic-bezier(.22,.9,.3,1.25) both;transition:transform .25s ease}.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.06)}
.brand-mark i{width:15px;height:20px;position:absolute;top:2px;left:4px;border:2px solid var(--ink);border-radius:9px;transform:rotate(-22deg)}.brand-mark i+i{top:5px;left:11px;background:var(--acid);transform:rotate(22deg)}
.status,.ready{display:flex;align-items:center;gap:8px}.status{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.55);color:var(--muted);font-size:12px;font-weight:600;animation:status-in .5s .18s ease-out both}.status i,.ready i{width:7px;height:7px;flex:0 0 auto;border-radius:99px;background:var(--ink);box-shadow:0 0 0 4px rgba(24,37,31,.1)}.status i{animation:status-pulse 2s 1s ease-in-out infinite}.ready i{background:var(--acid);box-shadow:0 0 0 4px rgba(216,255,98,.1)}
main{width:min(1180px,100%);margin:auto;padding:58px 24px 60px}.hero{max-width:900px;margin:auto}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;animation:rise .52s .08s ease-out both}.eyebrow span{padding:5px 7px;background:var(--ink);color:var(--paper)}
h1{margin:0 0 24px;font:800 clamp(50px,7vw,88px)/.98 Manrope,sans-serif;letter-spacing:-.06em;animation:rise .6s .14s cubic-bezier(.22,.8,.25,1) both}h1 em{position:relative;font-style:normal;color:var(--ink)}h1 em:after{content:"";height:7px;position:absolute;z-index:-1;right:0;bottom:-9px;left:0;background:var(--acid);transform:rotate(-1deg) scaleX(0);transform-origin:left;animation:underline .65s .54s ease-out forwards}
.lede{max-width:620px;margin:0 0 32px;color:var(--muted);font-size:18px;line-height:1.6;animation:rise .6s .22s ease-out both}
.link-form{padding:24px;border:1px solid rgba(24,37,31,.14);border-radius:24px;background:var(--white);box-shadow:0 14px 38px rgba(24,37,31,.09),6px 6px 0 var(--acid);animation:rise .65s .3s ease-out both;transition:box-shadow .22s ease,transform .22s ease}.link-form:focus-within{box-shadow:0 18px 44px rgba(24,37,31,.12),6px 6px 0 var(--acid);transform:translateY(-2px)}.form-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.link-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.form-head>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.form-head i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px var(--accent-soft)}
.input-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1.5px solid rgba(24,37,31,.8);border-radius:16px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.input-row:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px var(--accent-soft)}.input-row button{min-height:48px;margin:5px}.link-icon{color:var(--acid);font-size:21px;text-align:center;transition:color .18s ease,transform .18s ease}.input-row:focus-within .link-icon{color:var(--ink);transform:rotate(45deg)}
input{width:100%;min-width:0;padding:17px 8px;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;font-weight:500}input::placeholder{color:#969b97}
button,.download{min-height:52px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:11px;background:var(--ink);color:white;font:700 14px Manrope,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,gap .22s ease,transform .18s ease}button>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);transition:transform .2s ease}button:hover{background:#26362e}button:hover>b{transform:translateX(3px)}.download:hover{background:var(--acid);color:var(--ink)}.download:hover{gap:24px}button:active,.download:active{transform:scale(.98)}button:focus-visible,.download:focus-visible{outline:3px solid var(--acid);outline-offset:3px}button:disabled{cursor:wait;opacity:.86}button .button-loader{width:88px;height:22px;position:relative;display:none;align-items:center;justify-content:space-between}button .button-loader:before{content:"";width:100%;height:2px;position:absolute;top:10px;left:0;background:rgba(255,255,255,.25)}button .button-loader:after{content:"";width:28px;height:2px;position:absolute;top:10px;left:0;background:var(--acid);animation:button-scan 1.15s ease-in-out infinite}button .button-loader i{width:8px;height:8px;z-index:1;border:2px solid white;border-radius:50%;background:var(--ink);animation:button-pulse 1.15s ease-in-out infinite}button .button-loader i:nth-child(2){animation-delay:.1s}button .button-loader i:nth-child(3){animation-delay:.2s}button .button-loader i:nth-child(4){animation-delay:.3s}button.is-loading .button-label,button.is-loading>b{display:none}button.is-loading .button-loader{display:flex}
.form-trust{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:12px;font-weight:500}.form-trust span{display:flex;align-items:center;gap:7px}.form-trust span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--acid)}.message{min-height:1px;margin-top:14px;font-size:14px}
.message.error{padding:14px 16px;border:1px solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink)}
.result{margin-top:34px;padding:24px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;border-radius:22px;background:var(--ink);color:white;box-shadow:8px 8px 0 var(--acid);animation:result-in .42s cubic-bezier(.22,.8,.25,1) both}.cover-wrap{height:220px;position:relative;overflow:hidden;border-radius:14px;background:#2b3a33}.cover-wrap img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.result:hover .cover-wrap img{transform:scale(1.035)}.play{width:45px;height:45px;position:absolute;top:50%;left:50%;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:var(--acid);color:var(--ink);transform:translate(-50%,-50%);animation:play-pulse 2s ease-in-out infinite}
.result-copy{min-width:0;align-self:center}.ready{color:#bac3bd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.result h2{margin:14px 0 5px;overflow:hidden;font:700 25px/1.25 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.result p{margin:0 0 22px;color:#bac3bd}.download{display:inline-flex;background:var(--acid);color:var(--ink)}.download:hover{color:white}.result small{display:block;margin-top:12px;color:#929c96}
.how{max-width:900px;margin:100px auto 0;animation:rise .65s .4s ease-out both}.how-title{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.how-title span{color:var(--muted);font:700 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.how-title h2{margin:7px 0 0;font:700 clamp(25px,3vw,36px)/1.08 Manrope,sans-serif;letter-spacing:-.04em}.how-title>strong{padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font:700 10px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.how ol{position:relative;gap:16px}.how ol:before{content:"";height:2px;position:absolute;top:31px;right:15%;left:15%;background:var(--accent-soft)}.how ol li{min-height:190px;position:relative;z-index:1;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;border:1px solid rgba(24,37,31,.12);border-radius:20px;background:var(--white);box-shadow:0 8px 24px rgba(24,37,31,.06);transition:transform .22s ease,box-shadow .22s ease}.how ol li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(24,37,31,.1)}.step-number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font:700 11px Manrope,sans-serif;box-shadow:0 0 0 6px var(--paper)}h3{margin:0 0 8px;font:700 17px Manrope,sans-serif}.how p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.shortcut-promo{margin-top:18px;padding:20px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-radius:20px;background:var(--ink);color:white;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.shortcut-promo:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,37,31,.14)}.shortcut-promo-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--acid);color:white;font-size:23px;transition:transform .25s ease}.shortcut-promo:hover .shortcut-promo-icon{transform:rotate(45deg)}.shortcut-promo-copy{min-width:0;display:flex;flex-direction:column}.shortcut-promo-copy small{margin-bottom:3px;color:#bfc7c2;font:700 10px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.shortcut-promo-copy strong{font:700 17px/1.3 Manrope,sans-serif}.shortcut-promo-copy>span{margin-top:3px;color:#cbd1cd;font-size:13px}.shortcut-promo>b{display:flex;align-items:center;gap:12px;font:700 12px Manrope,sans-serif;white-space:nowrap}.shortcut-promo>b i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-style:normal;transition:transform .2s ease}.shortcut-promo:hover>b i{transform:translateX(3px)}
footer{width:min(1180px,100%);margin:0 auto;padding:28px 24px calc(35px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:600 10px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}footer a,.back-link{color:var(--ink);text-underline-offset:4px}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
.back-link{font:700 11px Manrope,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.shortcut-main{padding-top:64px}.shortcut-hero{max-width:900px;margin:auto}.shortcut-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--acid);font:700 10px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.shortcut-hero h1{margin:24px 0}.shortcut-open{width:max-content;min-height:52px;margin-top:30px;padding:14px 18px;display:flex;align-items:center;gap:20px;border-radius:12px;background:var(--ink);color:white;font:700 14px Manrope,sans-serif;text-decoration:none;transition:transform .2s ease,background .2s ease}.shortcut-open b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink)}.shortcut-open:hover{background:#26362e;transform:translateY(-2px)}.shortcut-card{max-width:900px;margin:72px auto 0;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:8px 8px 0 var(--ink)}.shortcut-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.shortcut-card-head span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.shortcut-card h2{margin:5px 0 0;font:700 25px Manrope,sans-serif;letter-spacing:-.03em}.shortcut-card-head strong{padding:7px 10px;border-radius:999px;background:var(--acid);font:700 10px Manrope,sans-serif;white-space:nowrap}.shortcut-steps{grid-template-columns:1fr;border-bottom:0}.shortcut-steps li,.shortcut-steps li+li{padding:22px 0;border-right:0;border-left:0}.shortcut-steps li+li{border-top:1px solid var(--line)}.shortcut-steps code{padding:2px 5px;border-radius:5px;background:var(--paper);color:var(--ink);font-size:12px;overflow-wrap:anywhere}.shortcut-note{margin:0;padding:16px 18px;border-radius:12px;background:var(--ink);color:white;font-size:13px;line-height:1.5}
@keyframes fade-down{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes header-line{to{transform:scaleX(1)}}@keyframes mark-pop{from{opacity:0;transform:rotate(-18deg) scale(.6)}to{opacity:1;transform:none}}@keyframes brand-name{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}@keyframes status-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 4px rgba(24,37,31,.08)}50%{box-shadow:0 0 0 7px rgba(24,37,31,0)}}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes underline{to{transform:rotate(-1deg) scaleX(1)}}@keyframes button-scan{0%,100%{transform:translateX(0)}50%{transform:translateX(60px)}}@keyframes button-pulse{0%,100%{background:var(--ink);transform:scale(.82)}50%{background:var(--acid);transform:scale(1.12)}}@keyframes result-in{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}@keyframes play-pulse{0%,100%{box-shadow:0 0 0 0 rgba(216,255,98,.25)}50%{box-shadow:0 0 0 9px rgba(216,255,98,0)}}
@media(max-width:700px){.topbar{height:68px;padding-inline:18px}.status{font-size:0}.status:after{content:"Privat";font-size:11px}main{padding:34px 16px 44px}h1{margin:18px 0;font-size:clamp(40px,11.8vw,56px);line-height:1}h1 em:after{height:5px;bottom:-5px}.lede{margin-bottom:25px;font-size:15px;line-height:1.5}.link-form{padding:13px;box-shadow:5px 5px 0 var(--ink)}.link-form:focus-within{box-shadow:5px 5px 0 var(--acid);transform:translate(-1px,-1px)}.input-row{grid-template-columns:38px minmax(0,1fr)}.input-row button{grid-column:1/-1;justify-content:space-between}.input-row button.is-loading{justify-content:center}input{min-height:54px;padding-right:10px;font-size:16px}.hint{line-height:1.5}.message{margin-top:10px}.result{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:16px;box-shadow:5px 5px 0 var(--acid)}.cover-wrap{height:170px}.result h2{font-size:18px}.download{width:100%;min-height:46px;justify-content:space-between;padding:12px 14px;gap:12px}.result small{font-size:10px}.how{margin-top:72px}ol{grid-template-columns:1fr}ol li{padding:23px 10px 23px 0}ol li+li{padding-left:0;border-top:1px solid var(--line);border-left:0}footer{padding-inline:18px;flex-direction:column;gap:8px}}
@media(max-width:430px){.brand{font-size:19px}.result{grid-template-columns:1fr;gap:16px;padding:13px}.cover-wrap{height:auto;aspect-ratio:16/10}.play{width:42px;height:42px;font-size:12px}.ready{font-size:10px;letter-spacing:.08em}.result h2{margin-top:9px;white-space:normal}.result p{margin-bottom:14px;font-size:13px}.result small{display:none}}
@media(max-width:700px){.shortcut-main{padding-top:36px}.shortcut-hero h1{margin:18px 0}.shortcut-open{width:100%;justify-content:space-between}.shortcut-card{margin-top:52px;padding:18px;border-radius:18px;box-shadow:5px 5px 0 var(--ink)}.shortcut-card-head{flex-direction:column;gap:12px}.shortcut-card h2{font-size:21px}.shortcut-steps li,.shortcut-steps li+li{padding:19px 0}.shortcut-note{font-size:12px}}
@media(max-width:700px){.link-form{padding:16px;border-radius:20px;box-shadow:0 10px 28px rgba(24,37,31,.08),4px 4px 0 var(--acid)}.link-form:focus-within{box-shadow:0 13px 32px rgba(24,37,31,.11),4px 4px 0 var(--acid);transform:translateY(-1px)}.form-head{margin-bottom:11px}.form-head>span{font-size:11px}.form-trust{gap:7px 14px;font-size:11px}.how-title{margin-bottom:18px;align-items:flex-start;flex-direction:column;gap:12px}.how-title h2{font-size:28px}.how ol{gap:12px}.how ol:before{width:2px;height:auto;top:28px;bottom:28px;left:19px;right:auto}.how ol li{min-height:0;padding:19px;flex-direction:row;gap:17px;border-radius:18px}.step-number{width:38px;height:38px;flex:0 0 auto;box-shadow:0 0 0 5px var(--paper)}.shortcut-promo{padding:18px;grid-template-columns:auto minmax(0,1fr);gap:14px;border-radius:18px}.shortcut-promo-icon{width:42px;height:42px;border-radius:12px}.shortcut-promo>b{grid-column:2;justify-content:space-between;white-space:normal}.shortcut-promo-copy>span{line-height:1.45}}
@keyframes card-reveal{from{opacity:.88;transform:translateY(14px)}to{opacity:1;transform:none}}@supports(animation-timeline:view()){.how ol li,.shortcut-promo{animation:card-reveal linear both;animation-timeline:view();animation-range:entry 4% cover 24%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}