@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#18233d;--indigo:#6558e8;--amber:#e39a32;--ivory:#faf8f2;--ink:#202637;--muted:#60697b;--panel:#eef0fa;--border:#ced3e0;--green:#27745b}*{box-sizing:border-box}html{background:var(--ivory);color:var(--ink)}body{background:var(--ivory);margin:0;font-family:Inter,Aptos,Arial,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,select{font:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f2f0;border-bottom:1px solid #ced3e0b8;justify-content:space-between;align-items:center;gap:32px;min-height:78px;padding:14px max(20px,50% - 590px);display:flex;position:sticky;top:0}.brand img{width:204px;height:auto;display:block}.site-header nav{color:var(--navy);align-items:center;gap:26px;font-size:.92rem;font-weight:650;display:flex}.site-header nav a:hover{color:var(--indigo)}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.mobile-menu>div{border:1px solid var(--border);background:#fff;border-radius:14px;width:230px;padding:12px;position:absolute;top:46px;right:0;box-shadow:0 18px 42px #18233d29}.mobile-menu a{padding:10px;font-weight:700;display:block}.hero{grid-template-columns:.94fr 1.06fr;align-items:center;gap:72px;min-height:690px;padding-block:76px 88px;display:grid}.eyebrow{color:var(--indigo);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}h1,h2,h3{color:var(--navy);letter-spacing:-.035em;font-family:Manrope,Aptos Display,Arial,sans-serif;line-height:1.06}h1{margin:0 0 24px;font-size:clamp(3.1rem,6vw,5.8rem)}h1 span{color:var(--indigo)}.lede{max-width:610px;color:var(--muted);margin:0;font-size:clamp(1.08rem,1.7vw,1.3rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;font-weight:750;display:inline-flex}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:var(--indigo)}.button.secondary{border:1px solid var(--border);color:var(--navy);background:#fff}.demo-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:26px;position:relative;box-shadow:0 28px 70px #18233d1f}.demo-card:before{content:"";background:var(--panel);z-index:-1;border-radius:18px 18px 0 0;height:20px;position:absolute;inset:-14px 22px auto}.demo-topline{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:20px;font-size:.78rem;font-weight:750;display:flex}.live-dot{color:var(--green)}.live-dot:before{content:"●";margin-right:6px}.demo-card h2{margin:18px 0 4px;font-size:2.45rem}.formula{color:var(--muted);margin:0 0 22px;font-weight:650}.demo-controls{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;display:grid}.demo-controls label{color:var(--muted);letter-spacing:.04em;font-size:.76rem;font-weight:750}.demo-controls select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--navy);background:#fff;border-radius:10px;margin-top:5px;padding:7px 34px 7px 10px;display:block}.demo-controls button{background:var(--indigo);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:8px 16px;font-weight:800}.keyboard{background:var(--navy);border-radius:14px;grid-template-columns:repeat(12,1fr);gap:3px;height:178px;margin-top:25px;padding:12px;display:grid;overflow:hidden}.key{background:var(--ivory);color:var(--navy);border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;padding-bottom:14px;font-size:.72rem;display:flex;position:relative}.key:nth-child(2),.key:nth-child(4),.key:nth-child(7),.key:nth-child(9),.key:nth-child(11){background:var(--navy);color:#fff;z-index:2;border:1px solid #ffffff26;height:61%;margin-inline:-12px}.key.selected:after{content:"";background:var(--amber);border-radius:50%;width:18px;height:18px;position:absolute;bottom:34px;box-shadow:0 0 0 4px #e39a322e}.key.selected b{z-index:2;position:relative}.demo-answer{color:var(--navy);justify-content:space-between;align-items:center;margin:18px 0 0;display:flex}.demo-answer span{color:var(--muted);font-size:.82rem}.destinations{border-top:1px solid var(--border);padding-block:88px 112px}.section-heading{max-width:650px;margin-bottom:34px}.section-heading h2{margin:0;font-size:clamp(2.1rem,4vw,3.5rem)}.card-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.destination-card{border:1px solid var(--border);background:#ffffffb8;border-radius:14px;flex-direction:column;min-height:250px;padding:25px;transition:all .2s;display:flex}.destination-card:hover{border-color:var(--indigo);transform:translateY(-4px);box-shadow:0 18px 32px #18233d14}.card-number{color:var(--amber);letter-spacing:.12em;font-size:.78rem;font-weight:850}.destination-card h3{margin:38px 0 10px;font-size:1.25rem}.destination-card p{color:var(--muted);margin:0}.card-link{color:var(--indigo);margin-top:auto;padding-top:24px;font-weight:800}.site-footer{background:var(--navy);color:#fff;padding:58px 0 24px}.footer-main{grid-template-columns:1.6fr repeat(3,1fr);gap:42px;display:grid}.footer-main>div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.footer-main strong{color:#fff;margin-bottom:8px}.footer-main a,.footer-main p{color:#cdd4e7;font-size:.88rem}.footer-main a:hover{color:#fff}.footer-brand{flex-direction:row!important;gap:14px!important}.footer-brand img{width:52px;height:52px}.footer-brand p{margin:2px 0 0}.footer-bottom{color:#aeb8d0;border-top:1px solid #ffffff29;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;font-size:.78rem;display:flex}.footer-bottom p{margin:0}.privacy-choices{color:#cdd4e7;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.privacy-choices:hover{color:#fff}.consent-notice{z-index:40;border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px 24px;max-width:920px;margin:auto;padding:18px 20px;display:grid;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 24px 70px #18233d3d}.consent-notice strong{color:var(--navy);font:800 1.05rem Manrope,Arial,sans-serif}.consent-notice p{color:var(--muted);margin:4px 0 0}.consent-notice>a{color:var(--indigo);font-size:.82rem;font-weight:750}.consent-actions{gap:9px;display:flex}.consent-actions button{border:1px solid var(--border);min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;padding:9px 15px;font-weight:800}.consent-actions .consent-primary{border-color:var(--indigo);background:var(--indigo);color:#fff}.task-section,.engine-section{background:var(--navy);color:#fff;padding:96px 0}.task-section h2,.engine-section h2{color:#fff}.task-links{border-top:1px solid #ffffff38;border-left:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);display:grid}.task-links a{border-bottom:1px solid #ffffff38;border-right:1px solid #ffffff38;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:24px;font-weight:750;display:flex}.task-links a:hover{background:#6558e847}.task-links span{color:var(--amber)}.reference-section,.trust-section{padding-block:102px}.reference-list{flex-wrap:wrap;gap:12px;display:flex}.reference-list a{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:999px;padding:14px 18px;font-weight:750}.reference-list a:hover{border-color:var(--indigo);color:var(--indigo)}.engine-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.engine-grid>div:first-child>p:not(.eyebrow){color:#cdd4e7;margin-bottom:26px;font-size:1.08rem}.connection-map{text-align:center;background:radial-gradient(circle,#6558e852,#0000 62%);border:1px solid #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:40px;display:flex}.connection-map>span:first-child{color:var(--amber);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800}.connection-map>strong{margin:8px 0;font:800 2.5rem Manrope,Arial,sans-serif}.connection-map>span{color:#e3e7f2}.connection-map>div{gap:8px;margin:24px 0;display:flex}.connection-map b{color:var(--navy);background:#fff;border-radius:8px;padding:8px 12px}.connection-map small{color:#aeb8d0}.trust-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.trust-grid article{border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px}.trust-grid h3{margin-top:0}.trust-grid p{color:var(--muted)}.trust-grid a{color:var(--indigo);font-weight:800}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;padding-top:24px;font-size:.82rem;display:flex}.breadcrumbs a{color:var(--indigo)}.page-hero{max-width:840px;padding:72px 0 48px}.page-hero h1{margin:0 0 20px;font-size:clamp(2.8rem,6vw,5rem)}.page-hero>p:last-child{color:var(--muted);max-width:720px;font-size:1.2rem}.tool-panel{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:64px;padding:clamp(18px,3vw,34px);box-shadow:0 22px 54px #18233d14}.tool-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;margin-bottom:22px;display:grid}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.78rem;font-weight:800;display:flex}.field select,.field input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--navy);background:#fff;border-radius:10px;padding:9px 12px}.tool-panel button{background:var(--indigo);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:9px 16px;font-weight:800}.tool-panel button:hover{filter:brightness(.94)}.tool-panel .secondary-control{border:1px solid var(--indigo);color:var(--indigo);background:#fff}.tool-panel .quiet-control{background:var(--panel);color:var(--navy)}.answer-panel{background:var(--panel);border-radius:14px;margin-bottom:22px;padding:26px}.result-kicker{color:var(--indigo);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:850}.answer-panel h2{margin:7px 0;font-size:clamp(2rem,4vw,3.2rem)}.answer-panel h2 small{letter-spacing:0;color:var(--muted);font-size:.4em}.result-notes{color:var(--navy);font-size:1.12rem;font-weight:750}.result-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0 0;display:grid}.result-grid div{border-top:1px solid var(--border);padding-top:10px}.result-grid dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.result-grid dd{color:var(--navy);margin:3px 0 0}.tool-keyboard{background:var(--navy);border-radius:14px;grid-template-columns:repeat(12,1fr);gap:3px;min-height:210px;padding:12px;display:grid;overflow:hidden}.tool-key{justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative;background:var(--ivory)!important;color:var(--navy)!important;border-radius:0 0 5px 5px!important;padding:0 2px 16px!important}.tool-key.black{z-index:2;height:62%;margin-inline:-12px;background:var(--navy)!important;color:#fff!important;border:1px solid #fff3!important}.tool-key.selected:after{content:"";background:var(--amber);border-radius:50%;width:19px;height:19px;position:absolute;bottom:38px;box-shadow:0 0 0 4px #e39a3233}.tool-key span{z-index:3;font-size:.72rem;font-weight:800}.tool-keyboard.interactive .tool-key{cursor:pointer}.audio-actions,.entry-row{flex-wrap:wrap;align-items:end;gap:10px;margin-top:18px;display:flex}.entry-row .field{flex:1;min-width:min(360px,100%)}.tool-note,.selection-text{color:var(--muted);margin:20px 0 0}.match-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.match-grid section{background:var(--panel);border-radius:14px;padding:20px}.match-grid h2{margin:0 0 12px;font-size:1.25rem}.match{border-top:1px solid var(--border);flex-direction:column;padding:10px 0;display:flex}.match strong{color:var(--navy);font-size:1.18rem}.match span{color:var(--muted);font-size:.86rem}.muted-match strong{color:var(--indigo)}.finger-sequence{color:var(--navy);letter-spacing:.08em;font-size:2rem;font-weight:850}.notice{border-left:4px solid var(--amber);background:#fff;padding:16px}.circle-layout{grid-template-columns:minmax(380px,1fr) 1fr;align-items:center;gap:48px;display:grid}.circle-visual{border:34px solid var(--panel);border-radius:50%;width:360px;height:360px;margin:40px auto;position:relative}.circle-visual:after{content:"Fifths";color:var(--navy);font:800 1.4rem Manrope,Arial,sans-serif;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.circle-visual button{width:70px;height:54px;color:var(--navy);border:1px solid var(--border);background:#fff;flex-direction:column;justify-content:center;padding:4px;display:flex;position:absolute;top:calc(50% - 27px);left:calc(50% - 35px);box-shadow:0 6px 14px #18233d14}.circle-visual button[aria-pressed=true]{background:var(--indigo);color:#fff;border-color:var(--indigo)}.circle-visual button span{font-size:.58rem}.circle-answer{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}caption{text-align:left;color:var(--navy);margin-bottom:14px;font:800 1.25rem Manrope,Arial,sans-serif}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:13px 14px}thead th{background:var(--navy);color:#fff}tbody tr:nth-child(2n){background:#f7f7fb}.text-button{min-height:auto!important;color:var(--indigo)!important;background:0 0!important;padding:0!important}.full-keyboard{background:var(--navy);border-radius:14px;grid-template-columns:repeat(12,minmax(42px,1fr));margin-top:22px;padding:18px;display:grid;overflow-x:auto}.full-keyboard.is-full{grid-template-columns:repeat(88,32px)}.full-keyboard span{background:var(--ivory);min-height:170px;color:var(--navy);border-right:1px solid var(--border);flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 2px;display:flex;position:relative}.full-keyboard .black-note{background:var(--navy);color:#fff;z-index:2;min-height:104px;margin-inline:-9px}.full-keyboard em{writing-mode:vertical-rl;color:var(--indigo);margin-top:7px;font-size:.62rem}.inversion-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.inversion-card{border:1px solid var(--border);border-radius:14px;padding:18px}.inversion-card h2{margin:7px 0;font-size:1.35rem}.inversion-card .tool-keyboard{min-height:120px;padding:7px}.inversion-card .tool-key.selected:after{width:12px;height:12px;bottom:24px}.inversion-card button{margin-top:12px}.harmony-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.harmony-grid article{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:14px 10px}.harmony-grid span{color:var(--indigo);font-weight:850}.harmony-grid h3{margin:18px 0 6px;font-size:.98rem}.harmony-grid p{color:var(--muted);font-size:.75rem}.progression-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.progression-list button{text-align:left;background:var(--navy);flex-direction:column;align-items:flex-start;min-height:130px;display:flex}.progression-list strong{font-size:1.3rem}.progression-list span{color:#d7dced}.progression-list em{color:var(--amber);margin-top:auto;font-style:normal}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:24px;padding-bottom:96px;display:grid}.prose-card,.related-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-self:start;padding:clamp(22px,4vw,38px)}.prose-card h2{margin:32px 0 10px;font-size:1.75rem}.prose-card h2:first-child{margin-top:0}.prose-card p{color:#424b5f}.note-box{background:var(--panel);border-left:4px solid var(--amber);margin-top:28px;padding:18px}.note-box p{margin-bottom:0}.review-line{border-top:1px solid var(--border);margin-top:34px;padding-top:20px;font-size:.88rem}.review-line a{color:var(--indigo);font-weight:750}.related-card h2{margin-top:0}.related-card>a{border-top:1px solid var(--border);flex-direction:column;padding:15px 0;display:flex}.related-card>a strong{color:var(--navy)}.related-card>a span{color:var(--muted);font-size:.85rem}.route-index{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:96px;display:grid}.route-index>div{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px}.route-index h2{margin-top:0;font-size:1.2rem}.route-index a{color:var(--indigo);padding:7px 0;display:block}.not-found{min-height:65vh;padding-block:100px}.not-found h1{max-width:800px;font-size:clamp(3rem,7vw,6rem)}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:30px;font-size:1.2rem}.page-facts{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr);margin:0 0 34px;display:grid;overflow:hidden}.page-facts div{border-right:1px solid var(--border);padding:18px}.page-facts div:last-child{border-right:0}.page-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.page-facts dd{color:var(--navy);overflow-wrap:anywhere;margin:5px 0 0;font-weight:750}.article-visual{border:1px solid var(--border);background:#fff;border-radius:18px;margin:0 0 46px;padding:clamp(20px,3vw,32px);box-shadow:0 18px 48px #18233d0f}.article-visual figcaption{color:var(--navy);margin-bottom:18px;font:800 1.25rem Manrope,Arial,sans-serif}.visual-equivalent{color:var(--muted);margin:18px 0 0;font-size:.9rem}.visual-pair{grid-template-columns:1.4fr .6fr;gap:18px;display:grid}.mini-keyboard{background:var(--navy);border-radius:14px;grid-template-columns:repeat(12,1fr);gap:3px;height:190px;padding:12px;display:grid;overflow:hidden}.mini-keyboard span{background:var(--ivory);color:var(--navy);border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;padding:0 2px 14px;display:flex;position:relative}.mini-keyboard span.black{z-index:2;background:var(--navy);color:#fff;border:1px solid #ffffff29;height:62%;margin-inline:-11px}.mini-keyboard span.selected:after{content:"";background:var(--amber);border-radius:50%;width:18px;height:18px;position:absolute;bottom:35px;box-shadow:0 0 0 4px #e39a3233}.mini-keyboard b{z-index:3;font-size:.68rem;position:relative}.construction-figure>div{flex-direction:column-reverse;gap:8px;display:flex}.construction-figure span{background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.construction-figure small{color:var(--indigo);font-weight:800}.construction-figure strong{color:var(--navy);font-size:1.25rem}.relationship-track{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.relationship-track>div{border:1px solid var(--border);background:linear-gradient(145deg,#fff,var(--panel));border-radius:12px;min-height:150px;padding:18px}.relationship-track span{color:var(--amber);letter-spacing:.12em;font-size:.72rem;font-weight:850}.relationship-track strong{color:var(--navy);margin:18px 0 6px;display:block}.relationship-track p{color:var(--muted);margin:0;font-size:.86rem}.staff{background:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--navy) 24px,var(--navy) 25px);border-inline:1px solid var(--border);height:190px;position:relative;overflow:hidden}.note-dot{background:var(--indigo);border-radius:50%;width:22px;height:16px;position:absolute;transform:rotate(-18deg)}.note-dot:after{content:"";background:var(--indigo);width:2px;height:58px;position:absolute;bottom:7px;right:0}.note-dot.one{top:102px;left:24%}.note-dot.two{top:54px;left:66%}.staff-label{background:var(--ivory);color:var(--navy);padding:6px 9px;font-weight:800;position:absolute;bottom:12px;right:16px}.context-table{border:1px solid var(--border);background:#fff;border-radius:18px;margin:0 0 54px;padding:clamp(20px,3vw,32px)}.context-table h2{margin-top:0;font-size:1.7rem}.context-table a{color:var(--indigo);font-weight:800}.article-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);align-items:start;gap:26px;padding-bottom:100px;display:grid}.longform{min-width:0}.longform>section{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:16px;padding:clamp(24px,4vw,42px)}.longform h2{margin:0 0 15px;font-size:clamp(1.6rem,3vw,2.15rem)}.longform p{color:#424b5f;font-size:1rem;line-height:1.72}.longform ul{margin:22px 0 0;padding-left:22px}.longform li{color:#424b5f;margin:9px 0}.longform .section-note{border-left:5px solid var(--amber)}.longform .section-practice{background:var(--navy);border-color:var(--navy)}.longform .section-practice h2,.longform .section-practice p,.longform .section-practice li{color:#fff}.longform .section-method{background:var(--panel)}.worked-example{background:var(--panel);border-left:4px solid var(--indigo);margin-top:22px;padding:18px}.worked-example p{margin-bottom:0}.review-status{background:#fff7e8;border:1px solid #efcf91;border-radius:14px;padding:24px}.review-status strong{color:var(--navy)}.review-status p{color:#5d513c}.review-status a{color:var(--indigo);font-weight:800}.article-layout>.related-card{position:sticky;top:105px}.article-layout>.related-card h2{font-size:1.4rem}.selected-links{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.selected-links a{border:1px solid var(--border);color:var(--indigo);background:#fff;border-radius:999px;padding:9px 12px;font-size:.82rem;font-weight:800}.tool-status{min-height:1.4em;color:var(--green);font-weight:750}.bass-control{max-width:260px;margin:18px 0 0}.tool-visual-pair{align-items:stretch;margin-top:20px}.tool-visual-pair>.tool-keyboard{margin:0}.tool-notation{border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;margin:0;padding:16px}.tool-notation figcaption{color:var(--navy);font:800 1rem Manrope,Arial,sans-serif}.notation-canvas{min-height:160px;overflow:hidden}.notation-canvas svg{max-width:100%;height:auto;display:block}.result-link{color:var(--indigo);margin-top:12px;font-weight:800;display:inline-block}.scroll-cue{color:var(--indigo);margin:0 0 9px;font-size:.78rem;font-weight:800}.table-wrap th:first-child{z-index:1;background:#fff;position:sticky;left:0}.table-wrap thead th:first-child{z-index:2;background:var(--navy)}.table-wrap tbody tr:nth-child(2n) th:first-child{background:#f7f7fb}.diagram-steps{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.diagram-steps span,.degree-stack span{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:118px;padding:16px;display:flex}.diagram-steps b,.degree-stack b{color:var(--amber)}.diagram-steps strong,.degree-stack strong{color:var(--navy);font-size:1.05rem}.diagram-steps small,.degree-stack small{color:var(--indigo);font-weight:800}.decision-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.decision-grid div{background:var(--panel);border-radius:12px;flex-direction:column;min-height:128px;padding:18px;display:flex}.decision-grid strong{color:var(--navy);font-size:1.05rem}.decision-grid span{color:var(--muted);margin:12px 0}.decision-grid b{color:var(--indigo);margin-top:auto}.degree-stack{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.degree-stack span{min-height:140px;padding:12px}.degree-stack strong{font-size:.83rem}.degree-stack small{font-size:.7rem}.tour-section,.pathways-section{background:var(--panel);padding-block:104px}.product-tour{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.product-tour li{background:#fff;flex-direction:column;min-height:250px;padding:27px;display:flex}.product-tour li>span{color:var(--amber);letter-spacing:.12em;font-size:.75rem;font-weight:850}.product-tour strong{color:var(--navy);margin-top:34px;font:800 1.18rem Manrope,Arial,sans-serif}.product-tour p{color:var(--muted)}.product-tour a{color:var(--indigo);margin-top:auto;font-weight:800}.root-section,.library-preview,.print-method-section,.example-library{padding-block:104px}.root-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.root-grid a{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:116px;padding:18px;display:flex}.root-grid a:hover{border-color:var(--indigo);transform:translateY(-2px)}.root-grid strong{color:var(--navy);font-size:1.15rem}.root-grid span{color:var(--indigo);font-size:.78rem;font-weight:800}.keyboard-learning{background:var(--navy);color:#fff;padding-block:104px}.keyboard-learning h2{color:#fff;font-size:clamp(2.2rem,4vw,3.7rem)}.keyboard-learning-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.keyboard-learning-grid>div:first-child>p:not(.eyebrow){color:#d4daea}.labelled-octave{background:#10182b;border-radius:18px;grid-template-columns:repeat(12,minmax(48px,1fr));min-height:260px;padding:15px;display:grid;overflow-x:auto}.labelled-octave span{background:var(--ivory);min-width:48px;color:var(--navy);border-right:1px solid var(--border);flex-direction:column;justify-content:flex-end;align-items:center;padding:12px 4px;font-size:.72rem;font-weight:850;display:flex}.labelled-octave span:nth-child(2),.labelled-octave span:nth-child(4),.labelled-octave span:nth-child(7),.labelled-octave span:nth-child(9),.labelled-octave span:nth-child(11){z-index:2;background:var(--navy);color:#fff;border:1px solid #ffffff29;height:62%;margin-inline:-14px}.labelled-octave small{color:var(--amber);font-size:.62rem}.preview-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.preview-grid article{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;min-height:275px;padding:28px;display:flex}.preview-grid h3{margin:8px 0 12px;font-size:1.5rem}.preview-grid p:not(.eyebrow){color:var(--muted)}.preview-grid a{color:var(--indigo);margin-top:auto;font-weight:800}.example-library{border-top:1px solid var(--border)}.example-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.example-grid article{background:var(--panel);border-radius:14px;flex-direction:column;min-height:290px;padding:25px;display:flex}.example-grid article>span{color:var(--amber);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850}.example-grid h3{margin:28px 0 10px;font-size:1.45rem}.example-grid p{color:var(--muted)}.example-grid a{color:var(--indigo);margin-top:auto;font-weight:800}.pathway-grid,.print-method-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pathway-grid article,.print-method-grid>div{border:1px solid var(--border);background:#fff;border-radius:16px;padding:clamp(28px,4vw,46px)}.pathway-grid h2,.print-method-grid h2{margin-top:0;font-size:clamp(2rem,3vw,3rem)}.pathway-grid p,.print-method-grid p{color:var(--muted)}.pathway-grid ol{margin:28px 0 0;padding-left:22px}.pathway-grid li{border-bottom:1px solid var(--border);padding:8px 0}.pathway-grid a{color:var(--indigo);font-weight:800}.print-method-section{border-top:1px solid var(--border)}@media (max-width:900px){.site-header nav{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:44px;padding-block:58px 74px}.card-grid,.task-links{grid-template-columns:repeat(2,1fr)}.engine-grid,.circle-layout,.content-grid,.article-layout,.visual-pair,.keyboard-learning-grid,.pathway-grid,.print-method-grid,.trust-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.harmony-grid{grid-template-columns:repeat(4,1fr)}.route-index{grid-template-columns:repeat(2,1fr)}.article-layout>.related-card{position:static}.relationship-track,.page-facts{grid-template-columns:repeat(2,1fr)}.page-facts div:nth-child(2){border-right:0}.page-facts div:nth-child(-n+2){border-bottom:1px solid var(--border)}.product-tour{grid-template-columns:repeat(2,1fr)}.root-grid{grid-template-columns:repeat(3,1fr)}.preview-grid{grid-template-columns:1fr}.example-grid{grid-template-columns:repeat(2,1fr)}.keyboard-learning-grid{gap:42px}.degree-stack{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.circle-visual{display:none}.circle-layout{overflow:hidden}.breadcrumbs a,.footer-main a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.footer-main>div{gap:2px}.consent-notice{grid-template-columns:1fr;bottom:12px;left:12px;right:12px}.consent-actions{grid-template-columns:1fr 1fr;display:grid}.consent-actions button{width:100%}}@media (max-width:560px){.shell{width:min(100% - 28px,1180px)}.site-header{min-height:68px;padding-inline:14px}.brand img{width:180px}.hero{padding-top:44px}.actions{flex-direction:column}.button{width:100%}.demo-card{border-radius:18px;padding:18px}.demo-controls{grid-template-columns:1fr 1fr}.demo-controls button{grid-column:1/-1}.keyboard{height:140px;padding:8px}.key{padding-bottom:9px;font-size:.62rem}.key.selected:after{width:14px;height:14px;bottom:28px}.card-grid,.task-links,.match-grid,.result-grid,.progression-list,.route-index,.relationship-track,.page-facts,.product-tour,.root-grid,.example-grid,.diagram-steps,.decision-grid,.degree-stack{grid-template-columns:1fr}.page-facts div{border-right:0;border-bottom:1px solid var(--border)}.page-facts div:last-child{border-bottom:0}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.connection-map{border-radius:20px;min-height:300px;padding:24px}.circle-visual{display:none}.circle-layout{overflow:hidden}.tool-keyboard,.mini-keyboard{height:150px;min-height:150px;padding:8px}.tool-key.black,.mini-keyboard span.black{margin-inline:-8px}.tool-key.selected:after,.mini-keyboard span.selected:after{width:14px;height:14px;bottom:30px}.harmony-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding-top:52px}.page-hero h1{font-size:2.7rem}.product-tour li{min-height:210px}.labelled-octave{min-height:220px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@page{size:auto;margin:14mm}@media print{.site-header,.site-footer,.consent-notice,.privacy-choices,.actions,.demo-controls,.audio-actions,.entry-row,.breadcrumbs,.related-card,.selected-links,.secondary-control,.quiet-control,.tool-status{display:none!important}body{color:#000;background:#fff;font-size:10pt}.page-hero{padding-block:18px}.page-hero p{max-width:none}.demo-card,.tool-panel,.prose-card,.answer-panel,.tool-notation{box-shadow:none;break-inside:avoid;border-color:#777}.content-grid{display:block}.tool-keyboard{background:#333;min-height:125px}.tool-key.selected:after{box-shadow:none;background:#777}.visual-pair{grid-template-columns:1fr 1fr}.notation-canvas{min-height:135px}.notation-canvas svg{height:135px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}