@font-face{font-family:DM;src:url('../component-example/assets/dmsans.ttf');font-weight:100 1000;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#10272b;background:#fcfbf7;font-family:DM,Arial,sans-serif}.service-card{max-width:920px;width:100%;margin:auto;border:1px solid #c8ded7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 3px 0 #dce8e1}.copy{padding:32px 34px 0}.eyebrow{font-size:10px!important;text-transform:uppercase;letter-spacing:.1em;color:#007074!important;margin:0 0 10px!important}.copy h1{font-size:29px;letter-spacing:-.04em;font-weight:600;margin:0 0 12px;line-height:1.2}.copy>p{font-size:16px;line-height:1.55;color:#4c625e;margin:0}.art{width:100%;aspect-ratio:1100/780;position:relative;container-type:inline-size;margin-top:12px;background:radial-gradient(ellipse at 52% 62%,#f6f3e9 0%,#fffefa 42%,#fff 76%);overflow:hidden}.scene{width:100%;height:100%;position:relative}.scene-content{position:absolute;left:0;top:0;width:1100px;height:780px;transform:scale(var(--scene-scale,.65));transform-origin:top left}.cycle{position:absolute;inset:0;width:1100px;height:780px}.browser{position:absolute;left:227px;top:65px;width:548px;height:411px;background:#faf8f2;border:2px solid #58848b;border-radius:19px;overflow:hidden;box-shadow:2px 3px 0 #23595e,4px 7px 0 #b5c6be,2px 22px 28px -16px #193b3a55;transform:perspective(1800px) rotateY(-9deg) rotateZ(-3deg);z-index:3}.chrome{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;color:#deefeb;background:linear-gradient(120deg,#31565c,#071317);border-bottom:1px solid #5b8589}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;background:#00b8b4;border:1px solid #80e9dc;border-radius:50%}.dots i:first-child{background:#ffa126;border-color:#ffdfa8}.dots i:nth-child(2){background:#f4ead2;border-color:#fff}.site{display:block;width:100%;height:270px;object-fit:cover;object-position:top}.site-bottom{height:111px;background:#f5f1e9;border-top:1px solid #dcded5;display:flex;padding:9px 24px;align-items:center;gap:18px;overflow:hidden}.site-note>span{display:block;color:#42787c;font-size:6px;letter-spacing:.12em}.site-note strong{font-family:Georgia,serif;font-size:20px;line-height:.97;font-weight:400;display:block;margin-top:5px}.site-note p{font-size:7px;color:#53635b;margin:5px 0}.room{position:relative;width:170px;height:86px;margin-left:auto}.room img{width:140px;position:absolute;top:-38px;left:0}.discovery{position:absolute;left:775px;top:63px;width:290px;z-index:4}.search{display:flex;align-items:center;gap:10px;background:linear-gradient(130deg,#fff,#f6faf6);border:1px solid #c4dad5;border-radius:30px;height:40px;padding:5px 6px 5px 15px;box-shadow:0 4px 1px -2px #dfebe3,0 10px 18px -12px #5f777555;font-size:13px;transform:rotate(-3deg)}.search-icon{width:14px;height:14px;border:2px solid #13808a;border-radius:50%;position:relative}.search-icon:after{content:'';position:absolute;width:7px;height:2px;background:#13808a;transform:rotate(45deg);top:11px;left:9px}.search-go{margin-left:auto;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#ffd17a,#ffa126);color:#613b0c;font-size:21px;box-shadow:inset 0 1px #fff1c7}.listing{margin:16px 4px 0 19px;display:flex;gap:9px;align-items:center;padding:13px;background:linear-gradient(125deg,#fff,#fffdf6);border:1px solid #dfdfd3;border-radius:10px;box-shadow:0 3px 0 #e6e7de,0 10px 20px -13px #263f3f50;transform:rotate(-3deg);position:relative;z-index:2}.listing strong,.listing span{display:block}.listing strong{font-size:16px;font-weight:550}.listing div>span{font-size:10px;color:#4f6f69;margin-top:3px}.listing-icon{width:30px;height:34px;border:1px solid #b5d8d0;border-radius:7px;background:linear-gradient(135deg,#e9fffa,#b5eee3);display:grid!important;place-items:center;color:#007074;font-size:20px}.web-icon{font-size:27px;color:#007074;margin-left:auto}.map{display:block;width:349px;height:auto;margin-top:-12px;margin-left:-38px;filter:drop-shadow(0 8px 5px #7a775015)}.connection{position:absolute;width:1100px;height:780px;left:0;top:0;z-index:5;pointer-events:none}.station{position:absolute;z-index:6;width:190px;height:200px;transition:filter .25s,transform .25s;filter:drop-shadow(0 15px 12px #47605424)}.station.active{filter:drop-shadow(0 12px 15px #008e8b25)}.podium{position:absolute;bottom:0;left:0;width:100%;height:61px;border-radius:50% / 35%;background:linear-gradient(95deg,#02535e,#168c93 25%,#005663 78%,#003d47);box-shadow:inset 0 -3px 2px #002e3980,2px 4px 0 #beddd2;display:block}.podium:before{content:'';position:absolute;top:-12px;left:0;width:100%;height:48px;border-radius:50%;background:linear-gradient(135deg,#80e6de,#00adaf 47%,#00838b);border:1px solid #adf5e7;box-shadow:inset 0 -5px 8px #00787944}.station-name{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:white;font-size:24px;font-weight:550;letter-spacing:-.02em;text-shadow:0 1px #07565e}.review{left:41px;top:278px;width:166px}.lens{position:absolute;left:26px;top:0;width:129px;height:143px;border-radius:50%;background:linear-gradient(120deg,#b5d6d4,#1d6b78 23%,#164a56 71%,#97cccc);padding:9px;border:2px solid #34616b;box-shadow:inset 2px 2px #efffff,4px 3px 0 #082d39;transform:rotate(12deg)}.lens:after{content:'';position:absolute;width:20px;height:72px;left:6px;bottom:-60px;transform:rotate(34deg);transform-origin:top;background:linear-gradient(90deg,#083743,#3c7e85,#194451);border:1px solid #8cc9c7;border-radius:5px;z-index:-1}.lens-glass{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid #e0fffa;background:#f5faf5;box-shadow:inset 3px 6px 8px #204c5718}.lens-glass img{width:250px;height:141px;object-fit:cover;object-position:top;position:absolute;top:0;left:-55px;opacity:.88}.lens-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#fff8 0%,#fff0 40%,#b0fff126);border-radius:50%}.scan{position:absolute;top:47%;left:0;right:0;height:27%;background:linear-gradient(#00bab000,#00bab02b);border-bottom:2px solid #00b8b4}.improve{left:168px;top:448px;width:217px;height:225px}.improve-page{position:absolute;top:6px;left:12px;width:138px;height:158px;transform:rotate(-8deg);border:2px solid #9cbdb7;border-radius:9px;background:#f4f0e7;box-shadow:3px 2px 0 #d6e2d9,0 9px 18px #12342b1a;overflow:hidden}.improve-page:before{content:'';position:absolute;inset:8px;border:1px solid #fdfbf1;border-radius:3px}.improve-page img{width:158px;position:absolute;left:-11px;top:-28px}.edit-sheet{position:absolute;right:8px;top:64px;width:96px;height:115px;border-radius:8px;background:linear-gradient(135deg,#fffefa,#f0f1e6);border:1px solid #d1d5c8;padding:16px 13px;box-shadow:3px 2px 0 #e2e4d9,0 9px 15px #17271e1a;transform:rotate(5deg)}.edit-sheet>span{display:block;width:40px;height:7px;background:#ffa126;border-radius:4px;margin-bottom:13px}.edit-sheet i{display:block;height:4px;background:#aebfb6;margin:7px 0;border-radius:4px}.edit-sheet i:last-of-type{width:70%}.edit-sheet b{display:grid;place-items:center;color:#fff;background:#007c81;width:21px;height:21px;border-radius:50%;font-size:13px;margin:10px 0 0 auto}.check{left:562px;top:500px;width:246px;height:212px}.monitor{position:absolute;top:2px;left:9px;width:204px;height:131px;border:6px solid #123c47;border-bottom-width:13px;border-radius:10px;background:#fafaf7;box-shadow:2px 2px 0 #8cb7ba,0 10px 20px #0f42342a;transform:rotate(-4deg)}.monitor img{width:100%;height:100%;object-fit:cover;object-position:top}.monitor:after{content:'';position:absolute;width:59px;height:44px;background:linear-gradient(90deg,#80a09f,#d7e3da,#718c8a);clip-path:polygon(28% 0,71% 0,75% 83%,100% 91%,100% 100%,0 100%,0 91%,25% 83%);left:65px;bottom:-52px}.mobile{position:absolute;right:4px;top:42px;width:60px;height:119px;border:4px solid #173e49;border-radius:11px;overflow:hidden;background:#fff;box-shadow:2px 2px 0 #85abaf,0 7px 12px #0f423430;transform:rotate(-3deg)}.mobile:after{content:'';position:absolute;top:3px;left:17px;width:17px;height:4px;border-radius:5px;background:#153c41}.mobile img{width:100%;height:100%;object-fit:cover;object-position:top}.maintain{left:846px;top:368px;width:203px;height:219px}.versions{position:absolute;left:25px;top:9px;width:153px;height:150px;transform:rotate(5deg)}.versions:before,.versions:after{content:'';position:absolute;inset:10px -10px -9px 10px;background:linear-gradient(110deg,#fefef9,#d3ddd2);border:1px solid #b9cbc3;border-radius:10px;box-shadow:2px 2px 0 #e4e8df}.versions:after{inset:5px -5px -4px 5px}.version-sheet{position:relative;z-index:1;background:linear-gradient(130deg,#fffefa,#f0f4eb);border:1px solid #aebfb9;border-radius:10px;height:100%;padding:14px 13px;box-shadow:inset 1px 1px #fff}.version-title{font-size:12px;font-weight:600;border-bottom:1px solid #d3dfd5;padding-bottom:12px;display:flex;justify-content:space-between}.version-sheet>div:not(:first-child){display:flex;align-items:center;gap:7px;margin-top:14px;font-size:10px;color:#3b5852}.version-sheet b{height:6px;width:6px;border-radius:50%;background:#c2d6cb}.version-sheet .live-dot{background:#ffa126}.version-sheet strong{font-weight:500}.version-sheet i{font-size:12px;color:#007074;margin-left:auto;font-style:normal}.care-details{margin:0 34px 18px;border-top:1px solid #dce8e1;padding-top:4px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps button{font:inherit;font-size:13px;color:#4c625e;background:none;border:0;border-bottom:2px solid transparent;padding:15px 0 12px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;min-height:46px}.steps button span{font-size:9px;color:#69817a}.steps button[aria-pressed=true]{color:#00656b;border-color:#00b8b4;font-weight:650}.steps button[aria-pressed=true] span{color:#00656b}.steps button:hover{color:#007074}.detail{font-size:13px;color:#4c625e;line-height:1.55;margin:13px 0 0;min-height:42px;max-width:58ch}.card-foot{padding:20px 34px 25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e9e1;gap:16px}.card-foot>span{font-size:11px;color:#526763}.card-foot a{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;text-decoration:none;color:#007074}.card-foot a>span{display:grid;place-items:center;border:1px solid #bddbd2;border-radius:5px;height:27px;width:27px;font-size:20px;box-shadow:0 2px 0 #d2e4db}a:focus-visible,button:focus-visible{outline:3px solid #007074;outline-offset:3px}@media(max-width:599px){.copy{padding:25px 24px 0}.copy h1{font-size:24px}.copy>p{font-size:14px}.eyebrow{font-size:9px!important}.art{margin-top:18px}.care-details{margin:7px 24px 16px}.steps{gap:7px}.steps button{font-size:12px;gap:4px;padding:13px 0;letter-spacing:-.03em}.steps button span{display:none}.detail{font-size:12px;min-height:55px;margin-top:12px}.card-foot{padding:16px 24px 22px}.card-foot>span{display:none}.card-foot a{font-size:13px}}@media(prefers-reduced-motion:reduce){.station{transition:none}}