:root{--red:#e2231a;--ink:#101010;--paper:#f2f0ea;--acid:#d9ff43}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#121212;color:var(--ink)}
body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#383838 0,#171717 44%,#0c0c0c 100%)}
.banner{width:min(970px,100%);aspect-ratio:970/250;min-height:250px;position:relative;overflow:hidden;display:grid;grid-template-columns:31% 69%;background:var(--paper);isolation:isolate;box-shadow:0 28px 80px #000a;border:1px solid #ffffff30}
.grain{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.copy{padding:18px 12px 14px 29px;position:relative;z-index:3}.lenovo-logo{position:absolute;left:0;top:0;width:18px;height:74px}.eyebrow{display:inline-block;font-size:8px;font-weight:900;letter-spacing:.18em;margin-left:5px;color:#585858}.ai-tag{display:inline-block;margin-left:7px;background:#171717;color:#d9ff43;border-radius:20px;padding:5px 7px;font-size:6px;font-weight:900;letter-spacing:.11em}.copy h1{font-size:33px;line-height:.87;letter-spacing:-.068em;margin:17px 0 11px;text-transform:uppercase;font-weight:900}.copy h1 i{font-family:Georgia,serif;color:var(--red);font-weight:400;text-transform:none;letter-spacing:-.04em}.copy p{font-size:10px;line-height:1.4;margin:0;color:#555}.proofs{display:flex;gap:18px;margin-top:14px}.proofs span{display:grid;grid-template-columns:auto 1fr;gap:5px;align-items:center}.proofs b{font-size:20px;color:var(--red);letter-spacing:-.07em}.proofs small{width:50px;font-size:7px;line-height:1.05;font-weight:800;text-transform:uppercase;color:#585858}
.studio{position:relative;background:linear-gradient(135deg,#ed2c22 0,#c70d07 68%,#a50804 100%);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);overflow:hidden}.orbit{position:absolute;border:1px solid #ffffff35;border-radius:50%}.orbit-a{width:430px;height:430px;left:30px;top:-130px}.orbit-b{width:290px;height:290px;left:105px;top:-66px}.product-wrap{position:absolute;width:330px;height:218px;left:82px;top:16px;filter:drop-shadow(0 18px 20px #58050088)}.product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.screen{position:absolute;left:3.1%;top:6.25%;width:93.5%;height:88.3%;overflow:hidden;background-color:#f7f3eb;background-image:radial-gradient(#d7d1c8 0.7px,transparent .8px);background-size:12px 12px;border-radius:3px;box-shadow:inset 0 0 0 1px #111;z-index:2}.screen-head{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 36px;background:#171717;color:white;font-size:7px;font-weight:700}.screen-head i{color:var(--red);font-style:normal;margin-right:4px}.screen-head small{font-size:5px;letter-spacing:.13em;color:var(--acid)}.tool-rail{position:absolute;left:7px;top:37px;z-index:5;display:flex;flex-direction:column;gap:5px}.tool-rail button{width:22px;height:22px;border:1px solid #ddd8cf;background:#fff;border-radius:7px;font-size:10px;box-shadow:0 3px 8px #0001}.tool-rail button:first-child{background:#171717;color:#fff;border-color:#171717}canvas{position:absolute;inset:25px 0 10px;width:100%;height:calc(100% - 35px);touch-action:none;cursor:none}.live-pen{position:absolute;width:112px;height:auto;z-index:12;pointer-events:none;opacity:0;transform:translate(-4px,-50%) rotate(-34deg);transform-origin:4px 50%;filter:drop-shadow(0 7px 5px #0004);transition:opacity .12s ease,filter .12s ease}.live-pen.visible{opacity:1}.live-pen.is-drawing{filter:drop-shadow(0 4px 4px #0005);transform:translate(-3px,-48%) rotate(-34deg) scale(.98)}.hint{position:absolute;inset:25px 0 10px;display:grid;place-content:center;text-align:center;pointer-events:none;color:#b8b1a7}.hint[hidden]{display:none}.hint .gesture{font-size:26px;color:var(--red);line-height:1}.hint strong{font-size:12px;letter-spacing:.08em;color:#9e968c}.hint span{font-size:6px;margin-top:4px}.ai-state{position:absolute;inset:25px 0 0;background:#f4f0eccc;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:12px;font-size:8px;letter-spacing:.08em}.ai-state[hidden]{display:none}.spinner{width:25px;height:25px;border:2px solid #ddd;border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.art{position:absolute;inset:22px 0 0;overflow:hidden;background:linear-gradient(#ffcf9b 0 48%,#e9775d 49%);animation:reveal .7s cubic-bezier(.2,.8,.2,1) both}.art-1{filter:saturate(1.4);background:linear-gradient(145deg,#351c75,#fe4c77 55%,#ffb34c)}.art-2{filter:grayscale(1) contrast(1.25);background:linear-gradient(#ddd,#888)}@keyframes reveal{from{clip-path:circle(0 at 50% 54%)}to{clip-path:circle(100% at 50% 54%)}}.art b{position:absolute;right:10px;top:9px;color:white;font-size:6px;letter-spacing:.2em}.sun{position:absolute;width:55px;height:55px;border-radius:50%;background:#ffec7a;left:48%;top:20px;box-shadow:0 0 35px #fff187}.mountain{position:absolute;width:220px;height:130px;bottom:-56px;transform:rotate(45deg);background:#422b54}.mountain.one{left:-5px}.mountain.two{right:-20px;background:#724157}.tree{position:absolute;width:5px;height:43px;bottom:0;background:#2f3025}.tree:before{content:"";position:absolute;width:23px;height:55px;background:#384838;border-radius:50%;left:-9px;bottom:25px}.t1{left:20%}.t2{right:16%;transform:scale(.7)}
.pen{position:absolute;width:145px;transition:opacity .15s ease;left:315px;bottom:8px;filter:drop-shadow(0 8px 9px #580400aa);transform:rotate(-10deg);z-index:5}.pen.picked-up{opacity:0}.tool-dock{position:absolute;right:16px;top:16px;width:145px;color:white;z-index:9}.tool-dock>span{display:inline-block;border:1px solid #ffffff55;border-radius:20px;padding:5px 7px;font-size:6px;font-weight:900;letter-spacing:.14em;color:var(--acid)}.tool-dock h3{font-size:23px;line-height:.9;letter-spacing:-.05em;text-transform:uppercase;margin:10px 0}.style-picker{display:flex;flex-wrap:wrap;gap:4px}.style-picker button{border:1px solid #ffffff80;color:white;background:#8f0f0a80;border-radius:20px;padding:6px 8px;font-size:6px;font-weight:800;cursor:pointer}.style-picker .active{color:#111;background:var(--acid);border-color:var(--acid)}.tool-dock .cta{margin-top:10px;background:#171717}.tool-dock small{display:block;font-size:6px;line-height:1.4;color:#ffffff88;margin-top:8px;letter-spacing:.05em}
.cta{width:100%;border:0;background:var(--red);color:white;text-align:left;padding:9px 10px;font-size:8px;font-weight:900;cursor:pointer}.cta:disabled{opacity:.4;cursor:not-allowed}.note{color:#aaa;font-size:11px;letter-spacing:.08em;margin-top:14px}
@media(max-width:760px){.banner{aspect-ratio:auto;grid-template-columns:1fr;max-width:430px}.copy{height:250px;padding-left:35px}.copy h1{font-size:46px}.copy p{font-size:12px}.studio{height:390px;clip-path:none}.product-wrap{left:50%;top:52px;transform:translateX(-50%);width:390px;height:257px}.tool-dock{left:22px;right:auto;top:12px;width:385px}.tool-dock h3{display:none}.style-picker{position:absolute;left:145px;top:0;width:220px}.tool-dock .cta{position:absolute;right:0;top:320px;width:140px}.tool-dock small{display:none}.pen{left:220px}.lenovo-logo{width:22px;height:90px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}