@font-face{font-family:'TeleNeo';src:url('../assets/fonts/tele-neo-var.woff2') format('woff2');font-weight:250 900;font-style:normal;font-display:swap}@font-face{font-family:'TeleNeo';src:url('../assets/fonts/tele-neo-italic-var.woff2') format('woff2');font-weight:250 900;font-style:italic;font-display:swap}@font-face{font-family:'TeleNeo Marker';src:url('../assets/fonts/tele-neo-marker.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'TeleIcon';src:url('../assets/fonts/tele-icon-outline.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
*{box-sizing:border-box}body{margin:0;background:#f4f1ed;color:#211c20;font-family:'TeleNeo',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #0094a0;outline-offset:4px}header{height:98px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0001}header>a img{width:43px;height:43px;display:block}nav{display:flex;gap:23px;font-size:11px;color:#655d58}nav a[aria-current],nav a:hover{color:#e20074}main{max-width:1080px;padding:50px 35px 0;margin:auto}.intro{text-align:center;margin-bottom:50px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#e20074;font-weight:bold;margin:0 0 20px}.intro h1{font-size:52px;line-height:1.07;letter-spacing:-2.2px;font-weight:500;margin:0 0 20px}.intro h1 em{font-family:'TeleNeo Marker','TeleNeo',sans-serif;color:#e20074;font-weight:400}.intro>p:last-child{font-size:15px;line-height:1.6;color:#6f636a;margin:0}.drafts{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:890px;margin:auto}.draft{min-width:0}.draft-title{display:flex;align-items:center;gap:15px;min-height:73px;margin:0 auto 25px;max-width:350px}.draft-title>span{font-size:10px;color:#e20074;border:1px solid #e2007444;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.draft-title h2{font-size:22px;font-weight:500;line-height:1.05;letter-spacing:-.6px;margin:0}.draft-title small{display:block;font-size:7px;font-weight:400;color:#84777f;letter-spacing:1.2px;margin-top:11px}.ar-phone{max-width:350px;margin:auto;background:#161216;border:8px solid #181518;border-radius:38px;overflow:hidden;box-shadow:0 22px 37px #392a3326;color:#fff}.camera-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;gap:10px}.camera-top>span{font-size:20px;color:#b3a4ae}.camera-top b{font-size:10px;font-weight:500;flex:1}.camera-top small{font-size:6px;letter-spacing:.7px;color:#93818d}.camera-view{position:relative;aspect-ratio:9/14.5;overflow:hidden}.camera-view>img{width:100%;height:100%;object-fit:cover;display:block;object-position:center}.filter-name{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;font-weight:bold;text-shadow:0 1px 6px #000}.filter-name span{display:block;font-size:7px;letter-spacing:.2px;font-weight:400;margin-top:5px}.camera-corner{position:absolute;border-color:#ffffff88;border-style:solid;width:16px;height:16px}.tl{top:14px;left:14px;border-width:1px 0 0 1px}.tr{top:14px;right:14px;border-width:1px 1px 0 0}.bl{bottom:14px;left:14px;border-width:0 0 1px 1px}.br{bottom:14px;right:14px;border-width:0 1px 1px 0}.camera-bottom{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.camera-bottom img{width:27px;height:27px;display:block}.camera-bottom>span:last-child{font-size:6px;letter-spacing:.6px;color:#988792;width:35px;text-align:right}.shutter{width:47px;height:47px;border:3px solid white;border-radius:50%;position:relative}.shutter:before{content:'';position:absolute;inset:4px;border-radius:50%;background:#fff}.preview-switch{display:flex;justify-content:center;gap:8px;margin:24px auto 0;max-width:350px}.preview-switch button{background:none;border:1px solid #d3c8cd;border-radius:20px;padding:9px 15px;font-size:10px;color:#776a72}.preview-switch button[aria-pressed=true]{background:#e20074;border-color:#e20074;color:#fff}.draft-copy{max-width:350px;margin:30px auto 0}.draft-copy h3{font-size:21px;line-height:1.2;letter-spacing:-.6px;font-weight:500;margin:0 0 15px}.draft-copy>p{font-size:13px;line-height:1.7;color:#75676f;margin:0 0 18px}.draft-copy .draft-line{color:#e20074;font-size:15px;font-family:'TeleNeo Marker','TeleNeo',sans-serif;font-style:italic;border-top:1px solid #d9cfd5;padding-top:16px}.steps{max-width:350px;margin:25px auto 0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:14px 0 14px 32px;border-top:1px solid #ddd4d9}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:15px;font-size:8px;color:#e20074}.steps b{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.steps span{font-size:11px;color:#867780;line-height:1.5;display:block}.creation-view{aspect-ratio:9/14.5;background:#dfcfb7;position:relative;color:#493e34}.creation-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#e6d5bb}.creation-result>img{width:100%;height:auto;display:block}.creation-eyebrow{position:absolute;top:19px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.2px;color:#6f5a43;z-index:1}.creation-copy{position:absolute;bottom:19px;left:0;right:0;text-align:center;font-size:17px;line-height:1.2;letter-spacing:-.5px;font-weight:500;color:#433728}.creation-copy em{color:#bd0060;font-family:'TeleNeo Marker','TeleNeo',sans-serif;font-size:22px;font-weight:400}.creation-chooser{position:absolute;inset:0;padding:35px 23px;display:flex;flex-direction:column;justify-content:center;background:#faeee2}.creation-chooser>p{font-size:28px;line-height:1.08;letter-spacing:-1px;margin:0 0 28px}.face-slots{display:flex;align-items:center;justify-content:space-between;gap:15px}.face-slots>span{font-size:22px;color:#b392a5}.face-slots>div{width:42%;text-align:center}.face-slots img{aspect-ratio:1;object-fit:cover;object-position:50% 30%;width:100%;border-radius:15px;display:block;border:2px solid #e2007433}.face-slots>div:last-child img{object-position:50% 25%}.face-slots b{display:block;font-size:9px;margin-top:10px;font-weight:500}.creation-chooser>small{font-size:10px;color:#847067;line-height:1.5;display:block;margin:24px 0}.creation-chooser>button{background:#e20074;color:#fff;border:0;border-radius:9px;padding:13px 12px;font-size:11px}.concept-note{max-width:890px;border-top:1px solid #d8cdd3;margin:45px auto 0;padding:22px 0 0;font-size:10px;line-height:1.7;color:#97858f}footer{max-width:1010px;margin:35px auto 0;padding:25px 0 30px;display:flex;gap:20px;align-items:center;border-top:1px solid #ddd3d8}footer img{width:28px;height:28px;display:block}footer p{font-size:9px;line-height:1.6;color:#90808a;margin:0;max-width:800px}[hidden]{display:none!important}@media(max-width:900px){.drafts{gap:55px}.intro h1{font-size:45px}footer{margin-left:35px;margin-right:35px}.draft-title h2{font-size:20px}.camera-top b{font-size:8px}.camera-top small{font-size:5px}.camera-bottom{height:65px}.shutter{width:42px;height:42px}.draft-copy h3{font-size:19px}.draft-copy>p{font-size:12px}.creation-chooser{padding:24px 19px}.creation-chooser>p{font-size:24px}.preview-switch button{padding:9px 11px;font-size:9px}}@media(max-width:650px){header{height:80px;padding:0 22px}header>a img{width:36px;height:36px}nav{gap:13px;font-size:9px}main{padding:35px 25px 0}.intro{margin-bottom:35px}.intro h1{font-size:37px;letter-spacing:-1.7px}.intro>p:last-child{font-size:13px}.drafts{grid-template-columns:1fr;gap:48px;max-width:350px}.draft-title{min-height:0;margin-bottom:22px}.draft-title h2{font-size:23px}.camera-top b{font-size:10px}.camera-top small{font-size:6px}.camera-bottom{height:75px}.shutter{width:47px;height:47px}.draft-copy h3{font-size:21px}.draft-copy>p{font-size:13px}.preview-switch button{font-size:10px;padding:9px 13px}.creation-chooser>p{font-size:28px}.concept-note{margin-top:35px}footer{margin:30px 25px 0;gap:15px}footer p{font-size:8px}}

/* Supplied Telekom typefaces. Instagram's UI wordmark remains a platform element. */
body{font-family:'TeleNeo',Arial,sans-serif}.intro h1 em,h1 em,h2 em,h3 em,.hero em,.closing em{font-family:'TeleNeo Marker','TeleNeo',sans-serif;font-style:normal;font-weight:700}.hook{font-family:'TeleNeo',Arial,sans-serif;font-style:italic}