/* AgenTech official site polish — header, collection, mobile, accessibility */
.brand-mark{overflow:hidden;background:#fff!important;border:1px solid #dce8f5;box-shadow:0 4px 14px rgba(15,72,155,.12)}
.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}
.brand>span:last-child{white-space:nowrap}
.nav a:focus-visible,.btn:focus-visible,.category-list button:focus-visible,.play:focus-visible{outline:3px solid #68b5ff;outline-offset:3px}
.hero-frame img,.brand-mark img,.video-character img{background:#fff}
.collection-gallery>a{display:block;border-radius:26px;transition:transform .18s ease,box-shadow .18s ease}
.collection-gallery>a:hover{transform:translateY(-3px)}
.collection-gallery>a:focus-visible{outline:3px solid #68b5ff;outline-offset:4px}
.collection-card{height:100%;display:flex;flex-direction:column}
.collection-meta{display:flex;flex-direction:column;flex:1}
.collection-meta strong{line-height:1.45;min-height:2.8em}
.collection-meta small{margin-top:auto;padding-top:10px}
.collection-art{position:relative}
.collection-art::after{content:"";position:absolute;inset:10px;border:1px solid rgba(15,72,155,.05);border-radius:20px;pointer-events:none}
.image-loading{font-size:12px;color:#718096;text-align:center}
.official-sticker-img{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}
.line-box,.video-shell,.talk{scroll-margin-top:92px}
@media(max-width:1100px){.nav{gap:18px}.nav nav{gap:12px}.nav nav a{font-size:12px}.brand{font-size:16px}}
@media(max-width:900px){
 .nav{padding:0 4vw}.brand>span:last-child{max-width:48vw;overflow:hidden;text-overflow:ellipsis}
 .hero{min-height:auto;padding-bottom:36px}.hero-visual{min-height:470px}
 .collection-gallery{gap:14px}.collection-art{height:230px}
 .line-box{padding:30px}.talk{padding-top:56px;padding-bottom:56px}
}
@media(max-width:680px){
 .nav{height:64px;gap:10px}.brand{font-size:13px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:10px}
 .brand>span:last-child{max-width:54vw}.nav-cta{white-space:nowrap;padding:9px 11px!important}
 .hero{padding:38px 5vw 28px}.hero h1{font-size:clamp(36px,10vw,48px);line-height:1.12}.hero p{font-size:15px;line-height:1.75}
 .hero-actions{width:100%}.hero-actions .btn{width:min(100%,320px);text-align:center}
 .hero-visual{min-height:360px}.hero-frame{width:min(92%,430px)}
 .section{padding:58px 5vw}.section-head{margin-bottom:30px}.section-head p{font-size:14px}
 .stamp-toolbar{overflow-x:auto;padding-bottom:6px;margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw}.category-list{justify-content:flex-start;flex-wrap:nowrap;width:max-content}.category-list button{white-space:nowrap}
 .stamp-gallery{grid-template-columns:1fr 1fr;gap:10px}.stamp-card{min-height:218px;border-radius:18px}.stamp-message{padding:45px 12px 13px}.stamp-message strong{font-size:14px;line-height:1.4}
 .collection-gallery{grid-template-columns:1fr}.collection-art{height:min(68vw,330px)}.collection-meta strong{min-height:auto}.collection-card{border-radius:22px}
 .line-box{padding:24px;border-radius:22px}.line-actions{align-items:stretch}.line-actions .btn,.line-status{width:100%;text-align:center}.line-preview{min-height:160px}
 .video-stage{border-radius:20px}.video-poster{padding:24px}.video-poster strong{font-size:18px}.video-points{gap:8px}.video-points span{font-size:11px}
 .talk{gap:22px}.talk .btn{width:100%;text-align:center}
 footer{padding:24px 5vw}
}
@media(max-width:390px){.brand>span:last-child{max-width:47vw}.nav-cta{font-size:10px!important}.stamp-gallery{grid-template-columns:1fr}.stamp-card{min-height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-gallery>a{transition:none}}

/* Official 100: keep every independent image fully visible on iOS and other browsers. */
.stamp-card{min-height:0!important;display:block!important;overflow:hidden!important}
.stamp-art.official-individual-art{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1/1!important;padding:12px!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.official-individual-art .official-sticker-img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;background:#fff!important;border-radius:12px!important;filter:none!important;transform:none!important}
.stamp-message{position:relative!important;z-index:2!important;background:#fff!important;padding:14px 16px 16px!important;border-top:1px solid #edf2f7!important}
@media(max-width:620px){.stamp-art.official-individual-art{padding:8px!important}.stamp-message{padding:12px 10px 13px!important}}

/* Agen family navigation: standard AI employee / female / AI pet / company doctor */
.agen-family{max-width:1180px;margin:34px auto 0;padding:0 6vw 64px}.agen-family-head{text-align:center;margin-bottom:20px}.agen-family-head strong{display:block;font-size:clamp(24px,3vw,36px);color:#0d2a58}.agen-family-head span{display:block;margin-top:8px;color:#687b94;font-size:14px;line-height:1.7}.agen-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.agen-family-card{display:flex;flex-direction:column;min-height:210px;padding:22px;border:1px solid #dbe8f6;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(15,72,155,.07);transition:transform .18s ease,box-shadow .18s ease}.agen-family-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,72,155,.12)}.agen-family-card .family-icon{font-size:32px}.agen-family-card b{margin-top:14px;font-size:18px;color:#0d2a58}.agen-family-card p{margin:8px 0 16px;color:#667991;font-size:13px;line-height:1.65}.agen-family-card em{margin-top:auto;font-style:normal;color:#0f489b;font-size:12px;font-weight:900}.agen-family-card.female{border-color:#f3c2d4;background:linear-gradient(180deg,#fff,#fff8fb)}.agen-family-card.female em{color:#e53576}.agen-family-card.pet{border-color:#cde5d9;background:linear-gradient(180deg,#fff,#f6fffa)}.agen-family-card.doctor{border-color:#c8dcf5;background:linear-gradient(180deg,#fff,#f6fbff)}
.female-spotlight{max-width:1180px;margin:0 auto 28px;padding:22px 24px;border:1px solid #f2c5d5;border-radius:24px;background:linear-gradient(120deg,#fff7fb,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px}.female-spotlight strong{display:block;font-size:22px;color:#e53576}.female-spotlight p{margin:7px 0 0;color:#765d68;font-size:13px;line-height:1.7}.female-spotlight a{white-space:nowrap;border-radius:999px;padding:11px 16px;background:#f23878;color:#fff;font-size:12px;font-weight:900}
.hero-role-note{margin:14px 0 0;color:#31577f!important;font-size:13px!important;line-height:1.65!important;font-weight:700}
@media(max-width:900px){.agen-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agen-family{padding-bottom:52px}}
@media(max-width:620px){.agen-family{padding:0 5vw 48px;margin-top:22px}.agen-family-grid{grid-template-columns:1fr;gap:10px}.agen-family-card{min-height:0;padding:18px;border-radius:20px}.female-spotlight{margin:0 5vw 22px;padding:18px;display:block}.female-spotlight a{display:inline-block;margin-top:14px}.hero-role-note{text-align:center;font-size:12px!important}}

/* Formal Agen character concept: preserve the original 3:2 artwork without cropping. */
.hero-frame{width:min(620px,96%);padding:10px;transform:none}
.hero-frame img{aspect-ratio:3/2;object-fit:contain;object-position:center;background:#eaf7ff}
@media(max-width:520px){.hero-frame{width:100%;padding:7px;border-radius:24px}.hero-frame img{border-radius:18px}}


/* 2026-08-27 — unified formal concept: intelligence, warmth, forward motion */
:root{--agen-blue:#0a4696;--agen-navy:#082b5c;--agen-sky:#e9f6ff;--agen-cyan:#35b9e9;--agen-gold:#f2b84b;--agen-ink:#0b2b55}
body{color:var(--agen-ink);background:linear-gradient(180deg,#fff 0%,#fafdff 100%)}
.nav{height:78px;border-bottom:1px solid rgba(10,70,150,.1);box-shadow:0 8px 28px rgba(8,43,92,.045)}
.nav nav a{position:relative;color:#254b76}.nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--agen-cyan);transition:right .2s ease}.nav nav a:hover::after{right:0}
.nav-cta,.btn.primary{background:linear-gradient(135deg,var(--agen-blue),#0876c9);box-shadow:0 10px 24px rgba(10,70,150,.2)}
.hero{min-height:720px;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);padding:5vw max(5vw,calc((100vw - 1440px)/2));background:radial-gradient(circle at 77% 37%,rgba(72,190,239,.22),transparent 31%),linear-gradient(135deg,#fff 0%,#f5fbff 50%,#eaf7ff 100%);position:relative}
.hero::before{content:"AGEN";position:absolute;left:-.025em;bottom:-.2em;font-size:clamp(120px,18vw,280px);font-weight:950;letter-spacing:-.07em;color:rgba(10,70,150,.035);pointer-events:none}
.hero-copy{position:relative;z-index:4;max-width:660px}.hero h1{font-size:clamp(50px,5.8vw,86px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 18px}.hero h1 span{background:linear-gradient(100deg,var(--agen-blue),#1388cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{margin:0 0 6px!important;font-size:clamp(20px,2vw,27px)!important;line-height:1.45!important;font-weight:900;color:var(--agen-navy)!important}.hero-copy>p:not(.hero-lead):not(.hero-role-note){max-width:620px}
.hero-actions{margin:28px 0 23px}.btn{transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn.ghost{border-color:#bdd8ef;color:var(--agen-blue);box-shadow:0 8px 24px rgba(10,70,150,.06)}
.chips span{background:rgba(255,255,255,.8);border-color:#cce5f6;color:#174d7b;font-weight:800;box-shadow:0 5px 16px rgba(8,43,92,.04)}
.hero-visual{min-height:580px}.halo{width:540px;height:540px;background:linear-gradient(135deg,rgba(10,70,150,.1),rgba(53,185,233,.22));box-shadow:0 0 0 70px rgba(214,241,255,.42)}
.hero-frame{width:min(690px,100%);padding:9px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.7);box-shadow:0 34px 90px rgba(8,43,92,.2);border-radius:34px}
.hero-frame img{width:100%;aspect-ratio:3/2;border-radius:26px}
.float-card{padding:12px 16px;border:1px solid rgba(10,70,150,.1);box-shadow:0 16px 38px rgba(8,43,92,.13);font-size:13px;color:#274f79}.float-card b{display:inline-block;margin-right:6px;color:var(--agen-blue);letter-spacing:.08em}.c1{left:-2%;top:17%}.c2{right:-1%;top:48%}.c3{left:8%;bottom:5%}
.section{position:relative}.section-head h2{letter-spacing:-.035em;color:var(--agen-navy)}.section-head .eyebrow{color:#0879bd}.profile-grid article,.cards article,.stamp-card,.collection-card{border-color:rgba(10,70,150,.12);box-shadow:0 18px 50px rgba(8,43,92,.07)}.profile-grid article,.cards article{transition:transform .18s ease,box-shadow .18s ease}.profile-grid article:hover,.cards article:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(8,43,92,.11)}
.alt{background:linear-gradient(180deg,#f5fbff,#edf8ff)}.stamps-section{background:linear-gradient(180deg,#fff,#f4faff)}.collection-section{background:linear-gradient(180deg,#fff,#fbfdff)}
.line-box{border-color:#bfe8cd;box-shadow:0 22px 60px rgba(6,120,70,.08)}.talk{background:radial-gradient(circle at 85% 20%,rgba(53,185,233,.2),transparent 28%),linear-gradient(135deg,#eaf7ff,#fff)}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-visual{min-height:500px}.float-card{font-size:11px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:48px}.hero-copy{max-width:760px;margin:auto;text-align:center}.hero-copy>p:not(.hero-lead):not(.hero-role-note){margin-left:auto;margin-right:auto}.hero-visual{min-height:520px}.hero-frame{width:min(680px,94%)}}
@media(max-width:680px){.nav{height:66px}.hero{padding:36px 5vw 30px}.hero::before{font-size:34vw;bottom:.02em}.hero h1{font-size:clamp(41px,12vw,58px);margin:16px 0 14px}.hero-lead{font-size:20px!important}.hero-visual{min-height:340px;margin-top:14px}.hero-frame{width:100%;padding:6px;border-radius:22px}.hero-frame img{border-radius:17px}.halo{width:290px;height:290px;box-shadow:0 0 0 34px rgba(214,241,255,.4)}}

/* Collaboration gateway */
.collaboration{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,76px);align-items:center;background:linear-gradient(135deg,#071f43,#0b4d91);color:#fff;overflow:hidden}
.collaboration::before{content:"COLLAB";position:absolute;right:-.04em;bottom:-.22em;font-size:clamp(100px,16vw,250px);font-weight:950;letter-spacing:-.06em;color:rgba(255,255,255,.035)}
.collab-copy{position:relative;z-index:2;max-width:720px}.collab-copy .eyebrow{color:#70d7ff}.collab-copy h2{font-size:clamp(34px,4.5vw,58px);line-height:1.22;letter-spacing:-.04em;margin:12px 0 18px}.collab-copy p{color:#c3d9ee;line-height:1.85;font-size:16px}.collab-copy .btn{margin-top:26px;background:linear-gradient(135deg,#fff,#dff5ff);color:#0a4696;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.collab-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.collab-tags span{padding:8px 11px;border:1px solid rgba(128,216,255,.3);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;color:#d9efff}
.collab-visual{position:relative;z-index:2;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.25)}.collab-visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:22px;background:#eaf7ff}.collab-visual span{position:absolute;right:20px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(7,31,67,.85);color:#bce9ff;font-size:10px;font-weight:900;letter-spacing:.12em}
@media(max-width:900px){.collaboration{grid-template-columns:1fr}.collab-copy{text-align:center;margin:auto}.collab-tags{justify-content:center}.collab-visual{max-width:680px;margin:auto}}
@media(max-width:520px){.collaboration{padding-top:58px;padding-bottom:58px}.collab-copy h2{font-size:34px}.collab-copy .btn{width:100%;text-align:center}.collab-visual{border-radius:22px}.collab-visual img{border-radius:16px}.collab-visual span{right:12px;bottom:12px;font-size:9px}}