:root{--ink:#122c3a;--muted:#62747d;--paper:#f5f7f5;--white:#fff;--line:#dce5e2;--teal:#137e73;--mint:#cef1dd;--navy:#102f3e;--soft:#e9f3ee;--danger:#a32e35;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2aa598;outline-offset:5px}a:hover{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;letter-spacing:-.04em}h1{font-size:clamp(2.25rem,4.5vw,4rem);font-weight:650}h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:600}h3{font-size:1.2rem}p{color:var(--muted)}small,.small{font-size:.8rem}.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{height:94px;border-bottom:1px solid var(--line);background:rgba(245,247,245,.97)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:700;letter-spacing:-.035em}.brand-caption{display:block;color:var(--muted);font-size:.55rem;font-weight:400;letter-spacing:.05em;margin-top:1px}.brand-mark{display:flex;align-items:center;gap:4px;background:var(--navy);width:38px;height:38px;border-radius:12px;justify-content:center}.brand-mark i{display:block;width:4px;height:14px;border-radius:4px;background:var(--mint)}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:10px}.header-inner nav{display:flex;align-items:center;gap:30px;font-size:.85rem;font-weight:600}.nav-account{border:1px solid #c4d3ce;padding:10px 18px;border-radius:50px}.nav-account span{margin-left:14px}.eyebrow{display:block;letter-spacing:.17em;font-size:.69rem;font-weight:700;color:var(--teal);margin-bottom:20px}.hero{padding:74px 0 66px;display:grid;grid-template-columns:1.02fr 1fr;gap:58px;align-items:center}.hero h1{margin-bottom:25px}.hero h1 span{color:var(--teal);white-space:nowrap}.hero-copy>p{font-size:.94rem;line-height:2;max-width:460px}.hero-actions{display:flex;align-items:center;gap:22px;margin:31px 0 13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:9px;padding:13px 22px;background:var(--navy);color:#fff;font-weight:600;font-size:.87rem;line-height:1.5;min-height:48px;text-align:center;transition:background .15s,transform .15s}.button:hover{background:#1b4759;color:#fff;transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:var(--white);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.light{background:var(--mint);color:var(--navy)}.button:disabled,.button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}.text-link{font-size:.85rem;border-bottom:1px solid var(--ink);padding-bottom:3px}.fine-print{font-size:.73rem;color:var(--muted)}.hero-art{position:relative;padding:32px 0 35px}.hero-art:before{content:"";position:absolute;inset:0 -17px;border-radius:50%;background:radial-gradient(ellipse,#d5e9df 0%,#e6eee6 46%,transparent 72%)}.demo-window{position:relative;background:var(--navy);color:#e7efec;border-radius:18px;box-shadow:0 26px 50px -25px #123c4055;overflow:hidden;transform:rotate(-2deg)}.window-bar{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff17;padding:17px 20px;font-size:.67rem;color:#b2c6c8}.window-dots{display:flex;gap:5px;align-items:center}.window-dots i{width:6px;height:6px;background:#647f84;border-radius:50%}.demo-body{padding:22px 24px 28px}.demo-label{font-size:.64rem;color:#89a6aa;letter-spacing:.1em;margin-bottom:12px}.transcript{font-size:.86rem;color:#edf4f0;padding-bottom:20px;line-height:1.9}.transcript small{display:block;font-size:.66rem;color:#89a6aa}.insight{border:1px solid #507b765c;background:#21484f;border-radius:12px;padding:18px}.insight-heading{color:var(--mint);font-size:.72rem;font-weight:600;margin-bottom:12px}.insight p{color:#e2ede7;font-size:.84rem;margin-bottom:10px}.insight .suggestion{color:#adc6bd;border-top:1px solid #ffffff1a;padding-top:10px;font-size:.73rem;margin-bottom:0}.demo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.62rem;color:#9bb8b9}.wave{display:flex;gap:3px;align-items:center;height:18px}.wave i{display:block;width:2px;background:#91d0b4;height:8px}.wave i:nth-child(2n){height:15px}.wave i:nth-child(3n){height:5px}.example-tag{display:block;position:relative;text-align:center;font-size:.65rem;margin-top:20px;color:var(--muted)}.compatibility{padding:19px 0;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.76rem;color:var(--muted)}.compatibility strong{color:var(--ink);font-weight:500}.compatibility .compat-label{margin-right:auto}.section{padding:80px 0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:38px}.section-top h2{margin-bottom:0}.section-top>p{font-size:.86rem;max-width:380px;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:27px 26px;background:#fff;border:1px solid var(--line);border-radius:15px}.feature-number{font-size:.72rem;font-family:monospace;color:var(--teal);margin-bottom:35px;display:block}.feature h3{font-size:1.05rem;margin-bottom:13px}.feature p{font-size:.82rem;margin-bottom:0;line-height:1.9}.steps-panel{display:grid;grid-template-columns:1fr 1fr;background:#e6eee8;border-radius:var(--radius);padding:42px;gap:60px}.steps-panel h2{font-size:2rem}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{position:relative;padding:0 0 23px 46px;counter-increment:steps}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;border-radius:50%;border:1px solid #aec9b9;width:28px;height:28px;display:grid;place-items:center;font-size:.65rem;color:var(--teal)}.steps li:last-child{padding-bottom:0}.steps strong{font-size:.9rem;font-weight:600}.steps p{font-size:.77rem;margin:3px 0 0}.closing{background:var(--navy);color:#fff;border-radius:var(--radius);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:72px}.closing h2{font-size:1.85rem;margin-bottom:9px}.closing p{font-size:.85rem;color:#abc4c2;margin:0}.site-footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:1.1rem;font-weight:650}.teal{color:var(--teal)}.footer-inner p{font-size:.68rem;margin:5px 0 0}.footer-inner nav{display:flex;gap:20px;font-size:.69rem;color:var(--muted)}.footer-inner>small{width:100%;font-size:.61rem;color:#91a09e}.page-head{padding:56px 0 26px}.page-head h1{font-size:2.4rem;margin-bottom:12px}.page-head p{font-size:.9rem}.page-main{padding-bottom:75px;min-height:65vh}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-head .button{font-size:.76rem;min-height:40px;padding:10px 16px}.dashboard-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.card h2{font-size:1.17rem;margin-bottom:12px}.card p{font-size:.83rem}.quota-card{background:var(--navy);color:#fff;border:none}.quota-card p{color:#bad0cf}.card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:30px;background:var(--soft);color:var(--teal);font-size:.64rem;font-weight:600}.quota-card .badge{background:#284f54;color:var(--mint)}.quota-main{display:flex;align-items:baseline;gap:10px;margin-top:25px}.quota-main strong{font-size:3.6rem;font-weight:550;letter-spacing:-.055em;line-height:1.2}.quota-main span{font-size:1rem;color:#abcac6}.meter{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;display:block;margin:23px 0 13px;background:#32535d;appearance:none}.meter::-webkit-progress-bar{background:#32535d;border-radius:10px}.meter::-webkit-progress-value{background:var(--mint);border-radius:10px}.meter::-moz-progress-bar{background:var(--mint);border-radius:10px}.quota-foot{display:flex;justify-content:space-between;gap:20px;font-size:.73rem;color:#bad0cf}.quota-notice{margin:18px 0 0;font-size:.73rem!important}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.download{border:1px solid var(--line);border-radius:12px;padding:15px;font-size:.78rem;display:flex;flex-direction:column;gap:4px}.download strong{font-size:1rem}.download span{font-size:.67rem;color:var(--muted)}.download[aria-disabled="true"]{background:#f5f7f5;color:#83918b;cursor:default}.wide-card{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.79rem;text-align:left}th{font-weight:500;color:var(--muted);font-size:.69rem;border-bottom:1px solid var(--line);padding:14px 8px}td{padding:16px 8px;border-bottom:1px solid #edf1ef}tbody tr:last-child td{border:0}.empty-state{padding:30px 20px;text-align:center;background:#f7f9f7;border-radius:12px;margin-top:20px}.empty-state .empty-icon{font-size:1.6rem;color:#85a49c;display:block;margin-bottom:8px}.empty-state p{font-size:.77rem;margin:0}.subsection{margin-top:23px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;width:min(930px,calc(100% - 64px));margin:70px auto 90px;min-height:50vh}.auth-copy h1{font-size:2.6rem}.auth-copy p{font-size:.9rem;line-height:2}.auth-points{list-style:none;padding:0;margin:28px 0 0;font-size:.81rem}.auth-points li{margin-bottom:14px}.auth-points li:before{content:"✓";color:var(--teal);margin-right:12px}.auth-card{padding:33px}.auth-card h2{font-size:1.35rem}.field-label{display:block;font-size:.77rem;font-weight:600;margin:24px 0 8px}input{border:1px solid #bacdc5;border-radius:8px;padding:13px 14px;width:100%;background:#fff;color:var(--ink);font-size:.9rem}input::placeholder{color:#9ba9a4}input.code-input{text-transform:uppercase;letter-spacing:.24em;font-size:1.4rem;text-align:center;font-family:monospace}.full-width{width:100%}.form-submit{margin-top:18px}.auth-terms{font-size:.67rem!important;line-height:1.8;margin:16px 0 0}.auth-terms a{text-decoration:underline;text-underline-offset:3px}.notice{padding:14px 17px;border-radius:9px;background:#e8f4ec;color:#2a6b54;font-size:.78rem;margin:18px 0;border:1px solid #cce6d5;overflow-wrap:anywhere}.notice.error{background:#fff1ef;color:var(--danger);border-color:#eed6d1}.notice.neutral{background:#eef3f5;color:#526b7b;border-color:#d7e3e9}.notice[hidden]{display:none}.notice p{font-size:inherit;color:inherit;margin:0}.notice a{text-decoration:underline}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:15px auto 0}.price-card{padding:34px;position:relative}.price-card.featured{border:1.5px solid var(--teal)}.price-label{font-size:.75rem;letter-spacing:.12em;color:var(--teal);font-weight:700}.price{font-size:3.2rem;letter-spacing:-.055em;line-height:1.2;margin:18px 0 8px}.price small{font-size:.85rem;letter-spacing:0;color:var(--muted)}.price-card h2{font-size:1.3rem}.price-card>p{font-size:.78rem}.price-features{padding:20px 0;margin:20px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.82rem}.price-features li+li{margin-top:11px}.price-features li:before{content:"✓";margin-right:10px;color:var(--teal)}.faq{max-width:880px;margin:56px auto 0}.faq h2{font-size:1.45rem}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:.88rem;font-weight:500}.faq details p{font-size:.8rem;margin:15px 0 0}.center-heading{text-align:center}.center-heading p{max-width:560px;margin-inline:auto}.legal-content{max-width:780px}.legal-content h2{font-size:1.15rem;margin:32px 0 10px}.legal-content p,.legal-content li{font-size:.85rem;color:var(--muted)}.legal-content ul{padding-left:22px}.legal-table{margin-top:25px}.legal-table th{width:28%;vertical-align:top}.legal-table td{font-size:.82rem}.loading-page{padding:80px 0;min-height:60vh}.loading-page h1{font-size:2rem}.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.danger-link{color:var(--muted);border:0;background:none;text-decoration:underline;padding:0;font-size:.75rem}.session-email{overflow-wrap:anywhere}.account-anonymous{max-width:640px;margin:60px auto 80px}.skip-link{position:absolute;left:15px;top:-100px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.noscript{position:fixed;bottom:15px;left:15px;background:#fff;padding:20px;border:1px solid var(--line)}.dev-link{display:block;margin-top:8px}.form-status:empty{display:none}[hidden]{display:none!important}@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:2.7rem}.hero-art:before{inset:0}.section-top{align-items:flex-start}.feature-grid{gap:12px}.feature{padding:24px 19px}.auth-layout{gap:35px}.dashboard-layout{grid-template-columns:1fr 1fr}.quota-main strong{font-size:3rem}.steps-panel{gap:30px;padding:32px}}@media(max-width:680px){.shell{width:calc(100% - 36px)}.site-header{height:78px}.brand{font-size:1.02rem;gap:8px}.brand-caption{display:none}.brand-mark{width:33px;height:33px}.header-inner nav{gap:15px;font-size:.75rem}.header-inner nav>a:first-child{display:none}.nav-account{padding:8px 11px}.nav-account span{display:none}.hero{grid-template-columns:1fr;padding:40px 0 27px;gap:14px}.hero h1{font-size:2.6rem}.hero-copy>p{font-size:.85rem}.eyebrow{font-size:.62rem;margin-bottom:17px}.hero-actions{gap:20px;margin-top:26px}.hero-art{max-width:440px;width:100%;margin:auto;padding:22px 12px 0}.demo-window{transform:rotate(-1.5deg)}.demo-body{padding:20px}.compatibility{gap:13px;flex-wrap:wrap;font-size:.66rem;padding:17px 0}.compatibility .compat-label{width:100%;margin:0;font-size:.63rem}.section{padding:46px 0}.section-top{display:block;margin-bottom:24px}.section-top>p{margin:15px 0 0;font-size:.8rem}.feature-grid{grid-template-columns:1fr}.feature{padding:23px}.feature-number{margin-bottom:15px}.steps-panel{grid-template-columns:1fr;padding:26px;gap:13px}.steps-panel h2{font-size:1.7rem}.closing{padding:29px 26px;display:block;margin-bottom:42px}.closing h2{font-size:1.6rem}.closing .button{margin-top:22px}.footer-inner{gap:20px}.footer-inner nav{flex-wrap:wrap;gap:12px 18px}.page-head{padding:36px 0 18px}.page-head h1{font-size:1.9rem}.dashboard-head{align-items:flex-start}.dashboard-head .eyebrow{margin-bottom:10px}.dashboard-layout{grid-template-columns:1fr;gap:16px}.card{padding:24px}.quota-main strong{font-size:3.3rem}.quota-foot{font-size:.65rem}.auth-layout{grid-template-columns:1fr;width:calc(100% - 36px);margin:38px auto 50px;gap:20px}.auth-copy h1{font-size:2.1rem}.auth-copy p{font-size:.82rem;margin-bottom:12px}.auth-points{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;font-size:.69rem}.auth-points li{margin:0}.auth-points li:before{margin-right:5px}.auth-card{padding:25px}.price-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:27px}.price{font-size:2.8rem}.page-main{padding-bottom:45px}.faq{margin-top:35px}.legal-table th{width:34%;font-size:.66rem}.legal-table td{font-size:.74rem}.account-anonymous{margin:36px auto 48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.guide-page{max-width:940px}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 32px;font-size:.88rem}.guide-nav a{border-bottom:1px solid var(--line)}.guide-section{margin-bottom:24px;scroll-margin-top:24px}.guide-section h2{font-size:1.45rem}.guide-list{padding-left:24px}.guide-list li{padding-left:8px;margin-bottom:24px}.guide-list li:last-child{margin-bottom:0}.guide-list strong{font-size:.95rem}.guide-list p{margin:8px 0 12px}.guide-platforms{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.guide-platforms h3{font-size:1.05rem}.practice-question{padding:22px;background:var(--soft);border-radius:10px;margin:22px 0}.practice-question .eyebrow{margin-bottom:12px}.practice-question p[lang]{font-size:1.05rem;color:var(--ink)}.practice-question p:last-child{margin-bottom:0}.guide-help{margin:36px 0;max-width:none}.guide-next{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}@media(max-width:680px){.guide-platforms{grid-template-columns:1fr;gap:12px}.guide-nav{gap:12px 18px;font-size:.8rem}.guide-section h2{font-size:1.25rem}}
