@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Instrument;src:url('/fonts/instrument-serif-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url('/fonts/instrument-serif-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f7f8f2;--ink:#203e34;--muted:#66736a;--line:#dce2d5;--accent:#dfeaaf;--panel:#fff;--serif:Instrument,Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #6a937d;outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:500;letter-spacing:-1px;text-decoration:none}.brand-mark{width:29px;height:36px;overflow:visible}.brand-dot{color:#829769}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{font-size:13px;text-decoration:none}.site-header nav a:hover{color:#62855f}.nav-contact{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:10px 17px;border-radius:50px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.65px;line-height:1.7;margin:0 0 23px;display:flex;align-items:center;gap:12px}.eyebrow-line{width:26px;height:1px;background:#819571}.hero{padding-top:86px;padding-bottom:99px;display:flex;align-items:center;justify-content:space-between;gap:22px}.hero-copy{z-index:1}.hero h1{font-family:var(--serif);font-size:clamp(52px,6.8vw,91px);font-weight:400;letter-spacing:-2.4px;line-height:1.05;margin:0}.hero h1 em{font-weight:400;color:#647758}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.8;margin:28px 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;min-height:47px;border:0;border-radius:50px;padding:12px 23px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#365b49}.subtle{background:#ebeee5;color:var(--ink);border:1px solid var(--line)}.hero-art{width:260px;flex-shrink:0;margin-right:33px;margin-top:5px;text-align:center}.hero-art svg{width:100%;display:block}.hero-art>span{font-size:8px;letter-spacing:2px;color:#829377;display:block;margin-top:0}.products-section{padding-bottom:99px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2,.company-section h2{font-family:var(--serif);font-size:49px;font-weight:400;letter-spacing:-.8px;line-height:1.08;margin:0}.section-heading h2 em,.company-section h2 em{color:#718061}.section-heading>p{color:var(--muted);font-size:13px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.product-preview{height:275px;position:relative;overflow:hidden;margin:10px;border-radius:4px}.preview-0{background:#dce6ee}.preview-1{background:#f0e2d7}.preview-2{background:#e3e8d7}.preview-label{font-size:7px;letter-spacing:1.4px;position:absolute;left:21px;top:20px;color:#607071}.words-preview,.battle-preview,.gallery-preview{height:100%;position:relative}.word-book{position:absolute;top:70px;left:37px;right:30px;background:#f9fcff;padding:20px 25px 20px;box-shadow:3px 5px 0 #c0d0da;transform:rotate(-4deg);border-radius:3px;color:#324f67}.word-part{font-size:9px;letter-spacing:1px;color:#7791a4;display:block}.word-book strong{font-family:var(--serif);font-size:50px;font-weight:400;line-height:1.2;display:block;letter-spacing:-1px}.word-period{color:#d49c5e}.phonetic{font-size:9px;color:#7791a4}.word-book p{font-size:10px;margin:8px 0 12px}.book-line{height:1px;background:#dce5e9}.book-note{font-size:7px;color:#7d8d98}.floating-spark{position:absolute;right:24px;bottom:30px;font-size:39px;color:#94adbe;transform:rotate(14deg)}.practice-note{position:absolute;top:74px;left:34px;right:32px;background:#fff9f3;padding:19px 25px;transform:rotate(4deg);border-radius:3px;box-shadow:3px 5px 0 #e0cab9;color:#745043}.note-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px}.small-star{font-size:21px;color:#b08067}.practice-note p{font-family:var(--serif);font-size:40px;line-height:1.12;margin:12px 0 18px;letter-spacing:-.4px}.practice-note p span{color:#bd805e;font-style:italic}.note-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eadbd0;padding-top:10px;font-size:7px}.note-bottom>span:last-child{font-size:16px}.decor-dot{position:absolute;border:1px solid #c7a489;border-radius:50%}.dot-one{width:15px;height:15px;bottom:28px;left:20px}.dot-two{width:8px;height:8px;top:42px;right:21px}.photo-stack{position:absolute;inset:68px 45px 24px}.photo{position:absolute;padding:9px;background:#fcfdf7;border-radius:3px;box-shadow:1px 4px 6px #48593b14}.photo-back{inset:1px 9px 14px;transform:rotate(-12deg);background:#f6f4e7}.photo-front{inset:9px 0 0;transform:rotate(8deg);display:flex;flex-direction:column}.photo-sky{position:relative;flex:1;background:#b6cbbb;overflow:hidden}.photo-sun{position:absolute;top:21px;right:27px;width:28px;height:28px;background:#f6e2a3;border-radius:50%}.photo-hill{position:absolute;width:240px;height:180px;border-radius:50%}.hill-back{left:35px;top:66px;background:#88a585;transform:rotate(-15deg)}.hill-front{left:-52px;top:94px;background:#5e7c63;transform:rotate(19deg)}.photo-front>span{font-size:7px;text-align:center;padding:9px 0 2px;color:#697b5a}.product-body{padding:18px 23px 22px;flex:1;display:flex;flex-direction:column}.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;line-height:1.2}.product-meta>span:first-child{font-size:7px;letter-spacing:.75px;color:#778273}.status{display:inline-flex;align-items:center;gap:5px;background:#edf3e7;color:#557449;border-radius:30px;padding:5px 8px;font-size:8px;white-space:nowrap}.status::before{content:'';width:4px;height:4px;border-radius:50%;background:#6a8e56}.status-soon{background:#f0eee5;color:#8c8164}.status-soon::before{background:#a69a7b}.product-body h3{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:18px 0 11px;line-height:1.3}.product-description{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px;min-height:86px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.feature-tags>span{font-size:9px;border:1px solid #e5e9df;color:#73816f;border-radius:30px;padding:4px 9px}.product-action{display:flex;justify-content:space-between;font-size:12px;font-weight:500;text-decoration:none;margin-top:auto;padding:13px 0 16px;border-top:1px solid #e9ece3}.product-action>span{font-size:17px;line-height:1}.product-action:hover{color:#6b8e57}.product-legal{display:flex;align-items:center;gap:9px;font-size:8px;color:#85917e}.product-legal a{text-decoration:none}.product-legal a:hover{text-decoration:underline}.company-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:50px;padding-bottom:74px}.company-section .eyebrow{margin-bottom:18px}.company-copy{padding-top:1px;max-width:460px}.company-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 18px}.company-copy p:first-child{font-size:18px;line-height:1.6;color:var(--ink)}.text-link{display:inline-flex;gap:34px;text-decoration:none;border-bottom:1px solid #a6b399;font-size:12px;padding:6px 0;margin-top:4px}.site-footer{background:#203e34;color:#edf2e2;padding:42px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:30px;border-bottom:1px solid #ffffff21}.footer-top .brand{--paper:#203e34}.footer-title{font-size:14px;margin:0 0 7px}.footer-top>div>a{font-size:11px;color:#cad6bd;text-decoration:none}.footer-top>div>a span{margin-left:24px}.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:9px;color:#b9c8ad}.footer-bottom p{margin:3px 0}.company-zh{font-size:9px;letter-spacing:1px}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}.document-page{padding-top:72px;padding-bottom:90px}.document-heading{margin-bottom:48px}.document-heading h1,.coming-page h1{font-family:var(--serif);font-size:76px;line-height:1.07;font-weight:400;letter-spacing:-1.5px;margin:0 0 23px}.document-heading h1 em,.coming-page h1 em{color:#718061}.document-heading>p:last-child{max-width:590px;color:var(--muted);font-size:15px}.legal-directory{border-top:1px solid var(--line)}.legal-row{padding:27px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.legal-row h2{font-size:20px;font-weight:500;margin:0 0 5px;letter-spacing:-.4px}.legal-row p{color:var(--muted);font-size:11px;margin:0}.legal-row>div:last-child{display:flex;gap:32px;font-size:12px}.legal-row a{text-decoration:none}.legal-row a span{margin-left:12px}.legal-help{max-width:780px;font-size:12px;color:var(--muted);margin-top:35px;line-height:1.9}.policy-page{max-width:820px;padding-top:52px;padding-bottom:80px}.back-link{font-size:12px;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:40px}.policy-page h1{font-family:var(--serif);font-size:57px;font-weight:400;line-height:1.1;margin:0 0 15px;letter-spacing:-1px}.policy-page .eyebrow{margin-bottom:14px}.policy-date{font-size:11px;color:var(--muted);padding-bottom:29px;border-bottom:1px solid var(--line)}.policy-content{font-size:14px;color:#4b5c50;line-height:1.95;padding-top:9px}.policy-content h2{color:var(--ink);font-size:20px;font-weight:500;letter-spacing:-.4px;margin:30px 0 13px;line-height:1.4}.policy-content p{margin:0 0 15px}.policy-note{border:1px solid var(--line);border-radius:5px;padding:15px 19px;font-size:13px;background:#edf0e5}.policy-other{border-top:1px solid var(--line);margin-top:35px;padding-top:24px;font-size:12px}.coming-page{padding:86px 0 110px;max-width:800px;text-align:center}.coming-page>.status{font-size:11px;margin-bottom:25px}.coming-page>p{max-width:520px;margin:0 auto 22px;color:var(--muted);font-size:15px}.coming-page>.coming-note{font-size:11px;margin-bottom:30px}.coming-links{display:flex;justify-content:center;gap:23px;font-size:11px;margin-top:32px}.coming-links a{text-decoration:none}.developer-content{max-width:830px}.developer-content h2{font-size:22px;font-weight:500;margin:32px 0 14px}.developer-content p{font-size:14px;color:var(--muted);line-height:1.9}.api-details{border-top:1px solid var(--line);font-size:12px}.api-details>div{display:grid;grid-template-columns:180px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.api-details dt{font-weight:500}.api-details dd{margin:0;min-width:0;overflow-wrap:anywhere}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}pre{background:#edf0e7;border:1px solid var(--line);padding:20px;border-radius:6px;overflow:auto;line-height:1.8;max-width:100%}.admin-shell{width:min(1280px,calc(100% - 64px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);min-height:94px}.admin-header #logout{margin-left:auto;font-size:11px;min-height:37px}.admin-label{font-size:9px;color:var(--muted);letter-spacing:1.3px}.admin-shell main{flex:1}.admin-loading{padding:80px 0;text-align:center;color:var(--muted);font-size:13px}.login-panel{width:min(370px,100%);margin:85px auto 100px}.login-panel h1,.admin-title h1{font-family:var(--serif);font-size:60px;line-height:1.1;font-weight:400;margin:0 0 14px;letter-spacing:-1px}.login-panel h1 em,.admin-title h1 em{color:#718061}.login-panel>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 25px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500;margin-bottom:17px}input,textarea,select{width:100%;min-width:0;background:#fff;border:1px solid #d4ddcc;border-radius:5px;padding:11px 12px;font-size:13px;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #a8c094;outline-offset:1px}.login-panel .button{width:100%}.form-error{color:#a33931;font-size:12px;min-height:18px}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.admin-title .eyebrow{margin-bottom:15px}.admin-intro{font-size:13px;color:var(--muted);margin:12px 0 27px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:7px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-weight:500;color:#73826b;background:#edf1e7;padding:14px 17px;font-size:10px}td{padding:18px 17px;border-top:1px solid #e9ece3}td strong{font-size:12px;font-weight:500}td code{display:block;font-size:9px;color:#8a9581;margin-top:4px}td button{border:1px solid #dce2d5;border-radius:20px;color:#8b6354;background:transparent;font-size:10px;padding:5px 13px}.token-state{border-radius:20px;background:#edf3e7;padding:4px 9px;font-size:9px;color:#638054}.token-state.revoked,.token-state.expired,.token-state.exhausted{background:#f4eae3;color:#95745e}.empty-row{text-align:center;padding:38px;color:var(--muted);font-size:12px}.admin-tools{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 50px}.admin-tool{border:1px solid var(--line);border-radius:7px;padding:25px;background:#fcfdf8;min-width:0}.admin-tool h2{font-size:19px;font-weight:500;margin:0 0 9px;letter-spacing:-.4px}.admin-tool>p{font-size:11px;color:var(--muted);margin:0 0 22px}.model-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:17px}.model-row label{flex:1;margin:0}.model-row button{white-space:nowrap;padding:10px 13px;min-height:43px}.result-panel{font-size:11px;margin:20px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.admin-footer{border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:var(--muted)}.admin-footer a{margin-left:8px}.notice{border:1px solid #cbd9bc;background:#eef4e5;border-radius:5px;padding:12px 16px;font-size:12px;margin-bottom:20px}.notice.error{border-color:#e4cac0;background:#f8eee8;color:#984c3a}dialog{width:min(470px,calc(100% - 32px));border:1px solid var(--line);border-radius:10px;padding:27px;color:var(--ink);background:var(--paper);box-shadow:0 24px 100px #0c281c24}dialog::backdrop{background:#142d2555;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.dialog-header h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0}.icon-button{background:transparent;border:0;font-size:25px;color:var(--muted);padding:0 5px;line-height:1.3}dialog p{color:var(--muted);font-size:12px;margin:10px 0 22px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.secret-actions{display:flex;justify-content:space-between;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{padding-top:99px;padding-bottom:115px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-art{width:180px;margin-right:0}.hero h1{font-size:76px}.product-preview{height:240px}.word-book{left:24px;right:22px;top:62px;padding:17px}.word-book strong{font-size:44px}.practice-note{left:22px;right:21px;padding:17px;top:63px}.practice-note p{font-size:36px}.photo-stack{inset:65px 31px 26px}.product-body{padding:15px 18px 21px}.product-body h3{font-size:19px}.product-meta{flex-wrap:wrap;gap:9px}.product-description{min-height:105px}.feature-tags>span{font-size:8px}.product-legal{font-size:7px}}@media(max-width:800px){.site-header{min-height:90px}.site-header nav{gap:20px}.site-header nav a{font-size:11px}.nav-contact{display:none!important}.hero{padding:68px 0 75px}.hero h1{font-size:65px;letter-spacing:-1.6px}.hero-art{width:130px}.hero-copy>p{font-size:14px}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:42% 1fr}.product-preview{height:auto;min-height:295px}.word-book{top:82px;left:22px;right:20px}.practice-note{top:87px}.photo-stack{inset:86px 31px 37px}.product-body{padding:27px 23px}.product-description{min-height:0;font-size:12px}.product-body h3{font-size:22px}.product-meta>span:first-child{font-size:8px}.feature-tags{margin-bottom:25px}.product-legal{font-size:9px}.products-section{padding-bottom:65px}.section-heading h2,.company-section h2{font-size:42px}.company-section{gap:35px;padding-top:40px;padding-bottom:56px}.company-copy p:first-child{font-size:16px}.footer-top .brand{font-size:24px}.footer-title{font-size:12px}.footer-top>div>a{font-size:10px}.admin-shell{width:calc(100% - 40px)}.admin-tools{grid-template-columns:1fr}.admin-label{font-size:8px}.admin-title h1{font-size:52px}.admin-title .button{font-size:11px;gap:12px}.document-heading h1,.coming-page h1{font-size:61px}.legal-row>div:last-child{gap:20px;font-size:11px}.legal-row h2{font-size:18px}.api-details>div{grid-template-columns:130px 1fr}.footer-bottom{font-size:8px}.footer-links{gap:14px}}@media(max-width:550px){.wrap{width:calc(100% - 40px)}.site-header{min-height:78px}.brand{font-size:23px;gap:8px}.brand-mark{width:25px;height:30px}.site-header nav{gap:17px}.site-header nav a{font-size:10px}.site-header nav a:nth-child(2){display:none}.hero{padding:62px 0 67px}.hero h1{font-size:clamp(45px,11.9vw,61px);letter-spacing:-1.1px}.hero-art{display:none}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy>p{font-size:13px;line-height:1.85;margin-top:25px}.button{font-size:11px;padding:11px 19px;min-height:43px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:28px}.section-heading h2{font-size:36px}.section-heading>p{font-size:10px;max-width:130px;margin-top:36px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.product-card{display:flex}.product-preview{height:265px;min-height:0}.word-book{top:66px;left:55px;right:42px;padding:22px 26px}.word-book strong{font-size:52px}.practice-note{top:62px;left:45px;right:40px;padding:22px 26px}.practice-note p{font-size:42px}.photo-stack{inset:60px 77px 24px}.product-body{padding:17px 23px 22px}.product-meta>span:first-child{font-size:8px}.product-body h3{margin-top:17px;font-size:23px}.product-description{line-height:1.85}.feature-tags{margin-bottom:23px}.product-grid{gap:22px}.product-legal{font-size:9px}.company-section{grid-template-columns:1fr;gap:25px;padding-top:35px}.company-section h2{font-size:42px}.company-section .eyebrow{font-size:8px}.company-copy p{font-size:12px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.site-footer{padding-top:31px}.footer-title{font-size:13px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-links{font-size:10px;gap:24px}.footer-bottom p{font-size:8px}.document-page{padding-top:52px;padding-bottom:65px}.document-heading h1,.coming-page h1{font-size:55px;letter-spacing:-1px}.document-heading>p:last-child{font-size:13px}.legal-row{align-items:flex-start;flex-direction:column;gap:17px;padding:24px 0}.legal-row>div:last-child{gap:27px}.legal-row h2{font-size:18px}.policy-page{padding-top:32px;padding-bottom:55px}.policy-page h1{font-size:47px}.policy-content{font-size:13px}.policy-content h2{font-size:18px}.back-link{margin-bottom:30px}.coming-page{padding-top:65px;padding-bottom:80px}.coming-page>p{font-size:13px}.api-details>div{grid-template-columns:1fr;gap:8px}.developer-content h2{font-size:20px}.developer-content p{font-size:13px}.admin-label{display:none}.admin-header{min-height:80px}.login-panel{margin-top:64px}.admin-title{align-items:flex-start;gap:15px}.admin-title h1{font-size:43px}.admin-title .button{font-size:10px;padding:10px 13px;min-height:38px;margin-top:15px;gap:9px}.admin-title .eyebrow{font-size:8px;margin-bottom:12px}.admin-intro{font-size:12px}.admin-tool{padding:20px}.admin-tool h2{font-size:18px}.admin-footer{font-size:8px;line-height:1.9}.form-two{gap:12px}.model-row{align-items:stretch;flex-direction:column}.model-row .button{align-self:flex-start;min-height:35px}.secret-actions{flex-direction:column}.photo-hill{width:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

.coding-feature{display:grid;grid-template-columns:1fr 300px;gap:60px;padding:34px 38px;margin-top:26px;border:1px solid var(--line);border-radius:8px;background:#f0f3e9}.coding-feature h3{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.1;margin:0 0 15px;letter-spacing:-1px}.coding-feature .eyebrow{font-size:8px;margin-bottom:17px}.coding-feature p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:540px;line-height:1.9;margin:0 0 12px}.coding-feature .product-legal{margin-top:20px;font-size:9px}.coding-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#203e34;color:#dce6ce;border-radius:5px;padding:25px;gap:5px}.coding-visual>span{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1px}.coding-visual>i{font-style:normal;font-size:12px;color:#8fa782}.coding-visual>small{font-size:8px;color:#b6c7ab;margin-top:12px}@media(max-width:800px){.coding-feature{grid-template-columns:1fr 210px;gap:27px;padding:28px}.coding-visual{padding:20px}}@media(max-width:550px){.coding-feature{grid-template-columns:1fr;gap:24px;padding:27px 23px}.coding-visual{display:none}}