:root{--paper:#f7f4e9;--ink:#25352c;--line:#d0d5c4;--green:#344c3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Apple SD Gothic Neo',sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bd5c3d;outline-offset:4px}img,video{display:block;max-width:100%}img{image-rendering:pixelated}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-2px;line-height:1.2}h1{font-size:clamp(42px,5vw,78px);margin-bottom:26px}h2{font-size:clamp(30px,3vw,47px);margin-bottom:24px}h3{font-size:23px;line-height:1.35}figure{margin:0}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:32px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand span{color:#b7462c}nav{display:flex;gap:22px;font-size:13px}nav [aria-current]{font-weight:bold}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:4;background:white}.eyebrow{font:11px/1.7 monospace;letter-spacing:2px;color:#896b45}.hero{position:relative;background:#bcd9da}.hero-copy{padding:65px 48px 35px;background:var(--paper)}.hero-copy h1{max-width:1000px}.hero-copy p:not(.eyebrow){font-size:21px}.hero video{width:100%;height:clamp(280px,38vw,550px);object-fit:cover;image-rendering:pixelated}.button{display:inline-block;padding:12px 23px;background:var(--green);color:white;text-decoration:none;font-size:14px}.motion{position:absolute;bottom:18px;right:22px;padding:6px 15px;background:#25352ce8;color:white;border:1px solid white}.intro{padding:90px 0}.large{font-size:clamp(21px,2.1vw,31px);line-height:1.75;max-width:1000px}.fact-line{padding-top:24px;border-top:1px solid var(--line);font-size:13px}.heading{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:end}.heading .eyebrow{grid-column:1/-1}.heading p:last-child{color:#5d675d}.steps{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:24px;margin:30px 0 80px}.steps img{width:100%;height:290px;object-fit:cover;object-position:center 65%}.steps span{display:block;color:#a14d32;font:14px monospace;margin:14px 0}.steps h3{font-size:19px}.weather{background:#263a36;color:var(--paper);padding:65px 0}.weather-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.weather img{height:310px;object-fit:cover}.weather .eyebrow{color:#cbbf96}.weather p{color:#d4daca}.growth{padding:90px 0}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.stages img{width:100%}.stages figcaption{margin-top:16px;display:flex;gap:18px;align-items:center;font-size:14px}.stages b{font:36px monospace;color:#778264}.lockbox{display:flex;justify-content:space-between;gap:50px;border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.lockbox>div{max-width:780px}.lockbox img{width:90px;object-fit:contain}.lockbox p{font-size:15px;color:#5d675d}.availability{padding-bottom:90px}.pricegrid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.pricegrid article{padding:35px;background:#e8eadb}.pricegrid article+article{background:var(--green);color:var(--paper)}.small{font-size:12px}.downloads{background:#e7e9db;padding:90px 0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.download-grid a{display:flex;flex-direction:column;padding:27px;border:1px solid #a9b49b;text-decoration:none;font-size:14px;gap:20px}.download-grid b{font:36px Georgia,serif}.download-grid a:hover{background:#d8deca}.filters{display:flex;gap:10px;margin:30px 0}.filters button,.copybox button{border:1px solid #9da98e;background:transparent;padding:8px 18px}.filters [aria-pressed=true]{background:var(--green);color:white}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.asset{background:var(--paper);text-decoration:none;display:block}.asset img{height:220px;width:100%;object-fit:contain;background:#cbd3c0}.asset span{display:flex;justify-content:space-between;padding:15px;font-size:13px}.asset small{font:10px monospace}.asset[hidden]{display:none}.brand-assets{display:flex;gap:30px;margin:50px 0}.brand-assets a{display:block;border:1px solid #a9b49b;padding:25px;font-size:13px;flex:1}.brand-assets img{height:100px;object-fit:contain;margin-bottom:18px}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.videos video{width:100%;height:370px;background:#263a36;object-fit:contain}.videos a{display:block;font-size:13px;margin-top:14px}.copybox{border-block:1px solid #a9b49b;padding:30px 0;margin-top:50px}.copybox p{font-size:21px}.usage{font-size:12px;margin-top:25px;max-width:950px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:75px 0}.contact p{max-width:460px}.contact h3 a{font-size:clamp(16px,2vw,23px);overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:25px 0;font-size:12px}html[lang=ko] h1,html[lang=ko] h2{word-break:keep-all}@media(max-width:700px){header{padding:0 20px;height:80px}.brand{font-size:27px}nav{gap:12px;font-size:11px}.wrap{width:calc(100% - 40px)}.hero-copy{padding:40px 20px 30px}.hero-copy p:not(.eyebrow){font-size:17px}h1{font-size:42px;letter-spacing:-1.8px}h2{font-size:32px;letter-spacing:-1.3px}.intro{padding:50px 0}.heading{display:block}.steps{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.steps img{height:270px}.steps h3{margin-bottom:0}.weather{padding:40px 0}.weather-inner{grid-template-columns:1fr;gap:30px}.weather img{height:220px;width:100%}.growth{padding:50px 0}.stages{grid-template-columns:1fr;gap:30px}.stages img{max-height:320px;object-fit:contain;background:#cbd3c0}.lockbox{gap:20px}.lockbox img{width:65px}.pricegrid,.download-grid,.gallery,.contact{grid-template-columns:1fr}.availability{padding-bottom:50px}.pricegrid article{padding:25px}.downloads{padding:50px 0}.download-grid{gap:12px}.download-grid a{flex-direction:row;align-items:center;gap:24px;padding:20px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.asset img{height:190px}.asset span{display:block;font-size:11px;padding:10px}.asset small{display:block;margin-top:5px}.brand-assets{gap:12px}.brand-assets a{padding:15px}.brand-assets img{height:70px}.videos{grid-template-columns:1fr;gap:30px}.videos video{height:420px}.contact{padding:50px 0;gap:20px}.fact-line{font-size:11px;line-height:2}.eyebrow{font-size:10px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.focus-web,.cycle-web{padding:25px 0 80px}.cycle-web{padding-top:80px}.functional-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}.functional-cards img{width:100%;height:300px;object-fit:contain;background:#e8eadb}.functional-cards h3{margin:20px 0 14px;font-size:23px}.functional-cards p{font-size:17px;line-height:1.8;color:#5d675d}.functional-cards article:first-child img{object-fit:cover}.cycle-cards img{height:360px}.cycle-cards article:first-child img{object-fit:contain}.loop-line{font-size:20px;padding:24px;background:#e7e9db;line-height:1.7;margin-top:30px}.intent,.device-note{font-size:15px;color:#5d675d;line-height:1.8}.device-note{margin:20px 0 0;max-width:800px}@media(max-width:700px){.functional-cards{grid-template-columns:1fr;gap:30px}.functional-cards img,.cycle-cards img{height:300px}.functional-cards article:first-child img{object-fit:contain}.functional-cards h3{font-size:22px;margin-top:16px}.functional-cards p{font-size:16px}.focus-web{padding-bottom:50px}.cycle-web{padding:50px 0 10px}.loop-line{font-size:17px;padding:20px}}
/* Intrinsic dimensions reserve space before lazy images load. */
img{height:auto}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:0;word-spacing:.085em}
.focus-web .functional-cards article:nth-child(2) img{object-fit:contain}
.weather img{object-position:center bottom}
.focus-web .functional-cards article:first-child img{object-fit:contain;object-position:center}
/* Keep the car visible when wide scenery is cropped for narrow screens. */
@media(max-width:700px){.hero video,.steps article:first-child img{object-position:left center}.weather img{object-position:left bottom}}
html[lang=ja] .downloads h2{text-wrap:balance;line-break:strict}
.phrase{display:inline-block}
/* Full product coverage: same paper, ink, pixel imagery and spacing system. */
.section-nav{display:flex;gap:12px 24px;flex-wrap:wrap;padding-top:0;padding-bottom:55px}.section-nav a{font-size:14px;text-underline-offset:5px}.pillars{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0}.pillars span{font-size:16px;font-weight:700;color:#344c3c}.product-feature{padding:55px 0 80px}.product-feature .editorial-cards img{height:370px;object-fit:contain;background:#e6e8d9}.product-feature .support-note,.focus-web .support-note{font-size:15px;line-height:1.8;border-top:1px solid #bac1ad;margin-top:30px;padding-top:18px}.reward-note{font-size:15px;line-height:1.8;color:#5d675c}.product-data{padding:65px 0 90px}.data-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;margin-top:40px}.data-grid figure{margin:0}.data-grid img{height:470px;object-fit:cover;object-position:center bottom}.data-grid figcaption{font-size:16px;line-height:1.7;margin-top:18px}.data-grid article{margin-bottom:27px}.data-grid h3{font-size:23px;margin:0 0 12px}.data-grid p{font-size:17px;line-height:1.8;color:#5d675d}.sample-label{display:block;font-style:normal;font-size:11px;line-height:1.5;opacity:.8;margin-top:4px}.journal-film-title{margin-top:45px}.prices{border-top:1px solid #748576;padding-top:15px}.section-nav~section{scroll-margin-top:30px}@media(max-width:700px){.section-nav{gap:15px 20px;padding-bottom:30px}.product-feature{padding:35px 0 50px}.product-feature .editorial-cards img{height:380px}.data-grid{grid-template-columns:1fr;gap:30px}.data-grid img{height:360px}.product-data{padding:40px 0 60px}.data-grid h3{font-size:22px}.data-grid p{font-size:16px}}

html[lang=ja] h2{text-wrap:balance;line-break:strict}

/* Native UI text needs smooth reduction; scenery keeps its pixel-art rendering. */
img[src*="/screenshots/"]{image-rendering:auto}
html[lang=ko] p{word-break:keep-all;overflow-wrap:break-word}

.product-data figure img{object-position:right bottom}

/* Keep complete native journal and customization panels inside editorial cards. */
.product-feature .editorial-cards article img{object-fit:contain;object-position:center}
