:root{--navy:#071327;--navy-2:#0d2342;--blue:#1256d8;--cyan:#19e3ff;--coral:#c9343a;--green:#0a8f6a;--ink:#102039;--muted:#5c6b7f;--line:#d6e0eb;--paper:#f4f7fa;--white:#fff;--shadow:0 18px 50px #0713271f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);letter-spacing:0;margin:0;font-family:Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button,select{cursor:pointer}img{max-width:100%;height:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:900}.primary-button{color:#fff;background:var(--coral);border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:850;display:inline-flex}.primary-button svg{width:18px}.suite-header{z-index:30;color:#fff;background:#071327fa;border-bottom:1px solid #19e3ff33;justify-content:space-between;align-items:center;gap:30px;min-height:76px;padding:7px max(24px,50vw - 620px);display:flex;position:sticky;top:0}.suite-brand{flex:none;align-items:center;gap:10px;display:flex}.suite-brand img{object-fit:contain;width:58px;height:44px}.suite-brand span{display:grid}.suite-brand strong{font-size:1rem}.suite-brand small{color:#aebed2;font-size:.65rem}.suite-header nav{align-items:center;gap:4px;display:flex}.suite-header nav a{color:#cbd8e9;border-bottom:2px solid #0000;align-items:center;min-height:38px;padding:0 10px;font-size:.76rem;font-weight:800;display:inline-flex}.suite-header nav a:hover,.suite-header nav a.active{color:#fff;border-color:var(--cyan)}.suite-header nav .language-switch{color:var(--navy);background:var(--cyan);border:0;border-radius:5px;margin-left:7px}.suite-hero{color:#fff;background:var(--navy);grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:70px;min-height:530px;padding:70px max(24px,50vw - 590px);display:grid}.suite-hero h1,.tool-intro h1{max-width:850px;margin:0;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02}.suite-hero>div>p:not(.eyebrow),.tool-intro>p:not(.eyebrow){color:#c2d0e1;max-width:760px;font-size:1.06rem;line-height:1.75}.suite-hero .primary-button{margin-top:18px}.hero-emblem{min-height:320px;color:var(--navy);background:var(--cyan);box-shadow:18px 18px 0 var(--coral);border:1px solid #fff;border-radius:7px;align-content:center;justify-items:center;gap:12px;display:grid}.hero-emblem svg{width:82px;height:82px}.hero-emblem strong{font-size:1.5rem}.hero-emblem span{font-size:.72rem;font-weight:850}.trust-strip{color:#fff;background:var(--blue);grid-template-columns:repeat(4,1fr);display:grid}.trust-strip span{text-align:center;border-right:1px solid #ffffff40;place-items:center;min-height:64px;padding:12px;font-size:.8rem;font-weight:850;display:grid}.ad-section{background:#ffffffe6;border-radius:18px;width:min(980px,100% - 48px);min-height:90px;margin:34px auto;padding:12px;display:block}.share-buttons{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;flex-wrap:wrap;align-items:center;gap:9px;width:fit-content;max-width:100%;padding:10px;display:flex;box-shadow:0 16px 42px #07132714}.share-buttons.compact{margin-top:4px}.share-buttons span{color:#46566b;text-transform:uppercase;letter-spacing:.08em;padding:0 6px;font-size:.74rem;font-weight:900}.tool-intro .eyebrow{color:#68edff}.share-buttons a,.share-buttons button{min-height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#eef3f8;border:0;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:900}.share-buttons a:hover,.share-buttons button:hover{color:#fff;background:var(--coral)}.tool-directory,.related-tools,.faq-section{padding:90px max(24px,50vw - 590px)}.section-heading{max-width:700px;margin-bottom:36px}.section-heading h2,.service-band h2,.course-band h2,.how-to h2,.faq-section h2{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15}.directory-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.directory-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;grid-template-columns:42px 1fr 28px;align-items:start;gap:16px;min-height:170px;padding:28px 26px;display:grid}.directory-item:nth-child(2n){border-right:0}.directory-item>span{color:var(--blue);font-size:.76rem;font-weight:900}.directory-item h2{margin:0 0 9px;font-size:1.12rem}.directory-item p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.directory-item>svg{width:19px;color:var(--coral);transition:transform .2s}.directory-item:hover>svg{transform:translate(4px)}.tool-intro{color:#fff;background:var(--navy);padding:70px max(24px,50vw - 525px) 64px}.tool-intro>a{color:var(--cyan);align-items:center;gap:8px;margin-bottom:42px;font-size:.8rem;font-weight:850;display:inline-flex}.tool-intro>a svg{width:17px}.tool-intro>div{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.tool-intro>div span{color:#dbe5f1;border:1px solid #fff3;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.tool-intro>div svg{width:15px;color:var(--cyan)}.workspace{background:#e8eef5;padding:72px max(24px,50vw - 590px)}.workspace-title{align-items:center;gap:18px;margin-bottom:28px;display:flex}.workspace-title>span{color:#fff;background:var(--blue);border-radius:6px;place-items:center;width:54px;height:54px;display:grid}.workspace-title h2{margin:0 0 5px;font-size:1.55rem}.workspace-title p:last-child{color:var(--muted);margin:0}.workspace-shell{box-shadow:var(--shadow);background:#fff;border:1px solid #ccd8e5;border-radius:7px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);display:grid;overflow:hidden}.input-panel,.option-panel{min-width:0;padding:32px}.option-panel{border-left:1px solid var(--line);background:#f8fafc}.drop-zone{width:100%;min-height:300px;color:var(--ink);text-align:center;background:#fff;border:2px dashed #9cb0c6;border-radius:6px;align-content:center;place-items:center;gap:11px;padding:28px;display:grid}.drop-zone:hover,.drop-zone.dragging{border-color:var(--blue);background:#edfaff}.drop-zone>svg{width:42px;height:42px;color:var(--blue)}.drop-zone strong{font-size:1.05rem}.drop-zone small{color:var(--muted);line-height:1.5}.drop-zone span{color:#fff;background:var(--blue);border-radius:5px;padding:9px 14px;font-size:.75rem;font-weight:850}.text-input-label{color:var(--ink);gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:850;display:grid}.text-input-label textarea{resize:vertical;border:1px solid #aebed0;border-radius:5px;min-height:220px;padding:16px;line-height:1.55}.selected-files{gap:8px;margin-top:16px;display:grid}.selected-files>div{background:var(--paper);border:1px solid var(--line);border-radius:5px;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;padding:10px;display:grid}.selected-files svg{width:19px;color:var(--blue)}.selected-files span{min-width:0;display:grid}.selected-files strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.selected-files small{color:var(--muted);font-size:.66rem}.selected-files button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.option-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.option-heading svg{width:19px;color:var(--green)}.option-grid{gap:16px;margin:22px 0;display:grid}.option-grid label{color:var(--ink);gap:7px;font-size:.75rem;font-weight:850;display:grid}.option-grid input:not([type=checkbox]),.option-grid select{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #acbccd;border-radius:4px;padding:0 11px}.option-grid label small{color:var(--muted);font-weight:500}.check-option{align-items:center;grid-template-columns:1px 23px 1fr!important;gap:9px!important}.check-option input{opacity:0}.check-option span{color:#fff;background:var(--blue);border-radius:3px;place-items:center;width:22px;height:22px;display:grid}.check-option span svg{width:14px}.setting-help,.accuracy-note{color:var(--muted);font-size:.75rem;line-height:1.55}.accuracy-note{background:#fff4d6;border-left:3px solid #e1a400;gap:8px;padding:12px;display:flex}.accuracy-note svg{color:#a47400;flex:none;width:18px}.tool-error{color:#991b1b;background:#fee2e2;border-radius:4px;padding:10px;font-size:.75rem}.run-button{color:#fff;background:var(--coral);border:0;border-radius:5px;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:20px;padding:0 16px;font-weight:850;display:grid}.run-button:disabled{cursor:wait;opacity:.7}.run-button svg{width:20px}.reset-button{width:100%;min-height:42px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:.73rem;font-weight:800;display:flex}.reset-button svg{width:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.token-shell{box-shadow:var(--shadow);background:#fff;border:1px solid #ccd8e5;border-radius:7px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);display:grid;overflow:hidden}.token-loading{min-height:280px;color:var(--blue);justify-content:center;align-items:center;gap:10px;font-weight:850;display:flex}.token-loading svg{width:22px}.token-editor,.token-options{min-width:0;padding:30px}.token-options{border-left:1px solid var(--line);background:#f8fafc}.token-editor-heading{justify-content:space-between;align-items:center;gap:15px;min-height:38px;margin-bottom:10px;display:flex}.token-editor-heading label{font-size:.78rem;font-weight:850}.token-editor-heading button{color:var(--blue);background:#edf4ff;border:1px solid #c9d9ee;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:.7rem;font-weight:850;display:inline-flex}.token-editor-heading svg{width:15px}.token-editor textarea{resize:vertical;width:100%;min-height:340px;color:var(--ink);background:#fbfdff;border:1px solid #9fb2c8;border-radius:5px;padding:17px;line-height:1.6}.token-editor textarea:focus{border-color:var(--blue);outline:2px solid #1256d838}.token-import{width:100%;min-height:68px;color:var(--ink);text-align:left;background:#fff;border:1px dashed #8fa6bf;border-radius:5px;align-items:center;gap:13px;margin-top:12px;padding:12px 14px;display:flex}.token-import:hover,.token-import.dragging{border-color:var(--blue);background:#edfaff}.token-import>svg{width:24px;color:var(--blue);flex:none}.token-import span{gap:3px;min-width:0;display:grid}.token-import strong{font-size:.76rem}.token-import small{color:var(--muted);font-size:.66rem;line-height:1.4}.token-imported{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin-top:10px;font-size:.67rem;display:flex;overflow:hidden}.token-imported svg{width:16px;color:var(--green);flex:none}.token-options .option-heading svg{color:var(--green)}.token-privacy{color:#235345;border-left:3px solid var(--green);background:#e9f7f2;gap:8px;padding:12px;font-size:.72rem;line-height:1.5;display:flex}.token-privacy svg{flex:none;width:17px}.token-results{color:#fff;background:var(--navy-2);border-top:1px solid #1b3b67;grid-column:1/-1;padding:28px 30px 32px}.token-results-heading{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.token-results-heading .eyebrow{color:var(--cyan)}.token-results-heading h3{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.token-results-heading h3 span{color:#aebfd5;font-size:.9rem}.token-results-heading>svg{width:26px;color:var(--cyan)}.token-metrics{border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid}.token-metrics div{border-bottom:1px solid #ffffff2b;border-right:1px solid #ffffff2b;align-content:center;gap:7px;min-height:82px;padding:14px;display:grid}.token-metrics span{color:#9eb0c7;text-transform:uppercase;font-size:.64rem}.token-metrics strong{font-size:1.05rem}.context-meter{gap:8px;display:grid}.context-meter>div{justify-content:space-between;align-items:center;gap:20px;font-size:.72rem;display:flex}.context-meter progress{appearance:none;background:#263e5f;border:0;border-radius:2px;width:100%;height:12px;overflow:hidden}.context-meter progress::-webkit-progress-bar{background:#263e5f}.context-meter progress::-webkit-progress-value{background:var(--cyan)}.context-meter progress::-moz-progress-bar{background:var(--cyan)}.context-meter small{color:#aebfd5;font-size:.68rem}.token-cost{color:#c8d6e7;margin:15px 0 0;font-size:.73rem}.token-cost strong{color:#fff}.token-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.token-actions button{min-height:43px;color:var(--navy);background:var(--cyan);border:0;border-radius:4px;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;font-weight:850;display:inline-flex}.token-actions button:last-child{color:#fff;background:var(--blue)}.token-actions button:disabled{cursor:default;opacity:.45}.token-actions svg{width:17px}.result-area{color:#fff;background:var(--navy-2);padding:76px max(24px,50vw - 490px)}.result-heading{align-items:center;gap:18px;display:flex}.result-heading>span{width:54px;height:54px;color:var(--navy);background:var(--cyan);border-radius:50%;place-items:center;display:grid}.result-heading h2{margin:0 0 5px;font-size:2rem}.result-heading p:last-child{color:#bdcce0;margin:0}.result-stats{border:1px solid #ffffff2b;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:28px 0;display:grid}.result-stats div{border-right:1px solid #ffffff2b;align-content:center;gap:7px;min-height:90px;padding:15px;display:grid}.result-stats span{color:#9eb0c7;text-transform:uppercase;font-size:.65rem}.text-preview,.html-preview{max-height:460px;color:var(--ink);white-space:pre-wrap;background:#fff;border-radius:5px;padding:22px;line-height:1.55;overflow:auto}.html-preview{white-space:normal}.result-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.result-actions a,.result-actions button{border-radius:5px;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:850;display:inline-flex}.result-actions a{color:#fff;background:var(--coral)}.result-actions button{color:var(--navy);background:var(--cyan);border:0}.result-actions svg{width:18px}.result-next-tool{color:var(--navy);background:#e9f7f2;border:1px solid #abd7c8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px;display:flex}.result-next-tool span{gap:4px;display:grid}.result-next-tool small{color:var(--muted)}.result-next-tool svg{width:20px}.result-area .compact-acquisition{width:100%;margin:16px 0 0}.result-area .service-band.compact-acquisition{padding:28px}.how-to{background:#fff;grid-template-columns:1fr 1fr;gap:70px;padding:90px max(24px,50vw - 560px);display:grid}.how-to>div>p:last-child{color:var(--muted);line-height:1.7}.how-to ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.how-to li{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;align-items:center;gap:10px;min-height:82px;display:grid}.how-to li span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.how-to li p{margin:0;line-height:1.5}.related-tools{background:#e9f7f2}.related-tools>div:last-child{border-top:1px solid #b8d8cd;grid-template-columns:repeat(2,1fr);display:grid}.related-tools a{border-bottom:1px solid #b8d8cd;border-right:1px solid #b8d8cd;grid-template-columns:1fr 24px;gap:9px;min-height:130px;padding:24px;display:grid}.related-tools a span{color:var(--muted);font-size:.78rem;line-height:1.5}.related-tools a svg{width:19px;color:var(--green);grid-area:1/2/span 2}.faq-section{background:#fff;grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:64px;font-weight:850;display:flex}.faq-section summary span{color:var(--blue);font-size:1.2rem}.faq-section details p{color:var(--muted);margin:0 0 20px;line-height:1.65}.service-band,.course-band{grid-template-columns:1fr auto;align-items:center;gap:50px;padding:70px max(24px,50vw - 560px);display:grid}.service-band{color:#fff;background:var(--blue)}.service-band .eyebrow{color:#fff}.service-band p:last-child{color:#dce7fa;max-width:700px;line-height:1.65}.course-band{background:#fff4d6;grid-template-columns:60px 1fr auto}.course-band>svg{width:48px;height:48px;color:var(--coral)}.course-band p:last-child{color:var(--muted);line-height:1.6}.course-band>a{color:var(--blue);align-items:center;gap:9px;font-weight:850;display:inline-flex}.course-band>a svg{width:18px}.mobile-app-callout{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #1e78dc2e;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(1120px,100% - 48px);margin:42px auto 20px;padding:28px;display:grid;box-shadow:0 20px 60px #0a264b1f}.mobile-app-callout .app-device-mark{color:#fff;background:var(--blue);border-radius:18px;place-items:center;width:76px;height:76px;display:grid;position:relative}.mobile-app-callout .app-device-mark svg:first-child{width:40px;height:40px}.mobile-app-callout .app-device-mark svg:last-child{width:24px;height:24px;color:var(--cyan);position:absolute;bottom:12px;right:12px}.mobile-app-callout h2{margin:4px 0 8px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.1}.mobile-app-callout p:not(.eyebrow){max-width:720px;color:var(--muted);margin:0;line-height:1.65}.mobile-app-callout .primary-button{white-space:nowrap;justify-self:end}.acquisition-actions{justify-items:end;gap:10px;display:grid}.acquisition-actions>a:last-child,.secondary-acquisition-link{color:var(--blue);text-underline-offset:4px;font-weight:800;text-decoration:underline}.service-band .secondary-acquisition-link{color:#fff;margin-top:12px;display:inline-block}.tool-ecosystem-directory{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0}.tool-ecosystem-directory>div:first-child{max-width:760px;margin-bottom:28px}.tool-ecosystem-directory h2{color:var(--navy);margin:8px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.tool-ecosystem-directory>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-ecosystem-directory a{min-height:124px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-content:center;gap:7px 13px;padding:18px;display:grid}.tool-ecosystem-directory a:hover,.tool-ecosystem-directory a:focus-visible{border-color:var(--cyan)}.tool-ecosystem-directory a span{color:var(--muted);font-size:.76rem;line-height:1.5}.tool-ecosystem-directory a svg{width:17px;color:var(--cyan);grid-area:1/2/span 2;align-self:center}.suite-footer{color:#bdcbe0;background:var(--navy);grid-template-columns:1.4fr .6fr .8fr;gap:50px;padding:60px max(24px,50vw - 590px);display:grid}.suite-footer>div:first-child{grid-template-columns:100px 1fr;align-items:center;gap:15px;display:grid}.suite-footer>div:first-child img{width:100px}.suite-footer p{margin:0;font-size:.76rem;line-height:1.6}.suite-footer>div:not(:first-child){align-content:start;gap:10px;display:grid}.suite-footer strong{color:#fff;font-size:.72rem}.suite-footer a{font-size:.74rem}.suite-footer a:hover{color:var(--cyan)}.suite-footer>small{border-top:1px solid #ffffff21;grid-column:1/-1;padding-top:20px;font-size:.66rem}.document-render-surface img{max-width:100%}.document-render-surface table{border-collapse:collapse;width:100%}.document-render-surface td,.document-render-surface th{border:1px solid #777;padding:6px}.brand-page{color:#eaf3ff;background:#071327;min-height:100vh}.brand-page h1,.brand-page h2,.brand-page h3{letter-spacing:-.035em}.brand-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071327f2;border-bottom:1px solid #19e3ff33;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:8px max(22px,50vw - 620px);display:flex;position:sticky;top:0}.brand-logo img{object-fit:contain;width:94px;height:54px;display:block}.brand-header nav{align-items:center;gap:8px;display:flex}.brand-header nav a{color:#c5d4e6;align-items:center;gap:7px;min-height:39px;padding:0 12px;font-size:.78rem;font-weight:850;display:inline-flex}.brand-header nav a svg{width:16px}.brand-header nav .brand-language{color:#071327;background:#19e3ff;border-radius:5px}.brand-kicker{color:#19e3ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.7rem;font-weight:900}.brand-hub-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:80px;min-height:570px;padding:82px max(24px,50vw - 590px);display:grid}.brand-hub-hero h1,.favicon-hero h1{max-width:860px;margin:0;font-size:clamp(2.5rem,5.5vw,5.2rem);line-height:.98}.brand-hub-hero>div:first-child>p:not(.brand-kicker),.favicon-hero>p:not(.brand-kicker){color:#b9c9dd;max-width:760px;margin:24px 0 0;font-size:1.04rem;line-height:1.75}.brand-primary{color:#071327;background:#19e3ff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-weight:900;display:inline-flex}.brand-primary svg{width:18px}.brand-hub-hero .brand-primary{margin-top:28px}.brand-icon-board{color:#071327;background:#19e3ff;grid-template-columns:repeat(2,1fr);align-content:center;gap:14px;min-height:360px;padding:40px;display:grid;position:relative;box-shadow:18px 18px #c9343a}.brand-icon-board strong{text-align:center;letter-spacing:.12em;grid-column:1/-1;padding-top:12px;font-size:1rem}.brand-icon-tile{aspect-ratio:1;color:#fff;background:#071327;place-items:center;font-weight:900;display:grid}.tile-16{place-self:end;width:44px;font-size:.7rem}.tile-32{align-self:end;width:72px;font-size:.8rem}.tile-180{justify-self:end;width:104px;font-size:1rem}.tile-512{width:138px;font-size:1.2rem}.brand-trust{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:repeat(4,1fr);display:grid}.brand-trust span{color:#ccdaeb;text-align:center;border-right:1px solid #ffffff24;justify-content:center;align-items:center;gap:9px;min-height:70px;padding:14px;font-size:.75rem;font-weight:850;display:flex}.brand-trust span:last-child{border-right:0}.brand-trust svg{color:#19e3ff;width:17px}.brand-hub-tools{color:#102039;background:#edf3f8;padding:95px max(24px,50vw - 560px)}.brand-section-heading{max-width:760px;margin-bottom:36px}.brand-section-heading .brand-kicker{color:#1256d8}.brand-section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.brand-feature-card{color:#fff;background:#0d2342;grid-template-columns:70px minmax(0,1fr) 210px;align-items:center;gap:30px;min-height:260px;padding:36px;display:grid;box-shadow:12px 12px #19e3ff}.brand-feature-number{color:#19e3ff;align-self:start;font-weight:900}.brand-feature-card h3{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.brand-feature-card p{color:#bdcde0;max-width:650px;line-height:1.7}.brand-feature-card strong{color:#19e3ff;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.brand-feature-card strong svg{width:17px}.brand-favicon-mark{aspect-ratio:1;color:#071327;background:#19e3ff;place-items:center;font-size:5rem;font-weight:950;display:grid}.brand-note-grid{background:#cbd8e5;border:1px solid #cbd8e5;grid-template-columns:1fr 1fr;gap:1px;margin-top:72px;display:grid}.brand-note-grid article{background:#fff;padding:32px}.brand-note-grid h3{margin:0 0 12px;font-size:1.35rem}.brand-note-grid p{color:#5c6b7f;margin:0;line-height:1.7}.favicon-hero{padding:78px max(24px,50vw - 525px) 64px}.favicon-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.favicon-hero>div{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.favicon-hero>div span{color:#d2dfef;border:1px solid #ffffff2e;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:.7rem;font-weight:850;display:inline-flex}.favicon-hero>div svg{color:#19e3ff;width:15px}.favicon-workspace{color:#102039;background:#e8eef5;padding:72px max(24px,50vw - 590px)}.favicon-workspace-heading{margin-bottom:25px}.favicon-workspace-heading .brand-kicker{color:#1256d8}.favicon-workspace-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.8rem)}.favicon-workspace-grid{background:#fff;border:1px solid #cbd8e5;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);display:grid;box-shadow:0 20px 55px #07132721}.favicon-source-panel,.favicon-control-panel{min-width:0;padding:30px}.favicon-control-panel{background:#f8fafc;border-left:1px solid #d6e0eb;align-content:start;gap:25px;display:grid}.favicon-dropzone{color:#102039;text-align:center;background:#fff;border:2px dashed #9cb0c6;border-radius:6px;align-content:center;place-items:center;gap:12px;width:100%;min-height:390px;padding:28px;display:grid}.favicon-dropzone:hover,.favicon-dropzone:focus-visible{background:#effbff;border-color:#1256d8}.favicon-dropzone svg{color:#1256d8;width:46px;height:46px}.favicon-dropzone strong{font-size:1.08rem}.favicon-dropzone span{color:#5c6b7f;font-size:.78rem}.favicon-dropzone em{color:#fff;background:#1256d8;border-radius:4px;margin-top:6px;padding:9px 15px;font-size:.75rem;font-style:normal;font-weight:900}.favicon-source-preview{text-align:left;grid-template-columns:1fr auto;align-content:center;gap:16px;min-height:390px;display:grid}.favicon-source-preview>.transparency-grid{grid-column:1/-1;place-items:center;min-height:290px;display:grid}.transparency-grid{background-color:#fff;background-image:linear-gradient(45deg,#e3e9ef 25%,#0000 25%),linear-gradient(-45deg,#e3e9ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e9ef 75%),linear-gradient(-45deg,#0000 75%,#e3e9ef 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.favicon-source-preview img{max-width:250px;max-height:250px}.favicon-source-preview>div:nth-child(2){gap:5px;min-width:0;display:grid}.favicon-source-preview>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favicon-source-preview>div:nth-child(2) span{color:#5c6b7f;font-size:.75rem}.favicon-source-preview button{color:#1256d8;background:#fff;border:1px solid #9fb1c6;border-radius:4px;align-self:center;padding:9px 12px;font-size:.74rem;font-weight:850}.favicon-error{color:#8e1e24;background:#ffebec;border-left:4px solid #c9343a;margin:14px 0 0;padding:12px;font-size:.78rem}.favicon-control-panel>label{grid-template-columns:1fr auto;gap:12px;font-size:.78rem;font-weight:900;display:grid}.favicon-control-panel output{color:#1256d8}.favicon-control-panel input[type=range]{accent-color:#1256d8;grid-column:1/-1;width:100%}.favicon-control-panel fieldset{border:0;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:0;display:grid}.favicon-control-panel legend{margin-bottom:12px;font-size:.78rem;font-weight:900}.favicon-control-panel fieldset label{align-items:center;gap:6px;font-size:.75rem;display:flex}.favicon-control-panel input[type=color]{background:#fff;border:1px solid #9fb1c6;width:38px;height:34px;padding:2px}.favicon-size-previews>strong{margin-bottom:12px;font-size:.78rem;display:block}.favicon-size-previews>div{background:#e8eef5;align-items:end;gap:15px;min-height:200px;padding:18px;display:flex;overflow-x:auto}.favicon-size-previews>div>span{justify-items:center;gap:7px;display:grid}.favicon-size-previews>div>span>span{place-items:center;min-width:max(48px,100%);min-height:max(48px,100%);padding:5px;display:grid}.favicon-size-previews small{color:#5c6b7f;font-size:.66rem}.favicon-generate{width:100%}.favicon-generate:disabled{cursor:not-allowed;opacity:.42}.favicon-result{color:#fff;background:#0d2342;border-left:7px solid #19e3ff;grid-template-columns:auto 1fr;gap:22px;margin-top:34px;padding:30px;display:grid}.favicon-result-check{color:#071327;background:#19e3ff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.favicon-result-check svg{width:25px}.favicon-result h2{max-width:700px;margin:0;font-size:clamp(1.5rem,3vw,2.35rem)}.favicon-result-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.favicon-result-actions button{color:#fff;background:#1256d8;border:0;border-radius:5px;align-items:center;gap:8px;min-height:50px;padding:0 15px;font-weight:850;display:inline-flex}.favicon-result-actions button:last-child{color:#c8d6e8;background:0 0;border:1px solid #536b88}.favicon-result-actions svg{width:17px}.favicon-result details{grid-column:2;margin-top:7px}.favicon-result summary{cursor:pointer;color:#19e3ff;font-size:.78rem;font-weight:850}.favicon-result ul{color:#c3d2e4;grid-template-columns:1fr 1fr;gap:5px 20px;padding-left:18px;font-size:.72rem;display:grid}.favicon-result li span{float:right;color:#8fa5bf}.favicon-local-note{color:#5c6b7f;justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:.72rem;font-weight:800;display:flex}.favicon-local-note svg{color:#0a8f6a;width:15px}.favicon-explainer,.favicon-faq{color:#102039;background:#fff;grid-template-columns:.75fr 1.25fr;gap:70px;padding:90px max(24px,50vw - 550px);display:grid}.favicon-explainer h2,.favicon-file-guide h2,.favicon-faq h2{margin:0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.08}.favicon-explainer .brand-kicker,.favicon-faq .brand-kicker{color:#1256d8}.favicon-explainer ol{border-top:1px solid #d6e0eb;margin:0;padding:0;list-style:none}.favicon-explainer li{border-bottom:1px solid #d6e0eb;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:88px;display:grid}.favicon-explainer li span{color:#fff;background:#1256d8;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.favicon-explainer li p{line-height:1.55}.favicon-file-guide{color:#fff;background:#1256d8;grid-template-columns:64px 1fr;gap:28px;padding:65px max(24px,50vw - 500px);display:grid}.favicon-file-guide>svg{color:#19e3ff;width:54px;height:54px}.favicon-file-guide p{color:#dce7fa;max-width:820px;line-height:1.7}.favicon-faq details{border-bottom:1px solid #d6e0eb}.favicon-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:68px;font-weight:850;display:flex}.favicon-faq summary span{color:#1256d8;font-size:1.2rem}.favicon-faq details p{color:#5c6b7f;margin:0 0 22px;line-height:1.65}.brand-discovery{color:#102039;background:#e9f7f2;padding:78px max(24px,50vw - 550px)}.brand-discovery h2{margin:0 0 28px;font-size:clamp(1.7rem,3vw,2.7rem)}.brand-discovery>div{border-top:1px solid #b8d8cd;border-left:1px solid #b8d8cd;grid-template-columns:repeat(3,1fr);display:grid}.brand-discovery a{background:#ffffff6b;border-bottom:1px solid #b8d8cd;border-right:1px solid #b8d8cd;align-content:center;gap:8px;min-height:130px;padding:22px;display:grid}.brand-discovery a:hover{background:#fff}.brand-discovery span{color:#5c6b7f;font-size:.78rem;line-height:1.55}@media (max-width:960px){.brand-hub-hero{grid-template-columns:1fr .65fr;gap:36px}.brand-feature-card{grid-template-columns:55px 1fr 150px}.favicon-workspace-grid{grid-template-columns:1fr}.favicon-control-panel{border-top:1px solid #d6e0eb;border-left:0}.tool-ecosystem-directory>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-header{align-items:flex-start;padding-top:10px;padding-bottom:10px}.suite-header nav{max-width:70vw;overflow-x:auto}.suite-header nav a{flex:none}.suite-hero{grid-template-columns:1fr .55fr;gap:35px}.workspace-shell,.token-shell{grid-template-columns:1fr}.token-options,.option-panel{border-top:1px solid var(--line);border-left:0}.service-band,.course-band,.mobile-app-callout{grid-template-columns:1fr}.mobile-app-callout .primary-button{justify-self:start}.acquisition-actions{justify-items:start}.course-band>svg{display:none}}@media (max-width:680px){.brand-header{min-height:64px}.brand-logo img{width:72px;height:44px}.brand-header nav a:first-child{display:none}.brand-hub-hero{grid-template-columns:1fr;min-height:auto;padding-top:62px;padding-bottom:70px}.brand-icon-board{min-height:300px;margin-right:14px;padding:28px}.brand-trust{grid-template-columns:1fr 1fr}.brand-trust span:nth-child(2){border-right:0}.brand-trust span:nth-child(-n+2){border-bottom:1px solid #ffffff24}.brand-feature-card{grid-template-columns:38px 1fr;padding:24px}.brand-favicon-mark{grid-column:2;width:130px}.brand-note-grid,.favicon-explainer,.favicon-faq{grid-template-columns:1fr;gap:35px}.brand-discovery>div{grid-template-columns:1fr}.favicon-hero{padding-top:58px}.favicon-workspace,.brand-hub-tools{padding-top:60px;padding-bottom:60px}.favicon-source-panel,.favicon-control-panel{padding:20px}.favicon-dropzone,.favicon-source-preview{min-height:320px}.favicon-result{grid-template-columns:1fr;padding:23px}.favicon-result details{grid-column:1}.favicon-result ul,.favicon-file-guide{grid-template-columns:1fr}}@media (max-width:700px){.tool-ecosystem-directory{width:min(100% - 30px,1180px);padding:54px 0}.tool-ecosystem-directory>div:last-child{grid-template-columns:1fr}.suite-header{gap:7px;display:grid;position:static}.suite-header nav{width:100%;max-width:100%;padding-bottom:3px}.suite-header nav a{min-height:34px;padding:0 8px}.suite-hero{grid-template-columns:1fr;min-height:auto;padding-top:50px;padding-bottom:55px}.suite-hero h1,.tool-intro h1{font-size:2.25rem}.hero-emblem{min-height:175px;box-shadow:10px 10px 0 var(--coral)}.hero-emblem svg{width:54px;height:54px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span:nth-child(2){border-right:0}.directory-grid,.related-tools>div:last-child{grid-template-columns:1fr}.directory-item,.directory-item:nth-child(2n),.related-tools a{border-right:0}.tool-directory,.related-tools,.faq-section,.workspace,.how-to{padding-top:60px;padding-bottom:60px}.tool-intro{padding-top:48px}.workspace-title{align-items:flex-start}.workspace-title>span{flex:none;width:45px;height:45px}.input-panel,.option-panel,.token-editor,.token-options,.token-results{padding:20px}.token-editor textarea{min-height:300px}.token-metrics{grid-template-columns:1fr 1fr}.drop-zone{min-height:240px}.result-heading{align-items:flex-start}.result-heading h2{font-size:1.5rem}.result-stats{grid-template-columns:1fr 1fr}.how-to,.faq-section{grid-template-columns:1fr;gap:35px}.service-band,.course-band{gap:25px}.mobile-app-callout{width:min(100% - 30px,1120px);padding:22px}.suite-footer{grid-template-columns:1fr 1fr;gap:35px}.suite-footer>div:first-child{grid-column:1/-1}}@media (max-width:420px){.suite-brand small{display:none}.suite-footer{grid-template-columns:1fr}.suite-footer>div:first-child,.suite-footer>small{grid-column:1}.result-actions a,.result-actions button,.token-actions button{justify-content:center;width:100%}}