:root{font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b2340;background:#edf1ef;font-weight:500;--navy: #072b42;--ink: #0c243e;--teal: #026174;--gold: #fac756;--paper: #fcf9f3;--border: 1px solid #fff;--shade: 0 3px 10px #112a3c1a, 0 0 0 1px #12384c10;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #078c9d;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}button svg{flex-shrink:0}svg{width:1.35em;height:1.35em;stroke-width:1.7}button{transition:background .15s,box-shadow .15s}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif)}.app{position:relative;isolation:isolate;display:grid;grid-template-columns:12.85% minmax(0,1fr) 23.45%;grid-template-rows:minmax(45px,6.7svh) 1fr auto;min-height:100svh;font-size:clamp(12px,.91vw,17px);background:linear-gradient(110deg,#f2f1ed,#f8f4ee 56%,#c5d9e7);overflow:clip}.app:before{content:"";position:absolute;z-index:-1;left:12.85%;right:23.45%;top:0;height:37.6svh;background:var(--hero) center/100% 100% no-repeat;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}.app.compact{grid-template-columns:12.85% minmax(0,1fr) 0}.app.compact:before{right:0}.rail{grid-area:1/1/4/2;color:#fff;background:var(--pin) bottom center / 100% auto no-repeat,linear-gradient(155deg,#032c42 5%,#06425b 67%,#09628b);padding:2.1vh 7% 0;min-width:0;z-index:3}.brand{text-align:center;margin:0 -3% 3.7vh}.brand svg{width:58%;height:3vh}.brand strong{display:block;font:normal clamp(21px,1.65vw,32px) var(--serif);letter-spacing:.12em}.brand small{display:block;font-size:.73em;margin-top:.55em}.rail nav{display:grid;gap:.42vh}.rail nav button,.vault{display:flex;align-items:center;gap:1em;font-size:1em;min-height:4.9vh;color:#fff;text-align:left;border-radius:10px;padding:0 10%}.rail nav svg{font-size:1.16em}.rail nav button:first-child svg{color:#ffcf59}.rail nav button:is(:hover,.active){background:#ffffff26}.vault{width:100%;margin:2.1vh 0 0;padding:1.6vh 6%;border-radius:0;border-top:1px solid #ffffff63}.vault small{display:block;font-size:.71em;margin-top:.2em}.crystal{color:#be88ff;font-size:2.5em;text-shadow:1px 2px 5px #230d4e}.top{grid-area:1/2/2/4;display:flex;align-items:center;gap:1.25em;padding:0 1.6vw 0 2.5vw;font-size:.95em}.top>span,.top button,.pill{display:inline-flex;align-items:center;gap:.55em}.topcap{border-left:1px solid #133b5426;padding-left:1.65em}.spacer{flex:1}.pill{border-radius:50px;background:#fffdf9ed;box-shadow:var(--shade);padding:.55em .9em;font-weight:600}.demo i,.tabset i{display:inline-block;background:#11977a;border-radius:100%;width:.75em;height:.75em}.iconbtn{display:inline-grid;place-items:center;padding:.45em;border-radius:12px}.bell{position:relative}.bell b{position:absolute;right:.3em;top:.3em;width:.58em;height:.58em;border-radius:100%;background:#ec645a}.mobmenu,.top .mobmenu{display:none}.app main{grid-area:2/2/3/3;display:flex;flex-direction:column;min-width:0}.hero{min-height:29.5svh;display:flex;align-items:center;justify-content:space-between;padding:0 2.2% 2.2vh 4.4%;gap:1em}.heroCopy{width:64%}.hero label{font-weight:700;letter-spacing:.18em;font-size:.94em}.hero h1{font-weight:500;font-style:italic;font-size:clamp(29px,2.52vw,52px);line-height:1.04;letter-spacing:-.04em;max-width:23ch;margin:.22em 0 .24em}.hero p{max-width:57ch;font-size:.98em;line-height:1.42;text-wrap:pretty}.actions{display:flex;gap:.85em;flex-wrap:wrap;margin-top:2.45vh}.actions button,.guideBtn{display:flex;align-items:center;justify-content:center;gap:.6em;font-weight:650;border-radius:30px;padding:.62em 1.2em;background:#fffaf2e8;box-shadow:var(--shade);border:1px solid #10334b;font-size:.89em}.actions .sunBtn{background:#ffd062;border-color:#fff}.weather{min-width:29%;background:linear-gradient(120deg,#fcfcf7ed,#faf7f2ef);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.35em;border:var(--border);padding:1.05em 1.2em;box-shadow:var(--shade);text-align:left}.weatherTitle,.sectionTitle{display:flex;align-items:center;gap:.4em}.weatherTitle{font-family:var(--serif);font-weight:650;font-size:1.12em;padding-bottom:.65em;border-bottom:1px solid #14385020;white-space:nowrap}.weatherTitle em{font:600 .8em -apple-system,sans-serif}.weatherTitle svg,.sectionTitle>.textbtn,.sectionTitle>.tag{margin-left:auto}.weatherBody{display:flex;padding-top:.9em;gap:.95em;align-items:center}.temperature{display:grid;font-size:.85em;line-height:1.15}.temperature svg{width:3.5em;height:3.5em;color:#f4ae00;fill:#ffc62b;stroke-width:1.15}.temperature b{font:600 2.15em var(--serif);white-space:nowrap}.marine{display:grid;gap:.95em;border-left:1px solid #abcdce;padding-left:1em}.marine>span{display:flex;gap:.6em;align-items:center;font-size:.72em}.marine svg{width:2.45em;height:2.45em}.marine strong{display:block;font-weight:600}.projectArea,.lower{margin:0 2% 0 2.3%}.sectionTitle{justify-content:space-between;margin-bottom:1.35vh}.sectionTitle h2{display:flex;align-items:center;gap:.55em;font-size:clamp(17px,1.28vw,26px);letter-spacing:-.035em}.sectionTitle h2 svg{width:1.3em;height:1.3em}.textbtn{display:flex;align-items:center;gap:.6em;font-size:.83em;font-weight:650;background:#fcfbf2ad;border-radius:20px;padding:.55em .85em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.65vw}.projectCard{overflow:hidden;background:linear-gradient(#fff,#faf6ee);border:var(--border);box-shadow:var(--shade);border-radius:1em;min-width:0;padding:0 0 .75em;text-align:center}.projectCard>img{display:block;width:100%;height:9.4svh;object-fit:cover;border-radius:.8em .8em .4em .4em}.projectName{display:flex;gap:.3em;align-items:center;justify-content:center;margin:.58em .1em .2em;font:600 clamp(12px,.99vw,19px) var(--serif);letter-spacing:-.045em;line-height:1.15}.projectName svg{width:1.27em;height:1.27em}.projectCard small{font-size:.65em;display:block}.meter{display:block;background:#e5e7e2;height:.34em;margin:.77em 7% 0;border-radius:9px;overflow:hidden}.meter i{height:100%;display:block;background:#189476;border-radius:9px}.lower{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(0,1fr);gap:1vw;flex:1;margin-top:2vh;padding-bottom:.7vh;align-items:start;position:relative}.lower:before{content:"";position:absolute;inset:10% -1.4% 0 52%;background:var(--coast) right bottom/100% auto no-repeat;z-index:-1;-webkit-mask-image:linear-gradient(to top,#000,transparent 87%);mask-image:linear-gradient(to top,#000,transparent 87%)}.guide{border-radius:1.3em;border:var(--border);box-shadow:var(--shade);padding:1.4vh 1vw;background:#fffcf7e8;align-self:stretch;display:flex;flex-direction:column}.guide .sectionTitle{gap:.3em}.tag{display:flex;align-items:center;gap:.4em;border-radius:30px;padding:.4em .65em;font-size:.72em;background:#fbe8cc;white-space:nowrap}.guideGrid{display:grid;grid-template-columns:42% 1fr;gap:1vw;flex:1;min-height:0}.guideGrid>img{width:100%;height:100%;min-height:155px;object-fit:cover;border-radius:.95em}.guideGrid>div{display:flex;flex-direction:column;min-width:0}.guide h3{font-weight:600;font-style:italic;letter-spacing:-.04em;font-size:clamp(19px,1.46vw,30px);line-height:1.12}.duration,.guideGrid p{font-size:.84em;line-height:1.25;margin:.35em 0}.topics{display:flex;gap:.3em;margin:auto 0 .65em;padding-top:.4em}.topics button{flex:1;min-width:0;display:grid;place-items:center;gap:.2em;background:#fbf7ef;border:1px solid #e6d9c64d;border-radius:8px;padding:.4em .15em}.topics strong{font-size:.65em}.topics small{font-size:.56em}.topics svg{color:#634627}.guideBtn{background:linear-gradient(#086e7a,#033a50);color:#fff;border-color:#fff;border-radius:2em;padding:.55em .7em;font-size:.82em;gap:.5em}.guideBtn svg:first-child{color:#ffd166}.guideBtn svg:last-child{margin-left:auto}.folds{display:grid;gap:1.4vh}.fold{border:var(--border);background:#fffdf8e8;border-radius:1.05em;box-shadow:var(--shade)}.fold>button{display:flex;align-items:center;gap:.7em;text-align:left;width:100%;padding:1.12em}.fold>button>b{font:600 clamp(16px,1.16vw,22px) var(--serif);letter-spacing:-.03em}.fold b small{font-size:.94em;font-weight:400}.fold>button>svg:last-child{margin-left:auto;width:1em}.rotate{transform:rotate(180deg)}.fold ul{margin:0;padding:0 1em .7em;list-style:none}.fold li{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1ded8;padding:.5em 0;font-size:.84em}.assistant{grid-area:2/3/3/4;align-self:stretch;position:relative;margin:0 .32vw 0 0;border:1px solid #fff;border-radius:1.85em;box-shadow:0 5px 18px #002e4d28;color:#fff;background:radial-gradient(ellipse at 50% 8%,#094b6a,transparent 38%),linear-gradient(155deg,#032f47,#073c53 78%,#09536b);display:flex;flex-direction:column;align-items:stretch;padding:1.4vh .65vw;gap:1.05vh;min-width:0}.panelToggle{position:absolute;right:1em;top:1em;border-radius:100%;background:#086377;color:#fff;display:grid;place-items:center;width:2.4em;height:2.4em}.persona{text-align:center}.persona img{width:clamp(90px,min(10.5vw,18vh),190px);display:block;margin:0 auto -1%;border-radius:50%;mix-blend-mode:lighten}.persona h2{font-weight:500;font-size:2.3em;line-height:1.05}.persona p{font-size:.95em}.voice{display:grid;place-items:center;flex:1;align-content:space-evenly;gap:.6vh;min-height:116px}.wave{display:flex;align-items:center;justify-content:center;gap:2px;position:relative;width:87%;height:4.7vh}.wave:before{content:"";position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--signal),transparent)}.wave i{display:block;border-radius:50%;width:2.6px;max-width:1.3%;background:var(--signal);box-shadow:0 0 5px var(--signal);animation:pulse .8s ease-in-out alternate infinite}.wave.idle i{background:var(--idle);box-shadow:0 0 6px var(--idle);animation:none}.voice p{font-size:1.18em}.voiceActions{width:80%;display:flex;align-items:center;justify-content:space-between}.voiceActions button{border:1px solid #ffffff55;border-radius:100%;color:#fff;width:3.15em;height:3.15em}.voiceActions .mic{width:clamp(54px,5.4vw,100px);height:clamp(54px,5.4vw,100px);border:3px solid var(--signal);box-shadow:inset 0 0 11px var(--signal),0 0 12px var(--signal);display:grid;place-items:center}.mic svg{width:50%;height:50%;stroke-width:1.4}.examples{background:#ffffff15;border:1px solid #ffffff12;border-radius:1.1em;padding:.68em}.examples p{display:flex;align-items:center;gap:.5em;margin:0 0 .65em;font-size:.9em}.examples button{display:flex;align-items:center;gap:.45em;text-align:left;width:100%;background:#ffffff1a;color:#fff;margin-top:.45em;border-radius:1.2em;padding:.42em .6em;font-size:.78em;line-height:1.3}.examples b{border-radius:100%;background:#138391;color:#fff;width:1.45em;height:1.45em;text-align:center;font:700 1.3em Georgia}.model,.providers{background:linear-gradient(135deg,#fcf9f3,#e4edf0);color:var(--ink);border-radius:1.03em;border:var(--border);padding:.55em .65em}.model{display:flex;align-items:center;gap:.65em;margin-top:.7vh}.model>svg{width:1.8em;height:1.8em}.model label{font-size:.74em;flex:1;min-width:0}.model select{display:block;width:100%;padding:.3em;background:#d7e5ea;border-radius:.4em;border:0;font-size:1.05em}.providers{display:flex;justify-content:space-between;background:#faf7f2}.providers button{display:grid;justify-items:center;gap:.4em;padding:.25em .35em;border-radius:.35em;font-size:.69em;font-weight:650}.providers svg{height:1.8em;width:1.8em}.providers button:nth-child(2) svg{color:#cf653a}.providers button:nth-child(5) svg{color:#518cba}.providers [aria-pressed=true]{background:#c3e3db}.transcript{color:#fff;text-align:left;background:#ffffff16;border-radius:10px;padding:.6em;font-size:.78em}.transcript span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dock{grid-area:3/2/4/4;padding:1.25vh 1.5vw;display:flex;align-items:center;gap:1vw}.dock>button,.dock>form{display:flex;align-items:center;justify-content:center;gap:.7em;background:#fffcf7de;border:var(--border);border-radius:1.3em;box-shadow:var(--shade);padding:.72em 1.1em;font-size:.85em;white-space:nowrap}.dock form{justify-content:flex-start;flex:0 1 31%;border-radius:30px}.dock input{width:100%;min-width:0;background:none;border:0}.dock input::placeholder{color:#425772}.dock form button{display:grid;place-items:center;color:#1a6680}.dock .memorySearch{flex:0 1 25%;border-radius:30px}.dock>button:last-child{padding:.72em}.scrim{display:none}dialog{padding:0;border:1px solid white;border-radius:20px;width:min(565px,92vw);max-height:86svh;color:var(--ink);background:#fffdf7;box-shadow:0 25px 100px #001d3666}dialog::backdrop{background:#03283b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog article{padding:24px;font-size:15px}dialog h2{font-size:27px;line-height:1.15;margin-top:5px}dialog h3{font-size:21px;margin:14px 0 6px}dialog p,dialog li{line-height:1.52;margin:.65em 0}.modalHead{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #d9dfda;padding-bottom:14px;margin-bottom:16px}.modalHead small,.source small{font-size:10px;letter-spacing:.13em;color:#426a71;font-weight:700}.modalHead .iconbtn{background:#e6eeeb}.modalInput,textarea{width:100%;border:1px solid #a7baba;border-radius:10px;padding:12px;background:#fff;margin:8px 0}textarea{min-height:140px;resize:vertical}.list button,.row{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 2px;border-bottom:1px solid #dfe3dc;width:100%}.list img{width:70px;height:43px;object-fit:cover;border-radius:6px}.list small{display:block;font-size:12px;color:#4a606d}.list button>svg:last-child,.row>span,.row>button{margin-left:auto}.row button,.tabset button{border:1px solid #bdceca;border-radius:9px;padding:6px 10px;background:#f4f7f3}.tabset{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tabset button{display:flex;align-items:center;gap:.4em}.tabset [aria-pressed=true],.modalAction{background:#075364;color:#fff}.modalAction{display:flex;align-items:center;gap:9px;border-radius:10px;padding:11px 15px}.source{background:#eaf1ec;border-radius:12px;padding:12px 16px;margin:14px 0}.wide,.guidePhoto{width:100%;height:138px;object-fit:cover;border-radius:12px}.guidePhoto{object-position:50% 55%}.large{font-size:20px}@keyframes pulse{0%{transform:scaleY(.45)}to{transform:scaleY(1.15)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(min-width:1051px)and (max-height:780px){.hero{min-height:235px}.guideGrid>img{min-height:140px}.assistant{gap:6px}.persona img{width:105px}.voiceActions .mic{width:54px;height:54px}.rail{background-size:100% 38%,auto}.guide .tag{font-size:.65em}}@media(max-width:1250px){.app{grid-template-columns:12% minmax(0,1fr) 24%}.app:before{left:12%;right:24%}.app.compact{grid-template-columns:12% minmax(0,1fr) 0}.hero{padding-left:3.2%;padding-right:2%;gap:.4em}.heroCopy{width:62%}.weather{padding:.8em}.marine{padding-left:.65em}.actions{gap:.5em}.actions button{padding:.55em .7em}.guide .tag{display:none}.guideGrid{grid-template-columns:37% 1fr}.projectName{flex-wrap:wrap;gap:.2em}.lower{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.guideGrid p{font-size:.86em}.dock{gap:.65vw}.fold>button{padding:1em .7em}.rail nav button{padding:0 6%}.brand small{font-size:.65em}}@media(max-width:1050px){.app,.app.compact{grid-template-columns:65px minmax(0,1fr) 24%}.app.compact{grid-template-columns:65px minmax(0,1fr) 0}.app:before{left:65px}.rail .brand strong{font-size:11px}.rail .brand small,.vault span:last-child{display:none}.rail nav button{font-size:0;justify-content:center}.rail nav svg{font-size:18px}.rail .vault{justify-content:center}.heroCopy{width:58%}.hero h1{font-size:29px}.actions{margin-top:1.2vh}.weather{min-width:34%}.hero{min-height:240px}.lower{grid-template-columns:1fr}.folds{grid-template-columns:1fr 1fr}.guideGrid{grid-template-columns:34% 1fr}.guideGrid>img{min-height:147px;max-height:200px}.sectionTitle h2{font-size:18px}.assistant .persona p{font-size:.85em}.assistant .wave{gap:1px}.guide .tag{display:flex}.cards{gap:5px}.projectCard>img{height:69px}.voiceActions{width:92%}.examples{padding:.55em}.dock form{flex:1}.dock>.memorySearch{flex:1}.rail{background-size:auto 27%,auto}}@media(max-width:900px){.app,.app.compact{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;font-size:14px}.app:before,.app.compact:before{left:0;right:0;height:320px}.rail{display:none}.top .mobmenu{display:grid}.rail.shown{display:block;position:fixed;inset:0 auto 0 0;width:205px;padding:25px 14px;z-index:8}.rail.shown nav button{justify-content:flex-start;gap:14px;font-size:14px;min-height:44px}.rail.shown .brand strong{font-size:24px}.rail.shown .brand small{display:block}.scrim{display:block;position:fixed;inset:0;background:#03243566;z-index:6}.top{grid-area:1/1;padding:9px 13px;gap:9px}.topcap,.top .topcap,.crew,.top .crew{display:none}.top>span{font-size:12px}.top .iconbtn{padding:.3em}.app main{grid-area:2/1}.hero{min-height:240px}.heroCopy{width:61%}.hero h1{font-size:clamp(27px,4.5vw,35px)}.projectArea,.lower{margin-left:14px;margin-right:14px}.assistant{grid-area:3/1;margin:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.persona img{width:93px}.voice{min-height:100px}.examples,.transcript{grid-column:1/-1}.examples button{font-size:13px}.model{margin:0}.providers{align-items:center}.panelToggle{right:.5em;top:.5em}.dock{grid-area:4/1;padding:10px 14px;flex-wrap:wrap}.guideGrid>img{max-height:none}.top .pill{padding:.48em .65em}.lower{margin-top:15px}.cards{overflow-x:auto;grid-template-columns:repeat(5,minmax(105px,1fr));padding-bottom:4px}.hero .weather{min-width:0}.dock form,.dock .memorySearch{flex-basis:42%}}@media(max-width:520px){.hero{display:block;padding:14px}.heroCopy{width:100%}.hero p{max-width:90%;font-size:13px}.hero h1{max-width:22ch}.hero .weather{width:100%;margin-top:14px}.weatherTitle{padding:0;border:0}.weatherBody{padding-top:5px;justify-content:space-between}.temperature,.marine,.marine>span{display:flex;align-items:center}.temperature{gap:6px}.temperature svg{width:25px;height:25px}.temperature b{font-size:1.5em}.marine{gap:10px}.guideGrid{grid-template-columns:1fr}.guideGrid>img{max-height:145px;min-height:0}.guide{padding:12px}.guide h3{font-size:22px}.guide .tag{display:none}.topics{margin-top:8px}.top .bell{display:none}.fold>button>b{font-size:14px}.assistant{grid-template-columns:1fr}.providers,.model,.voice,.persona{grid-column:1/-1}.voiceActions{max-width:220px}.dock>.memorySearch{font-size:11px}.dock>button{padding:.6em}}
