:root{--ink:#172335;--secondary:#4f6076;--blue:#065edb;--line:rgba(255,255,255,.88);--radius:28px;--width:1120px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f6f8;font-synthesis:none}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:112px}
    body{margin:0;min-width:280px;-webkit-font-smoothing:antialiased}
    button,input,textarea{font:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    a{color:inherit;text-decoration:none}
    button{cursor:pointer}
    button:disabled{cursor:default}
    a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #064eb9;outline-offset:5px}
    .skip-link{position:fixed;left:20px;top:12px;z-index:20;padding:12px 20px;background:white;border-radius:12px;transform:translateY(-180%)}
    .skip-link:focus{transform:none}
    .container{width:min(var(--width),calc(100% - 64px));margin-inline:auto}
    .glass{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.32) 52%,rgba(245,250,255,.64));box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff9,0 16px 45px -28px #3a66977a,0 3px 8px -5px #4771a744;border-radius:var(--radius);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}
    .glass:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border-top:1px solid #fff;border-left:1px solid #ffffffbd}
    .navigation{position:sticky;top:20px;z-index:10;display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:8px 27px;margin-top:20px;border-radius:40px;gap:24px;background:linear-gradient(135deg,#ffffffbe,#ffffffe0 50%,#ffffff80);box-shadow:inset 0 1px 2px #fff,0 9px 30px -22px #376fab91}
    .brand{font-size:21px;font-weight:680;letter-spacing:-1px;white-space:nowrap}
    .brand span{color:var(--blue)}
    .nav-links{display:flex;align-items:center;gap:30px;font-size:14px;color:#394b62}
    .nav-links a{display:flex;min-height:44px;align-items:center}
    .nav-links a:hover{color:var(--blue)}
    /* Keep horizontal overflow contained while card shadows can fade below main. */
    main{overflow-x:clip;overflow-y:visible}
    /* Keep the hero transparent so the page background continues behind the header. */
    .hero{position:relative;text-align:center;padding:130px 0 152px;isolation:isolate}
    .hero-content{position:relative;z-index:1}
    h1{font-size:clamp(36px,8.6vw,112px);font-weight:720;letter-spacing:-.065em;line-height:1.04;margin:0;color:#101924;white-space:nowrap}
    .hero h1 .domain-accent{font-weight:800}
    .hero p{font-size:clamp(18px,2.1vw,25px);font-weight:450;line-height:1.35;letter-spacing:-.4px;color:#4d5d76;margin:22px auto 32px;max-width:850px;text-wrap:balance}
    .hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:999px;font-size:15px;font-weight:550;line-height:1.4;letter-spacing:-.015em;border:1px solid transparent;color:#fff;background:#0868de;box-shadow:0 4px 12px -6px #174f9940;transition:background-color .2s,border-color .2s,transform .2s}
    .button-secondary{color:#2b405c;background:#ffffffb8;border-color:#cbd5e1;box-shadow:0 2px 6px -4px #294a7526;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
    .button:not(:disabled):active{transform:scale(.98)}
    .text-link{display:inline-flex;align-items:center;gap:8px;color:#0757c2;min-height:44px;font-size:15px}
    .arrow{font-size:22px;font-weight:400;line-height:1}
    /* Broad glass surfaces, cropped beyond the viewport; only transforms animate. */
    .hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%);mask-image:linear-gradient(#000 65%,transparent 100%)}
    .glass-waves{position:absolute;width:max(100%,1500px);height:600px;max-width:none;left:50%;bottom:-65px;transform:translateX(-50%);overflow:visible}
    .glass-wave{transform-box:view-box;transform-origin:50% 65%}
    .glass-wave-rear{animation:glass-tide-rear 16s ease-in-out -5s infinite alternate}
    .glass-wave-front{animation:glass-tide-front 20s ease-in-out -12s infinite alternate}
    .glass-reflection{animation:glass-reflection 14s linear -4s infinite}
    .learn-panel{padding:44px 36px 36px;border:1px solid #fffffff0;border-radius:38px;background:linear-gradient(120deg,#ffffffa8,#f0edff52);box-shadow:inset 0 1px 1px #fff,0 22px 70px -55px #46669066}
    h2{font-size:clamp(30px,4vw,46px);line-height:1.09;letter-spacing:-1.65px;font-weight:690;margin:0 0 13px}
    .section-intro{color:var(--secondary);font-size:19px;line-height:1.5;letter-spacing:-.25px;margin:0 0 29px}
    .learn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
    .learn-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px 21px 18px;min-height:285px;transition:transform .24s,box-shadow .24s}
    .art{height:105px;width:105px;max-width:100%;margin:0 0 12px;color:#0671ef;filter:drop-shadow(1px 2px 0 #ffffffdf) drop-shadow(0 7px 7px #177bdb30)}
    .art svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
    .learn-card h3{font-size:22px;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}
    .learn-card p{font-size:14px;line-height:1.5;color:var(--secondary);margin:0 0 15px}
    .learn-card .text-link{margin-top:auto;font-size:14px}
    .tools-section{padding:87px 28px 75px}
    .tool-list{display:grid;gap:12px;margin:29px 0 13px}
    .tool{border-radius:24px}
    .tool-summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:22px;padding:14px 22px 14px 15px;border-radius:inherit;cursor:pointer;list-style:none}
    .tool-summary::-webkit-details-marker{display:none}
    .tool-summary::marker{content:""}
    .tool-summary:focus-visible{outline:3px solid #064eb9;outline-offset:4px}
    .tool-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:19px;background:linear-gradient(145deg,#ffffffdb,#ccddf647);box-shadow:inset 0 1px 2px white,inset 0 -1px 2px #d6e5f0;border:1px solid #ffffffb3;color:#0870de}
    .tool-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px 1px #fff)}
    .tool-copy{min-width:0}
    .tool-title{display:block;font-size:18px;font-weight:630;letter-spacing:-.4px;margin:0 0 7px;overflow-wrap:anywhere}
    .tool-description{display:block;font-size:14px;line-height:1.45;color:var(--secondary);overflow-wrap:anywhere}
    .tool .text-link{white-space:nowrap;font-size:14px}
    .tool-summary .arrow{display:inline-block;transition:transform .18s cubic-bezier(.2,.7,.2,1)}
    .tool-label-close,.tool[open]:not([data-tool-closing])>.tool-summary .tool-label-open{display:none}
    .tool[open]:not([data-tool-closing])>.tool-summary .tool-label-close{display:inline}
    .tool[open]:not([data-tool-closing])>.tool-summary .arrow{transform:rotate(90deg)}
    .tool-body{margin:0 22px 22px 101px;padding-top:17px;border-top:1px solid #d3deec}
    .tool-body p{max-width:70ch;font-size:15px;line-height:1.65;color:var(--secondary);margin:0;overflow-wrap:anywhere}
    .tool-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
    .tool-meta>span{font-size:13px;line-height:1.5;color:#52647a}
    .contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px;align-items:center;border-radius:38px;margin-bottom:44px;background:linear-gradient(135deg,#ffffffad,#eaf3ff66)}
    .contact-panel h2{font-size:clamp(35px,4.5vw,52px);line-height:1.04;margin-bottom:20px}
    .contact-panel .section-intro{font-size:17px;margin:0;max-width:310px}
    .contact-form{padding:27px;border-radius:28px;background:#ffffff75;box-shadow:inset 0 1px 2px #fff,0 12px 24px -28px #385b91;border:1px solid #ffffffe8}
    .field{display:grid;gap:7px;margin:0 0 16px}
    label{font-size:13px;color:#43536b;font-weight:550}
    input,textarea{display:block;width:100%;min-width:0;border-radius:11px;border:1px solid #93abc0;padding:11px 13px;background:#f8fcffb8;color:var(--ink);box-shadow:inset 0 2px 4px #9bacbe1f,0 1px 1px #fff;line-height:1.4}
    textarea{resize:vertical;min-height:112px}
    .preview-note{font-size:12px;line-height:1.5;color:#52627a;margin:15px 0 0}
    .form-status{font-size:13px;line-height:1.5;color:#214976;margin:12px 0 0}
    .form-status:empty{display:none}
    footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#53627a;padding:0 20px 30px}
    .symbols{position:absolute;width:0;height:0;overflow:hidden}
    .document-hidden .motion{animation-play-state:paused}
    @keyframes glass-tide-rear{from{transform:translate(-32px,22px) scale(1.04,.94)}to{transform:translate(24px,-22px) scale(1,1.06)}}
    @keyframes glass-tide-front{from{transform:translate(26px,-20px) scale(1.02,1.06)}to{transform:translate(-26px,20px) scale(1.06,.94)}}
    @keyframes glass-reflection{from{transform:translateX(0)}to{transform:translateX(2400px)}}
    @media(hover:hover) and (pointer:fine){.learn-card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 2px #fff,0 23px 44px -25px #4773a875}.tool-summary:hover .tool-title,.tool-summary:hover .text-link{color:var(--blue)}.button:not(:disabled):hover{background-color:#075dc6}.button-secondary:not(:disabled):hover{background-color:#fff;border-color:#b3c3d7}}
    @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:#f5f9fff2}.navigation{background:#f8fbfff5}}
    @media(max-width:1000px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-card{min-height:260px}.contact-panel{gap:30px;padding:32px}.hero{padding:115px 0 135px}}
    @media(max-width:640px){html{scroll-padding-top:105px}.container{width:calc(100% - 36px)}.navigation{padding:6px 15px;top:12px;margin-top:12px;min-height:57px;gap:12px}.brand{font-size:17px;letter-spacing:-.8px}.nav-links{gap:15px;font-size:12px}.hero{padding:95px 0 130px}.hero p{letter-spacing:-.4px;margin-top:18px}.hero-actions{gap:12px}.button{min-height:47px;padding:12px 20px;font-size:14px}.glass-waves{width:1000px;height:400px;left:52%;bottom:12px}.hero-art{-webkit-mask-image:linear-gradient(#000 70%,transparent 100%);mask-image:linear-gradient(#000 70%,transparent 100%)}.learn-panel{padding:29px 18px 20px;border-radius:29px}h2{letter-spacing:-1.2px}.section-intro{font-size:16px}.learn-grid{gap:12px}.learn-card{min-height:255px;padding:20px 16px 13px;border-radius:23px}.learn-card h3{font-size:18px}.learn-card p{font-size:13px}.art{height:83px;width:83px;margin-bottom:13px}.tools-section{padding:57px 0 45px}.tool-summary{grid-template-columns:43px minmax(0,1fr);gap:8px 13px;padding:14px 16px}.tool-summary>.text-link{grid-column:2;justify-self:start}.tool-body{margin:0 16px 20px;padding-top:16px}.tool-body p{font-size:14px}.tool-icon{width:43px;height:48px;border-radius:13px}.tool-icon svg{width:25px;height:25px}.tool-title{font-size:16px}.tool-description{font-size:13px}.tool .text-link{font-size:14px}.contact-panel{grid-template-columns:1fr;gap:26px;padding:27px 19px;border-radius:29px}.contact-panel h2{font-size:40px}.contact-form{padding:22px 18px}footer{padding-inline:4px}}
    @media(max-width:360px){.container{width:calc(100% - 28px)}.navigation{padding-inline:12px;gap:9px}.brand{font-size:15px}.nav-links{gap:10px;font-size:11px}h1{font-size:34px}.hero p{font-size:18px}.learn-grid{grid-template-columns:1fr}.learn-card{min-height:225px}.learn-card p{font-size:14px}.contact-form{padding:18px 14px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion{animation:none!important;will-change:auto}.button,.learn-card,.tool-summary .arrow{transition:none}}
    @media print{.hero-art{display:none}.glass,.learn-panel,.contact-panel{background:white;box-shadow:none;backdrop-filter:none}.navigation{position:static}body{background:white}}