:root{--ink:#20271f;--green:#4f684c;--lime:#d8ef81;--cream:#f8f8f0;--muted:#71796f;--line:#dfe4d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{height:88px;border-bottom:1px solid #e4e8de}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font:800 30px 'Outfit',sans-serif;letter-spacing:-1.8px}.brand-mark{color:#71946b;font-size:30px;vertical-align:-2px;margin-right:4px}.brand-dot,.period{color:#85a96a}.nav nav{display:flex;gap:42px;font-size:14px;font-weight:700}.nav nav a:hover,.text-link:hover{color:#72945e}.nav-link{font-size:13px;font-weight:700;border:1px solid #c9d2c4;padding:12px 18px;border-radius:30px}.nav-link span{margin-left:14px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:40px;padding-bottom:55px}.eyebrow{font:700 11px 'DM Sans',sans-serif;letter-spacing:2px;color:#70836a}.spark{font-size:17px;color:#81a875;margin-right:8px}.hero h1{font-size:clamp(44px,4.5vw,64px);letter-spacing:-3.4px;line-height:1.27;margin:23px 0}.hero h1 span:not(.period){color:#72946a}.hero-copy>p{font-size:16px;line-height:1.9;color:#6f786d}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:45px;border-radius:7px;padding:17px 21px;font-size:14px;font-weight:700}.primary{background:#263b2d;color:#fff}.primary:hover{background:#49634b}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:12px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:65px;color:#8a9687;font-size:9px;letter-spacing:1.1px;line-height:1.7}.hero-note strong{color:#788576;font-size:11px;letter-spacing:0}.note-icon{display:grid;place-items:center;border:1px solid #d9e1d2;width:35px;height:35px;border-radius:50%;font-size:15px;color:#91a988}.hero-art{height:495px;position:relative;overflow:hidden}.art-bg{position:absolute;inset:40px 25px 25px;background:#e8eedc;border-radius:48% 48% 43% 45%;transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #bfcfb8;border-radius:50%;inset:70px 60px;transform:rotate(-24deg)}.orbit-two{inset:100px 30px;transform:rotate(30deg)}.art-card{position:absolute;border-radius:18px;box-shadow:0 24px 48px #31462b25}.art-card-back{width:214px;height:270px;background:#b9d0a3;top:99px;left:19%;transform:rotate(-16deg);padding:25px;color:#f6f9ec;display:flex;flex-direction:column;justify-content:space-between}.art-card-back span{font-size:60px}.art-card-back small{font:700 12px 'Outfit';letter-spacing:2px}.art-card-front{width:235px;height:295px;background:#f2cbb3;top:84px;left:40%;transform:rotate(11deg);padding:23px;display:flex;flex-direction:column;justify-content:space-between}.card-top,.card-bottom{display:flex;justify-content:space-between;font:700 9px 'Outfit';letter-spacing:1.2px;color:#765f53}.card-top span:last-child{font-size:20px}.card-bottom{align-items:end;line-height:1.5}.smile{width:130px;height:130px;border-radius:50%;background:#f7efce;margin:auto;position:relative;box-shadow:inset -7px -8px 0 #e9dcba}.smile i{position:absolute;width:8px;height:13px;background:#55664e;border-radius:50%;top:43px;left:40px}.smile i:nth-child(2){left:82px}.smile b{position:absolute;width:47px;height:25px;border-bottom:4px solid #55664e;border-radius:0 0 50% 50%;top:65px;left:41px}.art-star{position:absolute;color:#86a77d}.star-one{top:45px;right:18%;font-size:48px}.star-two{bottom:85px;left:12%;font-size:35px}.star-three{top:135px;right:8%;font-size:20px}.art-pill{position:absolute;bottom:67px;right:3%;background:#fffdf5;border-radius:30px;padding:12px 19px;transform:rotate(-8deg);font:700 10px 'Outfit';letter-spacing:1px;box-shadow:0 8px 20px #243c2420}.art-index{position:absolute;bottom:8px;right:24px;font:600 9px 'Outfit';letter-spacing:1.8px;color:#98aa91}.ticker{background:#d9e995;overflow:hidden;padding:16px 0;white-space:nowrap}.ticker div{width:max-content;min-width:100%;display:flex;justify-content:space-around;gap:34px;font:700 11px 'Outfit';letter-spacing:2px;color:#526844}.ticker span{font-size:16px}.section{padding-top:115px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.green{color:#79956c}.section-heading h2,.about h2{font-size:38px;line-height:1.35;letter-spacing:-2px;margin:17px 0 0}.section-heading h2 span,.about h2 span{color:#7d9475}.section-heading>p{color:#7a8277;font-size:14px;line-height:1.9;margin:0 0 4px}.feature{display:grid;grid-template-columns:1.12fr 1fr;border-radius:14px;overflow:hidden;background:#e7eddf;min-height:390px}.feature-image{position:relative;min-height:390px;background:#bbcdae;overflow:hidden}.feature-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-label{position:absolute;bottom:20px;left:22px;color:#fff;background:#263b2d99;padding:7px 9px;font:600 9px 'Outfit';letter-spacing:1px;border-radius:3px}.feature-number{position:absolute;top:20px;left:22px;color:white;font:700 12px 'Outfit'}.feature-copy{padding:37px 42px;display:flex;flex-direction:column;justify-content:space-between}.feature-top,.feature-bottom,.app-meta{display:flex;justify-content:space-between;align-items:center}.tag{font:700 10px 'Outfit';letter-spacing:1px;background:#d1e69a;color:#4d6845;padding:9px 11px;border-radius:30px}.feature-type,.feature-bottom,.app-meta{font:700 10px 'Outfit';letter-spacing:1.2px;color:#81917d}.feature-kicker{font:700 11px 'Outfit';letter-spacing:2px;color:#7e9874}.feature h3{font:700 46px 'Outfit';letter-spacing:-2px;margin:8px 0 17px}.feature h3 span{font-size:22px;color:#94b184;margin-left:10px}.feature-desc{color:#6c7969;font-size:14px;line-height:1.9}.feature-bottom{border-top:1px solid #cedaca;padding-top:20px;font-family:'Noto Sans KR';letter-spacing:0}.round-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #bdcdb7;border-radius:50%;font-size:16px}.under-feature{display:flex;justify-content:space-between;margin-top:22px;color:#96a491;font:700 10px 'Outfit';letter-spacing:1px}.under-feature span:last-child{font:500 12px 'Noto Sans KR';letter-spacing:0}.under-feature b{color:#9bb68e;margin-left:8px}.apps-section{background:#eff2e9;padding:105px 0 115px}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-card{background:#fbfcf7;border-radius:14px;overflow:hidden}.app-visual{height:235px;position:relative;display:grid;place-items:center;overflow:hidden}.puzzle-visual{background:#f0d8c4}.timer-visual{background:#d8e6d3}.visual-label{position:absolute;bottom:18px;left:23px;font:700 9px 'Outfit';letter-spacing:1.4px;color:#778371}.tile-grid{display:grid;grid-template-columns:repeat(3,56px);gap:7px;transform:rotate(-9deg)}.tile-grid i{height:56px;border-radius:15px;background:#f8eee1;box-shadow:0 5px 0 #d7b99f;display:grid;place-items:center;font-style:normal;font-size:30px;color:#e99f78}.tile-grid i:nth-child(3n+2){color:#99b78a}.tile-grid i:nth-child(3n){color:#e6c45f}.clock{width:154px;height:154px;border-radius:50%;background:#f7f5de;display:grid;place-items:center;box-shadow:0 9px 0 #b8ceb2;transform:rotate(8deg);position:relative}.clock>span{position:absolute;top:-14px;right:-25px;color:#8fae84;font-size:30px}.clock-face{width:118px;height:118px;border:2px solid #b4c9a8;border-radius:50%;position:relative}.clock-face i,.clock-face b{position:absolute;background:#718d6c;border-radius:5px;left:56px;top:24px;width:4px;height:37px;transform-origin:bottom}.clock-face b{transform:rotate(115deg);height:27px;top:34px}.clock-face em{position:absolute;background:#718d6c;width:10px;height:10px;border-radius:50%;top:54px;left:53px}.app-info{padding:26px 28px 30px}.app-info h3{font-size:23px;margin:20px 0 7px;letter-spacing:-.7px}.app-info p{font-size:14px;color:#818a7e;margin:0 0 25px}.app-info>a{display:flex;justify-content:space-between;border-top:1px solid #e8ece3;padding-top:19px;font-size:13px;font-weight:700}.app-info>a:hover{color:#719464}.about{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:90px 1fr 160px;gap:35px;align-items:start}.about-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#dfeccd;color:#799c70;font-size:39px}.about p{font-size:14px;color:#778074;line-height:2;margin:25px 0}.about-stamp{width:135px;height:135px;border:1px solid #b8c7b2;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 9px 'Outfit';letter-spacing:2px;color:#8ca484;line-height:1}.about-stamp strong{font-size:38px;margin:9px}footer{background:#263b2d;color:#e7ede1;padding:55px 0 25px}.footer-main,.footer-bottom{display:flex;justify-content:space-between}.footer-brand .brand-mark{color:#b0ce9c}.footer-main p{font-size:12px;color:#9eafa0}.footer-links{display:flex;gap:25px;font-size:12px;color:#c8d4c4}.footer-bottom{border-top:1px solid #4a5c4b;margin-top:50px;padding-top:20px;color:#90a391;font-size:11px}.footer-bottom a{color:#c6d4c4}@media(max-width:760px){.wrap{width:min(100% - 36px,580px)}.header{height:72px}.nav nav{gap:17px;font-size:12px}.nav-link{display:none}.brand{font-size:25px}.hero{grid-template-columns:1fr;gap:10px;padding-top:55px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-note{margin-top:35px}.hero-art{height:350px}.art-bg{inset:15px 35px}.art-card-back{width:160px;height:205px;top:65px;left:18%}.art-card-front{width:175px;height:225px;top:55px;left:42%;padding:17px}.smile{transform:scale(.75)}.art-pill{bottom:42px}.section,.apps-section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-heading h2,.about h2{font-size:30px}.section-heading>p{margin-top:17px}.feature{grid-template-columns:1fr}.feature-image{min-height:250px}.feature-copy{padding:28px;min-height:310px}.feature h3{font-size:40px}.under-feature{gap:12px}.apps-grid{grid-template-columns:1fr}.app-visual{height:210px}.about{padding-top:75px;padding-bottom:75px;grid-template-columns:1fr;gap:22px}.about-icon{width:55px;height:55px;font-size:28px}.about-stamp{display:none}.footer-main{display:block}.footer-links{margin-top:32px;flex-wrap:wrap}.footer-bottom{gap:20px}.hero-actions{gap:18px}.button{gap:20px}}
/* Web Rider has its own neon racing identity. */
.feature{background:#101c22;color:#e9fcf8}
.feature-image{background:#071017}
.feature-copy{background:linear-gradient(145deg,#14262c,#0b151d)}
.feature .tag{background:#163e3a;color:#8af9e1;border:1px solid #39776c}
.feature .feature-type,.feature .feature-bottom{color:#8aa9a5}
.feature .feature-kicker{color:#66d7ca}
.feature h3 span{color:#73ead9}
.feature .feature-desc{color:#b2c9c5}
.feature .feature-bottom{border-color:#34504c}
.feature .round-arrow{border-color:#456860;color:#8af9e1}
.feature .image-label{background:#081a1ed9;color:#9ae3d9}
.logo-crop{display:inline-block;position:relative;overflow:hidden;width:44px;height:44px;vertical-align:middle;margin-right:3px;mix-blend-mode:multiply}.logo-crop img{position:absolute;max-width:none;width:300%;height:100%;left:-100%;top:0}.footer .logo-crop,.footer-brand .logo-crop{mix-blend-mode:normal;border-radius:5px}